@font-face {
    font-family: 'Montserrat-Regular';
    src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url(../fonts/Montserrat-Light.ttf);
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url(../fonts/Montserrat-Medium.ttf);
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url(../fonts/Montserrat-SemiBold.ttf);
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url(../fonts/Montserrat-Bold.ttf);
}


.text-danger{color: #EB373C !important;}


h1 { font-size: 40px; line-height: 1.35; margin-bottom: 0.4em; font-weight: 800; }
h2 { font-size: 32px; line-height: 40px; margin-bottom: 35px;font-family: 'Montserrat-Bold'; }
h3 { font-size: 34px;font-family: 'Montserrat-SemiBold';color: #000;line-height: normal; }
h4 { font-size: 24px; line-height: normal; margin-bottom: 1em; }
h5 { font-size: 12px; line-height: 1.6; margin-bottom: 1.1em; }
ul { list-style-type: none; margin: 0px !important; padding: 0px; }
ul li { list-style-type: none; margin: 0px; padding: 0; font-size: 12px; }
p { font-size: 16px; padding-bottom: 0; margin-bottom: 0; }
a { text-decoration: none; }
html { height: 100%; width: 100%; }
body { height: 100%;overflow-x: hidden;font-family:'Montserrat-Regular'; color:#000}
img,div { -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;  transition: all 1s ease-in-out; } 
section{padding: 60px 0 60px 0;}

.main{ width: 100%; }


#header {background: rgb(255, 255, 255);position: fixed;top: 0;width: 100%;z-index: 999;transition: all 0.3s ease-in-out;padding: 0px 0;left: 0 !important;right: 0 !important;box-shadow: 0px 4px 12px 0px #2D255640;overflow: visible;}
/* #header.scrolled {background: rgba(255, 255, 255, 1);box-shadow: 0px 2px 10px 0px #F3D9E2;} */
.logo {width: 40%;padding-bottom:0px;max-height: 120px;}

.navbar{padding: 0;}
.menu ul {transition: all 1s ease-in-out;position: relative; margin: 0;padding: 0;list-style: none;}
.menu ul li {display: inline-block;text-align: end;position: relative;}
.menu ul li a {display: block;text-align: center;padding-left: 25px;font-weight: 600;font-size: 14px;font-style: normal;line-height: normal;color: #000;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;}
.menu ul li a.active {color: #EB373C;font-weight: 600;}
.line{position: relative;}
.line::before{position: absolute;content: "";top:10px;right: 77px;width: 4px;height: 15px;background-color: #D9D9D9;}

/* Hover effect - top border */
.menu ul li a::before {content: "";position: absolute;top: -36px;left: 8px;height: 6px;width: 100%;background-color: #EB373C;transform: scaleX(0);transform-origin: center;transition: transform 0.3s ease-in-out;}

/* Show top line on hover */
.menu > ul > li > a:hover::before {transform: scaleX(1);}

/* Show top line when menu item is active */
.menu > ul > li > a.active::before {transform: scaleX(1);}

/* Base submenu state */
.menu ul li > ul {position: absolute;top: calc(100% + 35px);left: 50%;transform: translateX(-40%);background-color: #EB373C;display: block;text-align: left !important;backdrop-filter: blur(16px);border-radius: 0px;opacity: 0;visibility: hidden;transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;overflow: visible;pointer-events: none;min-width: 185px;max-width: 210px;box-shadow: 0px 4px 12px 0px rgba(45, 37, 86, 0.15);z-index: 1000;margin-top: 0;border: 1.5px solid #EB373C}

/* Invisible bridge to prevent hover gap - FIXED */
.menu ul li > ul::before {content: '';position: absolute;top: -30px; /* Changed to match 30px gap */left: -20px; /* Extended to left */right: -20px; /* Extended to right */height: 30px; /* Changed to 30px to cover the full gap */background: transparent;pointer-events: auto;  }

/* Show submenu on parent li hover - PURE CSS */
.menu ul li:hover > ul {opacity: 1;visibility: visible;pointer-events: auto;}
/* Alternative: If you want to keep using .show-sub class from JavaScript */
.menu ul li > ul.show-sub {opacity: 1;visibility: visible;pointer-events: auto;
}

/* Submenu items */
.menu ul li > ul li {border-bottom: 1px solid #EB373C;display: block;width: 100%;opacity: 0;transform: translateY(10px);transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
/* Animate submenu items when parent is hovered */
.menu ul li:hover > ul li {opacity: 1;transform: translateY(0);}
/* Also animate when show-sub class is present (for JS control) */
.menu ul li > ul.show-sub li {opacity: 1;transform: translateY(0);}
/* Stagger animation for each item */
.menu ul li:hover > ul li:nth-child(1),
.menu ul li > ul.show-sub li:nth-child(1) {transition-delay: 0.1s;}
.menu ul li:hover > ul li:nth-child(2),
.menu ul li > ul.show-sub li:nth-child(2) {transition-delay: 0.2s;}
.menu ul li:hover > ul li:nth-child(3),
.menu ul li > ul.show-sub li:nth-child(3) {transition-delay: 0.3s;}
.menu ul li > ul li:last-child {border-bottom: none;}
.menu ul li > ul li a {font-size: 14px;color: #fff;font-family: 'Montserrat-Light';white-space: nowrap;padding: 12px 15px;text-align: left;transition: all 0.3s ease-in-out;}
/* active link */
.mobile-menu li a.active {
    color: rgba(161, 29, 41, 1);font-weight: 700; /* your theme color */
}

.menu ul li > ul li>a:hover {color: #fff;font-weight: 700 !important;}
/* Icon rotation - SMALLER SIZE & SLOWER */
.menu a i {display: inline-block;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth easing curve */margin-left: 4px;font-size: 12px; /* Reduced icon size */vertical-align: middle;}

/* Rotate icon when submenu is shown */
.menu ul li:hover > a i {transform: rotate(180deg);}


/* Home Page */

.main-collection{position: relative;margin-top: 40px;overflow: hidden;}
.main-collection .container-fluid{padding: 0;margin-bottom: 40px;}
.main-row {margin-bottom: 30px;position: relative;display: flex;flex-direction: row;width: 100%;justify-content: space-between;align-items: center;}
.main-left{background-color: #A11D29;width: 55%;position: relative;padding: 100px 80px 80px;z-index: 1;}
.main-right{width: 45%;position: relative}
.main-right img{width: 100%;height: 100%;min-height: 380px;object-fit: cover;object-position: left;}
.main-left-content h2{color: #fff;}
.main-left-content p{color: #fff;margin-bottom: 12px;}
/* Light Pink/Rose Shadow Layer - Top Left */
.main-left::before {content: '';position: absolute;top: -38px;left: -70px;width: calc(100% + 100px); /* Extended 160px to the right */height: calc(100% + 80px);background: #A11D29B2;/* Light dusty rose/pink */ z-index: -1; /* Behind dark red, in front of image */}


/* banners */
.banner {position: relative;width: 100%;height: 500px;background-position: center;background-size: cover;background-repeat: no-repeat;overflow: hidden;display: flex;align-items: center;
justify-content: flex-start;overflow: hidden;}
.circle-overlay-large {position: absolute;left: 0px;bottom: -60px;  /* Changed from top: 0 to bottom: 0 */max-width: 55%;  /* Optional: prevents image from being too large */}

.circle-overlay-large img {width: 100%;height: auto;  /* Changed from height: 100% to maintain aspect ratio */display: block;}
/* Make sure text stays above the overlays */
.banner h2 {color: #fff;font-size: 42px;font-weight: bold;margin-top: 30px;position: relative;z-index: 2;text-align: left;margin-left: 0;line-height: 1.2;}

.banner p {color: #fff;font-size: 16px;position: relative;z-index: 2;text-align: left;margin-left: 0;}
.bannertext{margin-top: 100px;}

.pillar-section {position: relative;height: 748px;}
/* Left side - Cards */
.cards-container {position: absolute;left: 0;top: 0;width: 50%;height: 100%;display: flex;flex-direction: column;padding: 0;background: transparent;z-index: 2;gap: 0;}
/* Card base state - equal heights, no spacing */
.pillar-card {padding: 10px 20px;margin: 0;border: 0;border-radius: 0;cursor: pointer;transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);position: relative;overflow: hidden;flex: 1 1 0;min-height: 0;display: flex;align-items: center;transform-origin: center;box-sizing: border-box;}
/* Hover and Active state - smooth grow */
.pillar-card:hover,
.pillar-card.active-card {flex: 1.15 1 0;padding: 16px 40px;}

.card-manufacturing {background: rgba(0, 0, 0, 0.15); }
.card-quality {background: rgba(161, 29, 41, 0.5);}
.card-technology {background: rgba(235, 55, 60, 0.5);}
.card-network {background: hsla(30, 100%, 96%, 0.5);}
.card-content {position: static;z-index: 1;width: 100%;transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.card-icon {margin-bottom: 1rem;position: absolute;top: 15px;right: 15px;transition:none}
.card-icon img {width: 55px;object-fit: contain;display: block;transition: opacity 0.5s ease;}
.card-icon .icon-hover {position: absolute;top: 0;left: 0;opacity: 0;}
/* Show default icon by default */
.card-icon .icon-default {opacity: 1;}
/* On card hover or active, show hover icon */
.pillar-card:hover .card-icon .icon-default,
.pillar-card.active-card .card-icon .icon-default {opacity: 0;}

.pillar-card:hover .card-icon .icon-hover,
.pillar-card.active-card .card-icon .icon-hover {opacity: 1;}

/* .card-icon svg {width: 28px;height: 28px;fill: white;} */
.pillar-card h3 {color: white;font-size: 24px;font-weight: 600;margin-bottom: 10px;clear: none;transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.pillar-card p {color: rgba(255, 255, 255, 0.9);font-size: 14px;line-height: normal;clear: both;transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);font-family: 'Montserrat-Regular';}
.pillar-card.active-card p{font-family: 'Montserrat-Medium';}
/* Right side - Background Image */
.image-container {width: 100%;position: relative;overflow: hidden;height: 748px;}
.background-image {position: absolute;top: 0;left: 0;width: 100%;height: 750px;background-size: cover;background-position: left;opacity: 0;transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.background-image.active {opacity: 1;}
.bg-manufacturing {background-image: url('../images/pillar-facility-3.jpg');}
.bg-quality {background-image: url('../images/pillar-facility-2.jpg');}
.bg-technology {background-image: url('../images/pillar-facility-1.jpg');background-position:center;}
.bg-network {background-image: url('../images/pillar-facility-4.jpg');}
/* Overlay Content */
.image-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);display: flex;flex-direction: column;justify-content: space-between;z-index: 1;}
.facility-header {text-align: right;padding: 40px;}
.facility-header h2 {color: white;font-size:32px;font-weight: 700;margin-bottom:10px;}
.explore-btn {display: inline-flex;align-items: center;gap: 0.5rem;color: #fff;text-decoration: none;font-size: 1rem;font-weight: 500;transition: all 0.3s ease;padding: 12px 24px;border-radius: 0px;background: transparent;}
.explore-btn:hover {background: linear-gradient(104.09deg, #EB373C -1.63%, #851F22 94.96%);color: #fff;}
.explore-btn i {transition: transform 0.3s ease;}
.explore-btn:hover i {transform: translateX(5px);}

/* Active state colors */
.card-manufacturing.active-card {background: linear-gradient(312.52deg, #A11D29 -7.88%, #000000 37.8%);}
.card-quality.active-card {background: rgba(161, 29, 41, 1);}
.card-technology.active-card {background:linear-gradient(313.36deg, #000000 -22.54%, #EB373C 28.66%);}
.card-network.active-card {background: linear-gradient(312.81deg, #EB373C -54.64%, #FFF6ED 36.67%);}
.card-network.active-card h3,.card-network.active-card p {color: rgba(235, 55, 60, 1);font-family: 'Montserrat-Medium';}

/* ============================= */
/* RESPONSIVE STYLES */
/* ============================= */

/* Tablet and below */
@media (max-width: 1024px) {
.pillar-section {height: auto;min-height: 600px;}
.cards-container {width: 100%;position: relative;}
.pillar-card {flex: 1 1 0;min-height: 150px;}
.image-container {height: 500px;position: relative;}
.background-image {height: 500px;}
}

/* Mobile Carousel Design */
@media (max-width: 768px) {
.pillar-section {height: auto;display: flex;flex-direction: column;}/* Cards Container -Horizontal Scroll */.cards-container {position: relative;width: 100%;height: auto;display:block;overflow: hidden;order: 2;}/* Cards Wrapper for Carousel */.cards-wrapper {display: flex;transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);width: 100%;}.pillar-card {flex: 0 0 100%;min-width: 100%;padding: 40px 20px;min-height: auto;display: flex;flex-direction: column;justify-content: center;} .pillar-card:hover,.pillar-card.active-card {flex: 0 0 100%;padding: 40px 20px;}/* Image Container - Fixed Height at Top */.image-container {position: relative;width: 100%;height: 300px;order: 1;margin-bottom: 0;}.background-image {height: 300px;}/* Mobile Navigation Dots - Visible and Styled */.mobile-dots {display: flex;justify-content: center;align-items: center;gap: 12px;padding: 20px;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 10;background: rgba(0, 0, 0, 0.3);backdrop-filter: blur(10px);border-radius: 20px;padding: 10px 20px;}.dot {width: 10px;height: 10px;border-radius: 50%;background: rgba(255, 255, 255, 0.4);cursor: pointer;transition: all 0.3s ease;}.dot.active {background: #EB373C;width: 12px;height: 12px;}/* Facility Header - Adjust for Mobile */.facility-header {padding: 20px;text-align: left;}.facility-header h2 {font-size: 24px;text-align: center;}.explore-btn {font-size: 14px;padding: 10px 20px;}
/* Card Content */
.card-content {text-align: center;}
.card-icon {position: static;margin: 0 auto 15px;display: flex;justify-content: flex-start;}
.pillar-card h3 {font-size: 22px;margin-bottom: 15px;}
.pillar-card p {font-size: 15px;line-height: 1.6;}}

/* Small mobile */
@media (max-width: 480px) {.image-container {height: 250px;}
.background-image {height: 250px;}
.pillar-card {padding: 30px 15px;}
.pillar-card h3 {font-size: 20px;}
.pillar-card p {font-size: 14px;}
.card-icon img {width: 50px;}
.facility-header h2 {font-size: 28px;text-align: left;}
.mobile-dots {gap: 8px;padding: 8px 15px;}
.dot {width: 8px;height: 8px;}
.dot.active {width: 10px;height: 10px;}
}




.plasma-list-white {list-style: none;padding-left: 0;margin: 12px 0;}
.plasma-list-white li {padding-left: 12px;position: relative;margin-bottom: 8px;font-size: 16px;color: #fff;margin-left: 10px;}
.plasma-list-white li:before {content: "•";color: #fff;font-weight: bold;position: absolute;left: 0;}
.plasma-list-white li strong {color: #fff;}

.plasma-box1 {display: flex;flex-direction: column;justify-content: flex-end;padding: 40px;}
.plasma-content1{margin-top: 0px;}
/* Image Boxes */
.plasma-image1 {padding: 0;min-height:280px;}
.plasma-image1 img {width: 100%;height: 280px;object-fit: cover;display: block;}
/* Full height image for right column - spans all 3 boxes */
.plasma-image-full-height1 {height: 600px;min-height: 600px;}
.plasma-image-full-height1 img {width: 100%;object-fit: cover;display: block;height: 560px;}
/* Color Variants */
.plasma-dark1 {background: #000;color: #fff;min-height: 280px;position: relative;display: flex;justify-content: end;}
.plasma-accent1 {background: #a81d2a;color: #fff;min-height: 280px;position: relative;}
.plasma-light1 {background: #fff;min-height: 280px;position: relative;}
/* Typography */
.plasma-title1 {font-size: 24px;font-weight: 700;margin-bottom: 25px;line-height: 1.3;color: #fff;}
.plasma-subtitle1 {font-size: 16px;margin-bottom: 12px;color: #EB373C;}
.plasma-text1 {font-size: 16px;margin-bottom: 10px;}
.plasma-text-small1 {font-size: 16px;margin-bottom: 0;color: #EB373C}
.plamaicon1 {position: absolute;right: 0px;margin-left: auto;top: 0;}
.plamaicon1 img{width: 140px;}
.plasma-light1 .plasma-title1{color: #EB373C;}
.plasma-light1 .plamaicon1{position: absolute;top: 0;right:0}
.plasma-image-light1 {padding: 0;min-height: 280px;}
.plasma-image-light1 img {width: 100%;height: 280px;object-fit: cover;display: block;}
.plasma-right1 img{width: 100%;}
.plasma-collection1{position: relative;}
.plasma-collection1 .container-fluid{padding: 0;margin-bottom: 40px;}
.plasma-left1{background-color: #A11D29;width: 55%;position: relative;padding: 40px 80px;z-index: 1;}
.plasma-row1{position: relative;display: flex;flex-direction: row;width: 100%;justify-content: space-between;align-items: center;}
.plasma-right1{width: 45%;position: relative}
.plasma-left-content1 h2{color: #fff;}
.plasma-left-content1 p{color: #fff;margin-bottom: 12px;}
/* Light Pink/Rose Shadow Layer - Top Left */
.plasma-left1::before {content: '';position: absolute;top: -38px;left: -30px;width: calc(100% + 100px); /* Extended 160px to the right */height: calc(100% + 80px);background: #A11D29B2;/* Light dusty rose/pink */ z-index: -1; /* Behind dark red, in front of image */
}




/* Inner banners */

.innerbanner {position: relative;width: 100%;height: 300px;background-position: center;background-size: cover;background-repeat: no-repeat;overflow: hidden;}
/* Small Decorative Circle (Right Side - Top) */
.circle-design-right {position: absolute;top: -530px; /* Half visible at top */left: 0px; /* Position from right edge */width: 800px;height: 800px;border-radius: 50%;background-color: #EB373C80; /* Light pink outer ring with transparency */box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);display: flex;align-items: center;justify-content: center;z-index: 1;pointer-events: none;}
.circle-inner {position: relative; width: 700px;height: 700px;border-radius: 50%;background-color: #A11D29; /* Dark red inner circle */}

/* Make sure text stays above the overlays */
.innerbanner .container {position: relative;z-index: 2;}
.innerbanner h2 {color: #fff;font-size: 48px;font-weight: bold;margin-top: 50px;position: relative;z-index: 2;text-align: center;margin-left: 70px;}


/* About */
/* ===== Title ===== */
.section-title {font-size: 32px;font-family: 'Montserrat-Bold';margin-bottom: 24px;}
/* Title Colors */
.title-dark {color: #333;}
.title-accent {color: #EB373C; /* red accent */}
/* ===== Description ===== */
.section-desc {font-size: 16px;color: #333;}


/* Plasma Science */
.section-soft {background: #FFF6ED;}
/* Eyebrow */
.section-eyebrow {color: #EB373C;font-weight: 600;margin-bottom: 30px;font-size: 20px;}
/* Box Base */
.plasma-box {display: flex;flex-direction: column;justify-content: center;padding: 40px;}
.plasma-content{margin-top: 30px;}
/* Image Boxes */
.plasma-image {padding: 0;min-height: 474.2px;}
.plasma-image img {width: 100%;height: 474.2px;object-fit: cover;display: block;}
/* Full height image for right column - spans all 3 boxes */
.plasma-image-full-height {height: 838.09px;min-height: 600px;}
.plasma-image-full-height img {width: 100%;height: 947px;object-fit: cover;display: block;}
/* Color Variants */
.plasma-dark {background: #000;color: #fff;min-height: 280px;position: relative;}
.plasma-accent {background: #a81d2a;color: #fff;min-height: 320px;position: relative;}
.plasma-light {background: #fff;min-height: 280px;position: relative;}
/* Typography */
.plasma-title {font-size: 24px;font-weight: 700;margin-bottom: 25px;line-height: 1.3;color: #fff;}
.plasma-subtitle {font-size: 16px;margin-bottom: 12px;color: #EB373C;}
.plasma-text {font-size: 16px;margin-bottom: 10px;}
.plasma-text-small {font-size: 16px;margin-bottom: 0;color: #EB373C}
.plasma-list {list-style: none;padding-left: 0;margin: 12px 0;}
.plasma-list li {padding-left: 18px;position: relative;margin-bottom: 8px;font-size: 16px;color: #EB373C}
.plasma-list li:before {content: "•";color: #EB373C;font-weight: bold;position: absolute;left: 0;}
.plasma-list li strong {color: #EB373C;}
.plamaicon {position: absolute;right: 0px;margin-left: auto;top: 0;}
.plamaicon img{width: 100px;}
.plasma-light .plasma-title{color: #EB373C;}
.plasma-light .plamaicon{position: absolute;top: 0;right:0}
.plasma-image-light {padding: 0;min-height: 555px;}
.plasma-image-light img {width: 100%;height: 555px;object-fit: cover;display: block;}
.plasma-right img{width: 100%;height: 600px;object-fit: cover;}
.plasma-collection{position: relative;}
.plasma-collection .container-fluid{padding: 0;margin-bottom: 40px;}
.plasma-left{background-color: #A11D29;width: 55%;position: relative;padding: 40px 80px;z-index: 1;}
.plasma-row{position: relative;display: flex;flex-direction: row;width: 100%;justify-content: space-between;align-items: center;}
.plasma-right{width: 45%;position: relative}
.plasma-left-content h2{color: #fff;}
.plasma-left-content p{color: #fff;margin-bottom: 12px;}
/* Light Pink/Rose Shadow Layer - Top Left */
.plasma-left::before {content: '';position: absolute;top: -38px;left: -30px;width: calc(100% + 100px); /* Extended 160px to the right */height: calc(100% + 80px);background: #A11D29B2;/* Light dusty rose/pink */ z-index: -1; /* Behind dark red, in front of image */
}



/* Manufacture */
.manufacture .container-fluid{padding: 0 !important;max-width: 100%;}
.manufature-grid{width: 100%;display: flex;flex-wrap: nowrap;gap: 0;}
.manufacture-img{flex: 0 0 34.8%;min-width: 0;margin: 0;padding: 0;}
.manufacture-img img{width: 100%;object-fit: cover;display: block;vertical-align: bottom;height: 100%;}
.manufacture-content{flex: 1 1 auto;min-width: 0;margin-left: -1px;padding:60px 40px;background-color: #A11D29;position: relative;}
.manufacture-content p{color: #fff;margin-bottom: 12px;font-weight: 700;}
.manufacture-content h2{color: #fff;margin-top: 6px;}
.manufactureicon{position: absolute;top: 0;right: 0;}
.manufactureicon img{width: 100px;}

/* Products */
.product-row{position: relative;}
.prodcuts-content p{color: #fff;font-size: 15px;text-align: center;line-height: normal;}
.product-row .container-fluid{padding: 0;}
.product-grid{width: 100%;display: flex;}
.product-img{max-width: 35.33333333%;width: 100%;}
.product-img img{width: 100%;max-height: 554px;object-fit: cover;height: 100%;}
.product-content{padding:60px 40px;background-color: #A11D29;position: relative;max-width: 65.1222%}
.product-content h2{color: #fff;margin-top: 6px;}

.product-content ul li{list-style: disc;font-size: 15px;font-weight: 500;margin-left: 25px;color: #fff;margin-bottom: 8px;}

.therapy-card{background-color: #FFF6ED;}
.therapy-left{display: flex;flex-direction: column;height: 100%;}
.therapy-content{padding: 30px;}
.indications{background-color: #a81d2a;padding: 30px;margin-top: auto;}
.indications h4{color: #fff;font-family: 'Montserrat-SemiBold'}
.indications p{color: #fff;font-size: 16px;}
.therapy-content h4{color: #A11D29;font-weight: 600;font-family: 'Montserrat-SemiBold'}
.therapy-content ul li{list-style-type: disc;margin-left: 20px;margin-bottom: 8px;color: #A11D29;font-size: 16px;}
.therapy-images-right{display: flex;justify-content: flex-start;align-items: center;gap: 1rem;min-height: 100%;padding: 0px;}
.therapy-images-right .therapy-images{flex: 0 0 auto;max-width: 45%;}
.therapy-images-right .therapy-images img{width: 100%;height: auto;min-height: 280px;object-fit: contain;}
.therapy-images img{width: 100%;}

.products-content h2{color: #fff;font-size: 34px;font-weight: bold;margin-top: 40px;position: relative;z-index: 2;text-align: center;margin-left: 20px;margin-bottom: 25px;}
.products-content p{color: #fff;text-align: center;font-size: 15px;line-height: normal;    width: 60%;margin: 0 auto;}


/* Contact Us */
.contact-row {margin-bottom: 30px;position: relative;display: flex;flex-direction: row;width: 100%;justify-content: space-between;align-items: center;}
.contact-label {font-size: 22px;font-weight: 600;color: #ffff;}
.contact-value {font-size: 18px;line-height: normal;color: #fff;padding-left: 30px;margin-top: 10px;}
.contact-value a{color: #fff;text-decoration: none;transition: all 0.3s ease-in-out;}
.contact-value a:hover{text-decoration: underline;}
.contact-collection{position: relative;margin-top: 40px;}
.contact-collection .container-fluid{padding: 0;margin-bottom: 40px;}
.contact-left{background-color: #A11D29;width: 55%;position: relative;padding: 60px 80px 40px;z-index: 1;}

.contact-right{width: 45%;position: relative}
.contact-right img{width: 100%;}
.contact-left-content h2{color: #fff;}
.contact-left-content p{color: #fff;margin-bottom: 12px;}
/* Light Pink/Rose Shadow Layer - Top Left */
.contact-left::before {content: '';position: absolute;top: -48px;left: -90px;width: calc(100% + 100px); /* Extended 160px to the right */height: calc(100% + 100px);background: #A11D29B2;/* Light dusty rose/pink */ z-index: -1; /* Behind dark red, in front of image */}
.contact-details{background-color: #FFF6ED;}

.contact-left-img img {width: 100%;height: auto;mix-blend-mode: multiply;}
/* Form */
.career-form .form-label{font-size: 14px;font-weight: 600;text-align: left !important;display: flex;gap: 5px;align-items: center;white-space: nowrap;margin-bottom: 2px;color: #fff;}
.form-label{font-size: 14px;font-weight: 600;text-align: left !important;display: flex;gap: 5px;align-items: center;white-space: nowrap;margin-bottom: 2px;}
.form-control{text-align: left;color: #8B8B8B;font-size: 12px;padding: 8px 16px;border: 1px solid #DEDEDE;border-radius: 0px;}
.form-check-label{font-size: 12px;margin-bottom: 0;margin-top: 3px;}
.form-check-label a{color: #EB373C;transition: all 0.3s ease-in-out;}
.form-check-label a:hover{font-weight: 600;}
.form-check-input{border-color: #EB373C !important;width: 14px;height: 14px;}
.btn-outline-danger{display: inline-block; padding: 6px 15px; background-color: transparent; color: #EB373C; font-size: 12px; font-weight: 500; border-radius: 0px; text-decoration: none; transition: background-color 0.3s ease-in-out;border: 1px solid #EB373C;font-family: 'Montserrat-Medium';margin: 0;}
.btn-outline-danger:hover{background-color: #EB373C;color: #fff;}
.form-select{text-align: left;color: #8B8B8B;font-size: 12px;padding: 8px 16px;border: 1px solid #DEDEDE;border-radius: 0px;}
.form-check-input:checked {
    background-color: #EB373C !important;
}
.form-control:focus{outline: none !important;border-color: rgba(235, 55, 60, .2) !important;box-shadow: 0 0 0 .25rem rgba(235, 55, 60, .2) !important;}
.form-select:focus{outline: none !important;border-color: rgba(235, 55, 60, .2) !important;box-shadow: 0 0 0 .25rem rgba(235, 55, 60, .2) !important;}

.btn-outline-light{border-radius: 0 !important;}
.phone-input-wrapper {display: flex;flex-direction: column;}
.phone-input-group {display: flex;}
.phone-dropdown {width: 105px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.phone-input {border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
.custom-page select.form-select[disabled] {background-image: none;}

.form-control:disabled, .form-control[readonly]{background-color: #f1f1f1 !important;}


.about-btn{text-align: end;}




/* Footer */

.footer{background-position: center;background-size: cover;width: 100%;padding: 0px 0;height: 495px;position: relative;background-color: #EB373C;}
.footer-row{position: relative;display: flex;flex-direction: row;width: 100%;justify-content: space-between;}
.footer .container-fluid{padding: 0 !important;}

.footer-brand{width: 35.33333333%;padding: 30px 80px 0;background-color: #EB373C;padding-bottom: 30px;}
.right-col{position: relative;width: 66.66666667%;}
.footer-box-right{background: #A11D29B2;position: absolute;margin-left: 0px;padding: 30px 20px;height: 495px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;width: 42.33%;top: 0;left: 0;}
.footer-title{color: #fff;font-size: 36px;margin-bottom: 25px;}
.footer-text{color: #fff;margin-bottom: 85px;font-size: 16px;line-height: normal;margin-top: 40px;}
.btn-footer{background-color: transparent;color: #fff;padding: 8px 15px;border-radius: 0px;font-size: 15px;font-weight: 600;border: 1px solid #fff;}
.btn-footer:hover{background-color: #EB373C;color: #fff;border: 1px solid #EB373C;}
.footer-img{position: relative;}
.footer-img img{width: 100%;height: 495px;object-position: center;object-fit: cover;}
.footer-social{display: flex;flex-direction: row;gap: 15px;margin-top: 20px !important;margin-left: 20px !important;}
.footer-social i {
  font-size: 16px;
  color: #fff;
  /* 🔑 key fixes */
  display: block;
  transform: translateZ(0);
  will-change: transform;
  transition: transform 0.8s ease; /* Fixed: added 's' for seconds */
}

/* Hover zoom - slow and smooth */
.footer-social li a:hover i {
  transform: scale(1.2); /* Increased scale for more noticeable effect */
}
.footer-menu-2col {margin-top: 55px !important;list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: 1fr 1fr;row-gap: 10px;column-gap: 30px;}

/* Force vertical order per column */
.footer-menu-2col li:nth-child(1) { grid-column: 1; grid-row: 1; }
.footer-menu-2col li:nth-child(2) { grid-column: 1; grid-row: 2; }
.footer-menu-2col li:nth-child(3) { grid-column: 2; grid-row: 1; }
.footer-menu-2col li:nth-child(4) { grid-column: 2; grid-row: 2; }
.footer-menu-2col a {color: #fffafa;font-size: 16px;text-decoration: none;font-family: 'Montserrat-Light';text-wrap: nowrap;}
.footer-legal {margin-top: 55px !important;}
.footer-legal a{color: #fff;font-size: 14px;padding-right: 30px;transition: 0.6 ease-in-out;font-family: 'Montserrat-Light';}
.footer-legal p{color: #fff;font-size: 14px;padding-top: 8px;font-family: 'Montserrat-Light';}
.footer-legal a:hover{text-decoration: underline !important;font-weight: 700;}
.footer-menu-2col a:hover{font-family: 'Montserrat-SemiBold';}





.privacy-text h4{font-size: 20px;font-weight: 600;color: #EB373C;margin:20px 0;}
.privacy-text h5{font-size: 18px;font-weight: 600;color: #000;margin:10px 0;}
.privacy-text p{font-size: 12px;line-height: 1.6;color: #000;margin: 10px 0;}
.privacy-text ul li{list-style-type: disc !important;margin-left: 20px;padding-bottom:6px;font-size: 12px;}
.privacy a {
    text-decoration: none;
    color: #000;
    transition: color 0.2s ease;
}
.privacy a:hover {
    color: #EB373C;
    font-weight: 600;
}

/* Cookie consent */
.table-responsive{background-color: #FFF6ED;border: 2px solid #EB373C;border-radius: 20px;padding: 20px;}
.sites-table {width: 100%;border-collapse: separate;border: 1px solid transparent;font-size: 12px;overflow-x: auto;display: block;table-layout: fixed;}
.sites-table th,
.sites-table td {padding: 6px 6px;border: 1px solid transparent;text-align: left; width: 33.33%;}
.sites-table th {font-weight: 600;color: #000;}
.msg-wrap {background-color: #fff;border: none !important;box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);padding: 24px;}

#cookiediv h3 {color: #EB373C;font-size: 19px;font-weight: 500;}
#cookiediv p {color: #000;font-size: 12px;font-weight: 500;margin-bottom: 20px;}
#cookiediv h3 svg {margin-right: 8px;width: 24px;height: 24px;}
#cookiediv .btn-primary-outline {border: 2px solid #EB373C;background-color: #fff;color: #EB373C;font-size: 12px !important;font-weight: 600;padding: 6px 15px;margin-left: 10px;box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);border-radius: 8px !important;}
#cookiediv .btn-primary-outline:hover {background-color: #EB373C;color: #fff;border: 2px solid #EB373C;}
.btn-primary1 {border: 2px solid #EB373C;border-radius: 8px !important;background-color: #EB373C;color: #fff;font-size: 12px !important;font-weight: 600;padding: 6px 15px;}
.btn-primary1:hover {border: 2px solid #d1030a;background-color: #d1030a;color: #fff}
.btn-wrap {text-align: end;}
.msg-wrap p a {color: #EB373C;font-weight: 600;transition: color 0.3s ease;}

.career-right img{width: 100%;height: 100%;max-height: 750px;object-fit: cover;}
.form-heading{font-size: 32px;color: #fff;margin-bottom: 20px;font-weight: 700;font-family: 'Montserrat-Bold'}






























 /* Mobile Menu Toggle Button */
.mobile-menu-toggle {background: none;border: none;width: 30px;height: 18px;position: relative;cursor: pointer;display: flex;flex-direction: column;justify-content: space-between;}
.mobile-menu-toggle span {width: 100%;height: 3px;background: #2D2556;border-radius: 2px;transition: 0.3s ease;}
.mobile-menu-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(8px, 8px);}
.mobile-menu-toggle.active span:nth-child(2) {opacity: 0;}
.mobile-menu-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(8px, -8px);}

/* Mobile Side Navigation */
/* Mobile Side Navigation - TOP DROPDOWN */
.mobile-sidenav {position: fixed;top: -500%;/* hide above the viewport initially */left: 0;width: 100%;/* full width */height: 100vh;/* prevent overflow beyond viewport */background: #fff;box-shadow: 0 4px 15px rgba(0,0,0,0.15);transition: top 0.35s ease;   /* smooth slide from top */z-index: 1002;overflow-y: auto;}
.mobile-sidenav.active {top: 0;}
.sidenav-header {display: flex;justify-content:flex-end;align-items: center;padding: 15px;border-bottom: 1px solid #EB373C;}

.close-btn {background: none;border: none;font-size: 30px;color: #EB373C;cursor: pointer;padding: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center}
.mobile-menu {list-style: none;margin: 0;padding: 0;}
.mobile-menu li {border-bottom: 1px solid #EB373C;}
.mobile-menu li > a {display: flex;padding: 15px 15px;color: #EB373C;text-decoration: none;font-weight: 600;transition: background 0.3s ease;}
.mobile-menu li > a:hover {color: #EB373C;}
/* Mobile Dropdown */
.mobile-dropdown-toggle {display: flex;justify-content: space-between;align-items: center;}
.mobile-dropdown-toggle .arrow {transition: transform 0.3s ease;font-size: 12px;}
.mobile-submenu {max-height: 0;overflow: hidden;background: #fff;transition: max-height 0.3s ease;}
.mobile-dropdown.active .mobile-submenu {max-height: 100%; /* adjust if submenu is taller */}
.mobile-submenu a {display: block;padding: 12px 40px;color: #EB373C;text-decoration: none;border-bottom: 1px solid #F3D9E2;transition: background 0.3s ease;}

.mobile-submenu a:hover {background: #EB373C;color: #fff;}
.mobile-submenu a:last-child {border-bottom: none !important;}
/* Mobile score app layout */
.mobile-submenu .score-app {padding: 12px 40px;}
/* Rotate arrow when active */
.mobile-dropdown.active .arrow {
  transform: rotate(180deg);
}