/*
Theme Name: Visual Composer Starter Child
Theme URL: https://visualcomposer.com/visual-composer-starter-theme/
Description: Visual Composer Starter Child Theme
Theme Author: Visual Composer
Author URL: https://visualcomposer.com/
Template: visual-composer-starter
Version: 1.0.0
Text Domain: visual-composer-starter-child
*/
.custom_text_shadow{
	text-shadow: 0 4px 6.3px rgba(0, 0, 0, 0.47) !important;
}
.custom_no_bottom_margin *{
	margin-bottom: 0px !important;
}
.custom_no_capitalcase *{
	text-transform: none !important;
}
.page-id-388  #custom_footer_cta,
.page-id-337  #custom_footer_cta,
.page-id-164  #custom_footer_cta,
.page-id-330  #custom_footer_cta,
.page-id-77 #custom_footer_cta{
	display: none !important;
}
.vcwb-font-manager ul:not([class]):not([id]) > li:not(:last-child){
	margin-bottom: 5px !important;
}
.site_red_font{
	color: #C00000 !important;
}
.site_uppercase_font{
	text-transform: uppercase !important;
}
.site_font_weight_800{
	font-weight: 800 !important;
}
.site_font_white{
	color: #fff !important;
}
.custom_padding_top_bottom_7per{
	padding-top: 7% !important;
	padding-bottom: 7% !important;
}
.custom_right_border{
	border-right: 2px solid #ffffff66;
}

/* Red Banner Back Effect CSS Start */
.custom_banner_back_color_red {
    position: relative;
    overflow: hidden;
    background: #C00;
}

.custom_banner_back_color_red::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background: radial-gradient(
        ellipse 120% 80% at 50% 50%,
        #e63333 0%,
        #d91f1f 25%,
        #c00 55%,
        #b00000 80%,
        #990000 100%
    );

    z-index: 0;
}

.custom_banner_back_color_red > * {
    position: relative;
    z-index: 1;
}
/* Red Banner Back Effect CSS Ends */


/*Black Banner Back Effect CSS Start*/
.custom_banner_back_color {
    position: relative;
    overflow: hidden;
    background: #1a1a1a;
}

.custom_banner_back_color::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background: radial-gradient(
        ellipse 120% 80% at 50% 50%,
        #3a3a3a 0%,
        #2d2d2d 25%,
        #242424 55%,
        #1d1d1d 80%,
        #171717 100%
    );

    z-index: 0;
}

.custom_banner_back_color > * {
    position: relative;
    z-index: 1;
}
/*Black Banner Back Effect CSS Ends*/

/*Footer Social Icon CSS Start*/
.custom_social_icon_resize .vce-features--icon,
.custom_social_icon_resize .vce-icon-container {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom_social_icon_resize .vce-icon-container {
    font-size: 30px !important;
    line-height: 30px;
}

.custom_social_icon_resize svg {
    width: 30px;
    height: 30px;
    display: block;
}

.custom_social_icon_resize .vce-icon-group {
    gap: 1px !important; /* Change spacing between icons if needed */
}
.custom_social_icon_resize .vcv-ui-icon-jam-twitter {
    font-size: 0 !important;
}

.custom_social_icon_resize .vcv-ui-icon-jam-twitter::before {
    content: "𝕏";
    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*Footer Social Icon CSS Ends*/

/*Footer Menu Link CSS  Start*/
footer nav ul li a, 
#el-045c3c34 nav ul li a,
footer h5 a,
#el-045c3c34 h5 a{
	color: #AAA !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 19.5px !important;
}
#el-045c3c3 a:hover,
footer h5 a:hover{
	border-color: #AAA !important;
}
/*Footer Menu Link CSS  Ends*/



/*Sticky Header CSS Start*/
/* Make header float over first section */
.vcv-header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
/* Initial floating container */
.custom_header_space_css {
    margin: 50px auto 0px !important;
    position: relative;
    z-index: 999999;
}
/* Sticky state after scroll */
.custom_header_space_css[data-vcv-sticky-element-active="true"] {
    position: fixed !important;
    top: 0;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    background: rgba(15,15,15,0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 30px rgba(0,0,0,.35);
	border-radius: 0px !important;
}
/* Keep content aligned */
.custom_header_space_css[data-vcv-sticky-element-active="true"] .vce-row-content {
    max-width: 1140px;
    margin: 0 auto;
}
.vce-button--style-basic--border-rounded, a.vce-button--style-basic--border-rounded, button.vce-button--style-basic--border-rounded{
	border-radius: 7px !important;
}
/* Mobile */
@media(max-width:768px){
	
	footer h5 span,
	footer h5 a {
		display: block;
		margin: 0 0 8px 0;
	}
	.custom_mobile_center{
		text-align: center !important;
	}
	.custom_mobile_left{
		text-align: left !important;
	}
	.custom_mobile_small_img {
		width: 70%;
	}
	.custom_hide_on_mobile{
		display: none !important;
	}
	body:not(:has(.custom_no_paddings .vce-button--style-basic)) .vce-button--style-basic--size-medium,
	body:not(:has(.custom_no_paddings .vce-button--style-basic)) .vce-button--style-basic--size-small {
		    padding: 10px !important;
	}
    .custom_header_space_css {
        width: calc(100% - 30px);
        margin-top:15px !important;
    }
    .custom_header_space_css[data-vcv-sticky-element-active="true"] {
        width:100% !important;
    }
}
/*Sticky Header CSS ends*/


/*Header Menu Item CSS Start*/
.custom_header_menu_css ul .menu-item a{
	padding: 5px 10px !important;
}
/*Header Menu Item CSS Ends*/

@media (max-width: 767px) {
	.custom_right_border{
		border-right: none !important;
	}
}
@media (max-width: 999px) {
    .vce-row:not(.custom_no_side_spacing_on_mobile) {
        padding-right: 5% !important;
		padding-left: 5% !important;
    }
}

/*Custom PDF link right arrow CSS Start*/
.custom_pdf_download_arrow {
    width: 100%;
}
.custom_pdf_download_arrow .vce-icon-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    position: relative;
    padding: 15px 45px 15px 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}
.custom_pdf_download_arrow .vce-icon-button-icon-wrapper {
    flex: 0 0 auto;
    color: #cc0000;
}
.custom_pdf_download_arrow .vce-icon-button-title {
    flex: 1 1 auto;
    color: #171717;
    text-align: left;
	margin-right: 20px;
}
.custom_pdf_download_arrow .vce-icon-button::after {
    content: "→";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #cc0000;
    font-size: 24px;
    line-height: 1;
    transition: transform 0.25s ease, color 0.25s ease;
}
.custom_pdf_download_arrow .vce-icon-button:hover .vce-icon-button-title {
    color: #cc0000;
}
.custom_pdf_download_arrow .vce-icon-button:hover::after {
    color: #cc0000;
    transform: translate(5px, -50%);
}
.custom_pdf_download_arrow .vce-icon-button {
    pointer-events: auto;
}
.custom_icon_big .vce-icon-button-icon-wrapper {
    font-size: 20px !important;
}
/*Custom PDF link right arrow CSS End*/

/*Box Hover Effect CSS Start*/
.custom_product_box_hover_effect {
    position: relative !important;
    overflow: hidden !important;
	margin-top: 12.5px !important;
	margin-bottom: 12.5px !important;
}

.custom_product_box_hover_effect::after {
    content: "";
    position: absolute !important;
    inset: 0 !important;
    border-radius: 15px;

    background: radial-gradient(
        ellipse 120% 80% at 50% 50%,
        rgba(58, 58, 58, 0.96) 0%,
        rgba(45, 45, 45, 0.96) 25%,
        rgba(36, 36, 36, 0.96) 55%,
        rgba(29, 29, 29, 0.96) 80%,
        rgba(23, 23, 23, 0.96) 100%
    );

    opacity: 0;
    pointer-events: none;
    z-index: 10;
    transition: opacity 0.35s ease;
}

.custom_hover_corner_glow .custom_product_box_hover_effect::after {
    background: radial-gradient(
        circle at 100% 100%, 
        rgba(255, 255, 255, 0.75) 10%,   /* White highlight in corner */
        rgba(180, 180, 180, 0.75) 23%,  /* Soft white fade */
        rgba(58, 58, 58, 0.96) 30%,     /* Original dark gray */
        rgba(36, 36, 36, 0.96) 70%, 
        rgba(23, 23, 23, 0.96) 100%
    ) !important;
}
.custom_product_box_hover_effect:hover::after {
    opacity: 1;
}
.custom_product_box_hover_effect .vce-asset-background-simple-item{
    z-index: 999 !important;
}
.custom_product_box_hover_effect .vce-col-content {
    position: relative !important;
    z-index: 20 !important;
}
.custom_product_box_hover_effect:hover h4{
    color: #fff !important;
}
/*Box Hover Effect CSS End*/


/*Home page Step box Hover Effect CSS Start*/
.custom_step_box_hover_effect {
    position: relative !important;
    overflow: hidden !important;
    transition: background 0.35s ease !important;
}
.custom_step_box_hover_effect:hover {
    background: radial-gradient(
        ellipse 120% 80% at 50% 50%,
        #3a3a3a 0%,
        #2d2d2d 25%,
        #242424 55%,
        #1d1d1d 80%,
        #171717 100%
    ) !important;
}
.custom_step_box_hover_effect:hover .vce-col-inner,
.custom_step_box_hover_effect:hover .vce-col-content {
    background: transparent !important;
}
.custom_step_box_hover_effect:hover h3{
	color: #C00 !important;
}
.custom_step_box_hover_effect:hover h4,
.custom_step_box_hover_effect:hover h6,
.custom_step_box_hover_effect:hover h6 span,
.custom_step_box_hover_effect:hover p,
.custom_step_box_hover_effect:hover p span {
    color: #fff !important;
}
.custom_step_box_hover_effect h3,
.custom_step_box_hover_effect h4,
.custom_step_box_hover_effect p,
.custom_step_box_hover_effect p span {
    transition: color 0.35s ease !important;
}
.custom_step_box_hover_effect_with_radius:hover{
	border-radius: 18px !important;
}
/*Home page Step box Hover Effect CSS End*/



/*Home page banner step boxes CSS start*/
.custom_homepage_boxes {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
}
.custom_homepage_boxes .vce-row-content {
  overflow: visible !important;
}
.custom_homepage_boxes > .vce-row-content > .vce-col {
  position: relative !important;
  z-index: 1 !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease !important;
}
.custom_homepage_boxes > .vce-row-content > .vce-col .vce-col-inner {
  position: relative !important;
  background: #fff !important;
  border-right: 0.9px solid #ddd !important;
  padding: 38px 32px !important;
  box-shadow: 0 9.9px 24.93px 0 rgba(0, 0, 0, 0.25) !important;
  transition: background 0.35s ease, border-color 0.35s ease,
    box-shadow 0.35s ease !important;
}
.custom_homepage_boxes
  > .vce-row-content
  > .vce-col:first-child
  .vce-col-inner {
  border-radius: 18px 0 0 18px !important;
}
.custom_homepage_boxes > .vce-row-content > .vce-col:last-child .vce-col-inner {
  border-radius: 0 18px 18px 0 !important;
  border-right: 0 !important;
}
.custom_homepage_boxes > .vce-row-content > .vce-col:hover {
  transform: translateY(-10px) !important;
  z-index: 5 !important;
}
.custom_homepage_boxes > .vce-row-content > .vce-col:hover .vce-col-inner {
  background: radial-gradient(
    ellipse 120% 80% at 50% 50%,
    #3a3a3a 0%,
    #2d2d2d 25%,
    #242424 55%,
    #1d1d1d 80%,
    #171717 100%
  ) !important;
  border-color: transparent !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.3) !important;
}
.custom_homepage_boxes > .vce-row-content > .vce-col:hover .vce-col-content,
.custom_homepage_boxes
  > .vce-row-content
  > .vce-col:hover
  .vce-text-block-wrapper {
  background: transparent !important;
}
.custom_homepage_boxes > .vce-row-content > .vce-col .site_red_font {
  transition: color 0.35s ease !important;
}
.custom_homepage_boxes > .vce-row-content > .vce-col:hover h4,
.custom_homepage_boxes > .vce-row-content > .vce-col:hover p,
.custom_homepage_boxes > .vce-row-content > .vce-col:hover p span {
  color: #fff !important;
}
.custom_homepage_boxes > .vce-row-content > .vce-col:hover .site_red_font,
.custom_homepage_boxes > .vce-row-content > .vce-col:hover .site_red_font a {
  color: #c00 !important;
}
.custom_homepage_boxes > .vce-row-content > .vce-col h4,
.custom_homepage_boxes > .vce-row-content > .vce-col p,
.custom_homepage_boxes > .vce-row-content > .vce-col p span {
  transition: color 0.35s ease !important;
}
@media (max-width: 767px) {
   .custom_product_box_hover_effect .vce-asset-background-simple-item{
		z-index: 999 !important;
		background-size: 100px !important;
	}
  .custom_homepage_boxes > .vce-row-content > .vce-col .vce-col-inner {
    padding: 32px 26px !important;
    border-right: 0 !important;
    border-bottom: 0.9px solid #ddd !important;
  }
  .custom_homepage_boxes
    > .vce-row-content
    > .vce-col:first-child
    .vce-col-inner {
    border-radius: 18px 18px 0 0 !important;
  }
  .custom_homepage_boxes
    > .vce-row-content
    > .vce-col:last-child
    .vce-col-inner {
    border-radius: 0 0 18px 18px !important;
    border-bottom: 0 !important;
  }
  .custom_homepage_boxes > .vce-row-content > .vce-col:hover {
    transform: translateY(-6px) !important;
  }
}
/*Home page banner step boxes CSS end*/

/*Product image Back grey color CSS Start*/
.custom_product_image_grey_back {
	width: 100% !important;
    height: 220px !important;
    border-radius: 18px !important;
    background: linear-gradient(
        145deg,
        #F7F7F5 6.17%,
        #D6D7D7 93.83%
    ) !important;
    overflow: hidden;
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/*Product image Back grey color CSS End*/



/*Homepage Products Tab CSS Start */
.vce-classic-tabs-container {
  border-bottom: 1px solid #ddd !important;
}
.vce-classic-tabs-tab {
  border-bottom: 0 !important;
}
.vce-classic-tabs-tab-title {
  color: #111317 !important;
  text-align: center;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-style: normal;
  font-weight: 800 !important;
  line-height: 19.5px !important;
  text-transform: uppercase;
}
.vce-classic-tabs-tab[data-vcv-active="true"] {
  border-bottom: 3px solid #e31b23 !important;
}
.vce-classic-tabs-tab[data-vcv-active="true"] .vce-classic-tabs-tab-title {
  color: #e31b23 !important;
} /*Homepage Products Tab CSS End */




/* homepage NEW ARRIVALS tab custom product CSS Start */

.allcan-new-arrivals-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.allcan-new-arrival-card {
    position: relative !important;
    overflow: hidden !important;
    width: 100%;
    min-width: 0;
/*     min-height: 415px; */
    padding: 18px;
    box-sizing: border-box;
    border-radius: 18px;
    border: 1px solid #DDD;
    background: #FFF;
    transition:
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease;
}

.allcan-new-arrival-image {
    width: 100%;
    height: 205px;
/*     min-height: 205px; */
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(
        145deg,
        #F7F7F5 6.17%,
        #D6D7D7 93.83%
    );
    box-sizing: border-box;
}

.allcan-new-arrival-image img {
    display: block;
    width: auto;
    height: auto;
    max-width: 88%;
    max-height: 88%;
    object-fit: contain;
    object-position: center;
    margin: 0;
    transition:
        transform 0.4s ease,
        opacity 0.35s ease;
}

.allcan-new-arrival-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
/*     min-height: 166px; */
    padding-top: 15px;
    box-sizing: border-box;
}

.allcan-new-arrival-title {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    color: #E31B23 !important;
    font-family: Inter, sans-serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 16.5px !important;
    text-transform: uppercase !important;
}

.allcan-new-arrival-description {
    margin: 0 !important;
    padding: 0 !important;
    color: #111317 !important;
    font-family: Inter, sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 165% !important;
}

.allcan-new-arrival-description span {
    color: #111317 !important;
    transition: color 0.35s ease !important;
}

.allcan-new-arrival-link-wrapper {
    margin: auto 0 0 0 !important;
    padding: 15px 0 0 0 !important;
    letter-spacing: 1px !important;
}

.allcan-new-arrival-link {
    display: inline-block;
    color: #E31B23 !important;
    font-family: Inter, sans-serif !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 19.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: color 0.35s ease !important;
}

.allcan-new-arrival-link:hover {
    color: #E31B23 !important;
    text-decoration: none !important;
}

.custom_step_box_hover_effect {
    position: relative !important;
    overflow: hidden !important;
    transition: background 0.35s ease !important;
}

.custom_step_box_hover_effect:hover {
    background: radial-gradient(
        ellipse 120% 80% at 50% 50%,
        #3a3a3a 0%,
        #2d2d2d 25%,
        #242424 55%,
        #1d1d1d 80%,
        #171717 100%
    ) !important;
}

.custom_step_box_hover_effect:hover .allcan-new-arrival-description,
.custom_step_box_hover_effect:hover .allcan-new-arrival-description span {
    color: #fff !important;
}

.custom_step_box_hover_effect:hover .allcan-new-arrival-image {
    background: linear-gradient(
        145deg,
        #eeeeec 6.17%,
        #c7c8c8 93.83%
    );
}

.custom_step_box_hover_effect:hover .allcan-new-arrival-image img {
    transform: scale(1.04);
}

.custom_step_box_hover_effect:hover .allcan-new-arrival-link {
    color: #fff !important;
}

.custom_step_box_hover_effect_with_radius:hover {
    border-radius: 18px !important;
}

@media (max-width: 1100px) {

    .allcan-new-arrivals-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 600px) {

    .allcan-new-arrivals-grid {
        grid-template-columns: 1fr;
    }

    .allcan-new-arrival-card {
        min-height: 415px;
    }

}

/* homepage NEW ARRIVALS tab custom product CSS End */



/* homepage mobile tab and slider CSS start */
/* =========================================================
   HOMEPAGE MOBILE TABS + SLIDERS
   MOBILE ONLY
   DESKTOP IS COMPLETELY UNTOUCHED
   ========================================================= */
@media (max-width: 767px) {
    /* =====================================================
       1. VISUAL COMPOSER TABS
       Keep all tabs visible in ONE horizontal row
       ===================================================== */
    .vce-classic-tabs {
        width: 100% !important;
    }
    .vce-classic-tabs-container {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .vce-classic-tabs-list {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        height: auto !important;
        min-height: 45px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        visibility: visible !important;
        opacity: 1 !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .vce-classic-tabs-list::-webkit-scrollbar {
        display: none !important;
    }
    /* =====================================================
       THREE TABS — EQUAL WIDTH
       ===================================================== */
    .vce-classic-tabs-tab {
        display: block !important;
        flex: 1 1 33.333% !important;
        width: 33.333% !important;
        min-width: 0 !important;
        max-width: 33.333% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    /* =====================================================
       TAB TEXT
       Allows text to wrap instead of overlapping.
       ===================================================== */
    .vce-classic-tabs-tab-title {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 45px !important;
        padding: 10px 6px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        text-align: center !important;
        line-height: 1.25 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    /* =====================================================
       VISUAL COMPOSER PANELS
       ===================================================== */
    .vce-classic-tabs-panels-container {
        display: block !important;
        width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .vce-classic-tabs-panels {
        width: 100% !important;
    }
    .vce-classic-tabs-panel {
        width: 100% !important;
    }
    .vce-classic-tabs-panel-heading {
        display: none !important;
    }
    .vce-classic-tabs-panel-body {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    /* =====================================================
       2. FEATURED PRODUCTS
       ONE PRODUCT ONLY
       FULL WIDTH = 100%
       No 80% slide.
       No preview of next/previous product.
       ===================================================== */
    .vce-classic-tabs-panel[data-model-id="ca8d979a"]
    .allcan-mobile-slider-wrapper {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    .vce-classic-tabs-panel[data-model-id="ca8d979a"]
    .vce-row-content {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-left: 0 !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .vce-classic-tabs-panel[data-model-id="ca8d979a"]
    .vce-row-content::-webkit-scrollbar {
        display: none !important;
    }
    /*
     * EACH PRODUCT IS EXACTLY 100% WIDTH.
     * This prevents the next/previous product
     * from being visible.
     */
    .vce-classic-tabs-panel[data-model-id="ca8d979a"]
    .vce-row-content > .vce-col {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        scroll-snap-align: start !important;
    }
    /* =====================================================
       3. NEW ARRIVALS
       ONE PRODUCT ONLY
       FULL WIDTH = 100%
       ===================================================== */
    .vce-classic-tabs-panel[data-model-id="4d4c85fd"]
    .allcan-mobile-slider-wrapper {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    .allcan-new-arrivals-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-left: 0 !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .allcan-new-arrivals-grid::-webkit-scrollbar {
        display: none !important;
    }
    /*
     * EACH NEW ARRIVAL CARD IS EXACTLY 100%.
     */
    .allcan-new-arrival-card {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
        scroll-snap-align: start !important;
    }
    /* =====================================================
       MOBILE SLIDER ARROWS
       BLACK CIRCLE
       WHITE BORDER
       WHITE ARROW
       HOVER:
       RED CIRCLE #C00000
       WHITE ARROW
       ===================================================== */
    .allcan-mobile-slider-arrow {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 100 !important;
        /*
         * Circle size
         */
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        /*
         * BLACK CIRCLE
         */
        background: #000000 !important;
        /*
         * WHITE BORDER
         */
        border: 2px solid #ffffff !important;
        border-radius: 50% !important;
        /*
         * WHITE ARROW
         */
        color: #ffffff !important;
        font-family: Arial, sans-serif !important;
        font-size: 19px !important;
        font-weight: 400 !important;
        line-height: 2 !important;
        /*
         * Shadow so circle stays visible
         * over the product.
         */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
        cursor: pointer !important;
        transition:
            background-color 0.2s ease,
            border-color 0.2s ease,
            color 0.2s ease !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }
    /* =====================================================
       ARROW HOVER
       SITE RED = #C00000
       ===================================================== */
    .allcan-mobile-slider-arrow:hover,
    .allcan-mobile-slider-arrow:focus {
        background: #C00000 !important;
        border-color: #ffffff !important;
        color: #ffffff !important;
    }
    /*
     * Previous arrow
     * Floats over left side of full-width product.
     */
    .allcan-mobile-slider-prev {
        left: 8px !important;
        right: auto !important;
    }
    /*
     * Next arrow
     * Floats over right side of full-width product.
     */
    .allcan-mobile-slider-next {
        right: 8px !important;
        left: auto !important;
    }
    /* =====================================================
       REMOVE POSSIBLE VISUAL COMPOSER MOBILE ACCORDION
       ===================================================== */
    .vce-classic-tabs-panel-title {
        display: none !important;
    }
    .vce-classic-tabs-tab-inner {
        width: 100% !important;
    }
}
/* homepage mobile tab and slider CSS Ends */


/* Remove bottom border radius on header row when mega menu is open */
#el-0b96fe97:has(.mega-toggle-on),
.vce-row-container:has(.mega-toggle-on) #el-0b96fe97 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}




/* ==========================================
   CONTACT FORM 7 FULL STYLING
   ========================================== */

/* Outer Form Box Container */
.wpcf7-form {
    width: 100%;
    margin: 0 auto;
    border-radius: 18px !important;
    border: 1px solid #D1D1D1 !important;
    background: #FFF !important;
    padding: 40px !important;
    box-sizing: border-box !important;
}

/* Form Title Heading */
.wpcf7-form .contact-form-title {
    color: var(--headlines-primary-text, #111317) !important;
    font-family: "Barlow Condensed", Helvetica, Arial, sans-serif !important;
    font-size: 35px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 52.5px !important; /* 150% */
    text-transform: uppercase !important;
    margin: 0 0 25px 0 !important;
}

/* Layout Grid Rows & Columns */
.contact-form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.contact-form-col-50 {
    flex: 1 1 calc(50% - 10px);
    width: calc(50% - 10px);
    box-sizing: border-box;
}

.contact-form-col-100 {
    flex: 1 1 100%;
    width: 100%;
    box-sizing: border-box;
}

/* Strip Default CF7 Paragraph Formatting */
.contact-form-row p {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.contact-form-row br {
    display: none !important;
}

.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Field Labels */
.wpcf7-form label {
    display: block !important;
    margin-bottom: 8px !important;
    color: var(--headlines-primary-text, #111317) !important;
    font-family: Inter, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 21px !important; /* 150% */
    text-transform: uppercase !important;
}

/* Text Inputs, Selects, and Textarea Common Styles */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
    display: flex;
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    border: 1px solid #D1D1D1 !important;
    background: #FFF !important;
    color: #111317 !important;
    font-family: Inter, Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    outline: none !important;
    transition: border-color 0.2s ease-in-out !important;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select {
    height: 48px !important;
    padding: 12px 16px !important;
}

.wpcf7-form textarea {
    min-height: 100px !important;
    padding: 12px 16px !important;
    resize: vertical !important;
}

/* Custom Select Arrow */
.wpcf7-form select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23111317%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 12px auto !important;
    padding-right: 40px !important;
    cursor: pointer !important;
}

/* Placeholders */
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
    color: #AAA !important;
    font-family: Inter, Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

/* Focus State */
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
    border-color: #111317 !important;
}

/* Submit Button: Red Background -> Switches to White Background + Red Border/Text on Hover */
.wpcf7-form input[type="submit"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 48px !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    border: 1px solid var(--Guardsman-Red, #C00) !important;
    background: var(--Guardsman-Red, #C00) !important;
    color: #FFF !important;
    font-family: Inter, Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 21px !important;
    text-transform: capitalize !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
}

.wpcf7-form input[type="submit"]:hover {
    background: #FFF !important;
    color: var(--Guardsman-Red, #C00) !important;
    border-color: var(--Guardsman-Red, #C00) !important;
}
/* ==========================================
   TURNSTILE CAPTCHA SPACING & FIXES
   ========================================== */

/* Fix turnstile container wrapper spacing */
.wpcf7-form .cf7-cf-turnstile {
    margin-top: 15px !important;
    margin-bottom: 25px !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    clear: both !important;
}

/* Ensure iframe widget takes up proper height without getting clipped */
.wpcf7-form .cf-turnstile {
    min-height: 65px !important;
    margin: 0 !important;
}

/* Add clear top margin to submit button to prevent overlapping */
.wpcf7-form input[type="submit"] {
    margin-top: 15px !important;
}

/* Hide extra break tags inserted by Contact Form 7 around captcha */
.wpcf7-form .cf-turnstile-br {
    display: none !important;
}
/* Mobile Responsiveness */
@media (max-width: 768px) {
    .wpcf7-form {
        padding: 24px !important;
    }

    .contact-form-col-50 {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    .contact-form-row {
        gap: 15px !important;
        margin-bottom: 15px !important;
    }

    .wpcf7-form .contact-form-title {
        font-size: 28px !important;
        line-height: 38px !important;
    }
}





/* Ensure row and column stretch properly */
.vce-row.custom_red_bullet,
.vce-row.custom_red_bullet .vce-row-content {
  overflow: visible !important;
}

/* Desktop & Tablet Vertical Line Setup */
@media (min-width: 999px) {
  /* Target the 5% image column */
  .vce-row.custom_red_bullet .vce-col--md-5p {
    position: relative !important;
    overflow: visible !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Red vertical connecting line */
  .vce-row.custom_red_bullet .vce-col--md-5p::before {
    content: "" !important;
    position: absolute !important;
    left: 25% !important;
    top: 0px !important;
    height: 100% !important;
    width: 4px !important;
    background-color: #cc0000bd !important;
    transform: translateX(-50%) !important;
    z-index: 1 !important;
  }

  /* Make sure node image stays above the line */
  .vce-row.custom_red_bullet .vce-col--md-5p .vce-col-inner,
  .vce-row.custom_red_bullet .vce-col--md-5p .vce-single-image-container {
    position: relative !important;
    z-index: 2 !important;
  }

  /* Start line at center of first node */
  .vce-row-container:first-of-type .vce-row.custom_red_bullet .vce-col--md-5p::before {
    top: 1% !important;
  }

  /* Stop line at center of last node */
  .vce-row-container:last-of-type .vce-row.custom_red_bullet .vce-col--md-5p::before {
    height: 112% !important;
  }
}

/* Hide line on mobile screens */
@media (max-width: 999px) {
  .vce-row.custom_red_bullet .vce-col--md-5p::before {
    display: none !important;
  }
}




/* Blog page single latest Blog css start */
.custom_single_latest_blog .vce-post-description--image {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.custom_single_latest_blog .vce-post-description--meta,
.custom_single_latest_blog .vce-post-description--meta *,
.custom_single_latest_blog .vce-post-description--meta-date {
  color: #676B73 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
}
.custom_single_latest_blog .vce-post-description--title,
.custom_single_latest_blog .vce-post-description--title a {
  color: #111317 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 100% !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  letter-spacing: 0.1px !important;
}
.custom_single_latest_blog .vce-post-description--excerpt,
.custom_single_latest_blog .vce-post-description--excerpt p {
  color: #555555 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 165% !important;
}
.custom_single_latest_blog .vce-post-link{
  width: auto !important;
}
.custom_single_latest_blog .vce-button {
  border-radius: 6.6px !important;
  background-color: #CC0000 !important;
  color: #FFFFFF !important;
  border: 1px solid #CC0000 !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}
.custom_single_latest_blog .vce-button--style-grow-shadow-container {
  --background: #CC0000 !important;
  --color: #FFFFFF !important;
  --hoverBackground: #FFFFFF !important;
  --hoverColor: #CC0000 !important;
}
.custom_single_latest_blog .vce-button--style-grow-shadow-wrapper.vce{
	margin-bottom: 0px !important;
}
.custom_single_latest_blog .vce-post-link:hover .vce-button,
.custom_single_latest_blog .vce-button:hover {
  background-color: #FFFFFF !important;
  color: #CC0000 !important;
  border-color: #CC0000 !important;
}
/* Remove bottom borders and underline from anchor tags only within .custom_single_latest_blog */
.custom_single_latest_blog a,
.custom_single_latest_blog a:hover,
.custom_single_latest_blog a:focus,
.custom_single_latest_blog a:active {
  border-bottom: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
/* Blog page single latest Blog css Ends */

/* Blog page 3 recent Blog css Start */
.custom_three_latest_blogs .vce-posts-grid-item-inner {
  border-radius: 18px !important;
  border: 1px solid #DDD !important;
  background: #FFF !important;
  padding: 20px !important;
}
.custom_three_latest_blogs .vce-post-description--image {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.custom_three_latest_blogs .vce-post-description--meta,
.custom_three_latest_blogs .vce-post-description--meta *,
.custom_three_latest_blogs .vce-post-description--meta-date {
  color: #676B73 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.custom_three_latest_blogs .vce-post-description--title,
.custom_three_latest_blogs .vce-post-description--title a {
  color: #111317 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 100% !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  letter-spacing: 0.1px !important;	
}
.custom_three_latest_blogs .vce-post-description--excerpt,
.custom_three_latest_blogs .vce-post-description--excerpt p {
  color: #555555 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 160% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.custom_three_latest_blogs a,
.custom_three_latest_blogs a:hover,
.custom_three_latest_blogs a:focus,
.custom_three_latest_blogs a:active {
  border-bottom: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
.custom_three_latest_blogs .vce-post-link,
.custom_three_latest_blogs .vce-button--style-grow-shadow-container,
.custom_three_latest_blogs .vce-button--style-grow-shadow-wrapper,
.custom_three_latest_blogs .vce-button {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #CC0000 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: normal !important;
  cursor: pointer !important;
  display: inline-block !important;
}
.custom_three_latest_blogs .vce-post-link:hover .vce-button,
.custom_three_latest_blogs .vce-button:hover {
  color: #CC0000 !important;
  background: transparent !important;
  border-bottom: none !important;
  transform: translateX(15px) !important;
}
/* Blog page 3 recent blog css ends */




/* Single Blog Post Content Lists Start */
.single-post article .entry-content ul:not(#el-33a2456d *):not(#el-2a43f75f *):not(#el-045c3c34 *),
.single-post article .entry-content ol:not(#el-33a2456d *):not(#el-2a43f75f *):not(#el-045c3c34 *) {
    margin-left: 0 !important;
    padding-left: 0 !important;
    list-style-position: inside !important;
}
.single-post article .entry-content ul:not(#el-33a2456d *):not(#el-2a43f75f *):not(#el-045c3c34 *) > li {
    padding-left: 0 !important;
    margin-left: 20px !important;
    list-style-type: disc !important;
    color: #374151 !important;
}
.single-post article .entry-content ol:not(#el-33a2456d *):not(#el-2a43f75f *):not(#el-045c3c34 *) > li {
    padding-left: 0 !important;
    margin-left: 0px !important;
    list-style-type: decimal !important;
    color: #374151 !important;
}
.single-post article .entry-content ul:not(#el-33a2456d *):not(#el-2a43f75f *):not(#el-045c3c34 *) > li *,
.single-post article .entry-content ol:not(#el-33a2456d *):not(#el-2a43f75f *):not(#el-045c3c34 *) > li * {
    color: #374151 !important;
}
.single-post article .entry-content ul:not(#el-33a2456d *):not(#el-2a43f75f *):not(#el-045c3c34 *) > li::before,
.single-post article .entry-content ol:not(#el-33a2456d *):not(#el-2a43f75f *):not(#el-045c3c34 *) > li::before {
    content: none !important;
    display: none !important;
}
.single-post article .entry-content ol:not(#el-33a2456d *):not(#el-2a43f75f *):not(#el-045c3c34 *) > li::marker {
    font-weight: 700 !important;
    color: #374151 !important;
}
.single-post article .entry-content ul > li.menu-item:before{
	display: none !important;
}
.single-post article .entry-content ul > li.menu-item > a{
	border-bottom: none !important;
}

/* Single Blog Post Content Lists Ends */



/*single blog realted post sidebar css start*/
.related-posts-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin-top: 24px !important;
}
.related-post-card {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px !important;
    border-radius: 12px !important;
    border: 1px solid #DDD !important;
    background: #FFF !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.related-post-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}
.related-post-image {
    width: 35% !important;
    height: 100% !important;
    min-height: 80px !important;
    border-radius: 8px !important;
    background-color: lightgray !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    flex-shrink: 0 !important;
}
.related-post-content {
    width: 65% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}
.related-post-date {
    color: #67676D !important;
    font-family: Inter, sans-serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    margin-bottom: 4px !important;
    display: block !important;
}
.related-post-title {
    color: #111317 !important;
    font-family: "Barlow Condensed", sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/*single blog realted post sidebar css ends*/


/*career page css start*/
.custom_white_line {
    width: 40px;
    height: 4px;
    background: #FFF;
	margin-bottom: 15px;
}
.custom_red_line{
	width: 40px;
    height: 4px;
    background: #C00;
	margin-bottom: 15px;
}
.custom_number_card {
    overflow: hidden !important;
    color: #FFFFFFBF !important;
    text-align: right !important;
    font-size: 185px !important;
    margin: 0px !important;
    font-weight: 800 !important; 
    line-height: 85% !important;    
}
.custom_number_card_red{
	overflow: hidden !important;
    color: #CC0000BF !important;
    text-align: right !important;
    font-size: 185px !important;
    margin: 0px !important;
    font-weight: 800 !important; 
    line-height: 85% !important;  
}

.custom_justify_space .vce-col,
.custom_justify_space .vce-col-inner,
.custom_justify_space .vce-col-content {
    min-height: 100% !important;
}

.custom_justify_space .vce-col-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
	margin: 10px 0px !important;
}
.custom_mobile_margin{
    padding: 10px 0px !important;  
}
.custom_department_box{
	border-radius: 4px;
	border: 1px solid #DDD;
	background: #F1F1EF;
	color: #374151;
	font-family: Inter;
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	padding:0.5%;
	margin-left: 1%;
}
/*career page css ends*/

/*Services page css start*/
.marquee-container {
	width: 100%;
	overflow: hidden;
	background: #F1F1EF;
	padding: 20px 0;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	/* Adjustable Speed Variable: Lower = Faster, Higher = Slower */
	--marquee-speed: 25s; 
}
/* Moving Track */
.marquee-track {
	display: flex;
	align-items: center;
	width: max-content;
	animation: marquee-scroll var(--marquee-speed) linear infinite;
}
/* Pause animation on hover */
.marquee-container:hover .marquee-track {
	animation-play-state: paused;
}
/* Badge Pills */
.marquee-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 24px;
	border-radius: 100px;
	border: 1px solid #CCC;
	background: transparent;
	/* Typography */
	color: #1A1A1A;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1.44px;
	white-space: nowrap;
	text-transform: uppercase;
}
/* Red Diamond Separator */
.marquee-diamond {
	width: 6px;
	height: 6px;
	transform: rotate(-45deg);
	border-radius: 1px;
	background: #C00;
	margin: 0 24px; /* Space between badges and diamond */
	flex-shrink: 0;
}
/* Infinite Animation Loop */
@keyframes marquee-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
/*Services page css ends*/

/*About Page Flip Box CSS Start*/
.vce-flip-box-front-inner h4 {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    margin: 0;
}
/* Equal Height Containers (Preserves all existing paddings) */
.custom_flip_to_stack_for_mobile .vce-row-content {
  display: flex !important;
  flex-wrap: wrap !important;
}

.custom_flip_to_stack_for_mobile .vce-col {
  display: flex !important;
}

.custom_flip_to_stack_for_mobile .vce-col-inner,
.custom_flip_to_stack_for_mobile .vce-col-content,
.custom_flip_to_stack_for_mobile .vce-flip-box-container,
.custom_flip_to_stack_for_mobile .vce-flip-box,
.custom_flip_to_stack_for_mobile .vce-flip-box-inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

.custom_flip_to_stack_for_mobile .vce-flip-box-front,
.custom_flip_to_stack_for_mobile .vce-flip-box-back {
  height: 100% !important;
}

/* Mobile Stack View (Screens 999px and smaller) */
@media screen and (max-width: 999px) {
  .custom_flip_to_stack_for_mobile .vce-flip-box {
    perspective: none !important;
  }

  .custom_flip_to_stack_for_mobile .vce-flip-box-inner {
    transform: none !important;
    transition: none !important;
  }

  /* Photo Card (Front) */
  .custom_flip_to_stack_for_mobile .vce-flip-box-front {
    position: relative !important;
    transform: none !important;
    backface-visibility: visible !important;
    min-height: 280px !important;
    width: 100% !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  /* Name Size 34px on Mobile */
  .custom_flip_to_stack_for_mobile .vce-flip-box-front-inner h4,
  .custom_flip_to_stack_for_mobile .vce-flip-box-front-inner h4 span {
    font-size: 34px !important;
    line-height: 1.2 !important;
  }

  /* Details Card Below Photo (Back) */
  .custom_flip_to_stack_for_mobile .vce-flip-box-back {
    position: relative !important;
    transform: none !important;
    backface-visibility: visible !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #C00 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  /* Disable hover rotation on mobile */
  .custom_flip_to_stack_for_mobile .vce-flip-box-container:hover .vce-flip-box-inner {
    transform: none !important;
  }
}
/*About Page Flip Box CSS End*/


/*Career page css start*/
.career-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(3px);
}
.career-modal-content {
  background-color: #ffffff;
  margin: 5% auto;
  padding: 30px;
  border-radius: 8px;
  width: 90%;
  max-width: 1000px;
  position: relative;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}
.career-modal-close {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #333;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  line-height: 1;
}
.career-modal-close:hover {
  color: #be1e2d;
}
body.modal-open {
  overflow: hidden;
}
/*Career page css ends*/


/*Homepage Hover icon white css start*/
/* 1. Base transition for non-hover state */
.custom_hover_icon_white .custom_product_box_hover_effect .vce-asset-background-simple-item {
    transition: filter 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s ease !important;
    transform: scale(1) !important;
}
/* 2. Hover state - Flips Black ⇄ White with high contrast & outline clarity */
.custom_hover_icon_white .custom_product_box_hover_effect:hover .vce-asset-background-simple-item {
    filter: invert(1) contrast(1.2) brightness(1) !important;
}
/*Homepage Hover icon white CSS ends*/