:root {
    --white: #ffffff; 
    --black: #000000; 
    --charcoal: #575756;
    --blue: #2e3676; 
    --light-blue: #eff6fd; 
    --inter : "Inter", sans-serif;
}

*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-optical-sizing: auto; scroll-behavior: smooth; }
html, body { margin: 0; padding: 0; overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--inter); color: var(--black);  font-size: 16px; line-height: 1.5; font-weight: 400; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 {  margin: 0 0 15px 0; line-height: 1.2; font-weight: 700; }
h1 { font-size: 48px; }
h2 { font-size: 40px; }
h3 { font-size: 32px; }
h4 { font-size: 26px; }
h5 { font-size: 22px; }
h6 { font-size: 18px; }

img { max-width: 100%; height: auto; vertical-align: middle; }

p, ul, ol { margin: 0 0 15px 0; }
ul, ol { padding: 0 0 0 25px; }
.rte > *:last-child { margin: 0; }

.flex { display: flex; flex-flow: row wrap; }
.flex-just-center { justify-content: center; }
.flex-center { align-items: center; }
.flex-row-reverse { flex-direction: row-reverse; }
.text-center { text-align: center; }

.text-uppercase { text-transform: uppercase; }

.container { max-width: 1200px; width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; } 

.btns-wrapper { display: flex;  gap: 16px; align-items: center; flex-flow: wrap;}
.btn {  display: inline-flex; align-items: center; text-decoration: none; font-size: 16px; line-height: 1.5; font-weight: 600; padding: 12px 30px; border-radius: 8px; transition: all 0.2s ease; color: var(--white) ; background-color: var(--black); border: 2px solid transparent; }
.btn:hover { background-color: var(--color-soft-red); color: var(--white) }
.btn-arrow svg path { transition: all 0.2s ease; }
.btn i { margin-left: 10px; width: 20px; height: 100%; display: flex; justify-content: center; align-items: center; transition: transform 0.2s ease; }
.btn i svg { width: 100%; height: auto; }
.btn:hover i { transform: translateX(8px); }

.blue-btn { background-color: var(--blue); color: var(--white); }
.blue-btn:hover { background-color: transparent; color: var(--blue); border: 2px solid var(--blue); }
.blue-btn.btn-arrow:hover svg path { stroke: var(--blue); }
.blue-btn-trans { background-color: transparent; color: var(--blue); border: 2px solid var(--blue); }
.blue-btn-trans:hover { background-color: var(--blue); color: var(--white); }
.blue-btn-trans.btn-arrow:hover svg path { stroke: var(--white); }

.light-blue-btn { background-color: var(--light-blue); color: var(--black); border: 2px solid var(--light-blue); }
.light-blue-btn:hover { background-color: var(--white); color: var(--black); border: 2px solid var(--white); }
.light-blue-btn.btn-arrow:hover svg path { stroke: var(--black); }

.title-bottom-border { text-transform: uppercase; display: inline-block; position: relative; padding: 0 0 15px; } 
.title-bottom-border:before { content: ""; width: 60px; height: 3px; background-color: var(--light-blue); position: absolute; left: 50%; bottom: 2px; transform: translateX(-50%); z-index: 1; border-radius: 8px; } 
.title-bottom-border:after { content: ""; width: 120px; height: 7px; background-color: var(--blue); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-radius: 8px; }

.gloriva { background-color:#f8a7d5; } 
.sebiva { background-color:#d0e66e; } 
.photiva { background-color:#ffd82b; } 
.liftiva { background-color:#fbd3d1; } 
.moistiva { background-color:#aae0f9; } 
.pigmentiva { background-color:#c7c8ca; } 
.ascoriva { background-color:#ffba7e; } 
.folliva { background-color:#EFE6F8; } 

.header-section { position: relative; } 
body.scrolled .header-outer { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: var(--white); box-shadow: 0px -4px 8px 0px var(--charcoal); animation: headerSlideDown 0.3s ease; }
@keyframes headerSlideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
.header-inner { display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; padding: 20px 0;} 
.header-inner .header-logo { margin: 0 20px 0 0; width: calc(24% - 20px); } 
.header-inner .header-logo img { max-width: 200px; display: block; } 
.header-inner .header-nav { margin: 0 20px 0 0; } 
.header-inner .header-nav ul { display: flex; flex-flow: wrap; align-items: center; list-style: none; margin: 0 0 0 0; } 
.header-inner .header-nav ul li.active a::after { width: 100%; }
.header-inner .header-nav ul li { padding: 10px; margin: 0 15px 0 0; }
.header-inner .header-nav ul li:last-child { margin: 0 0 0 0; }
.header-inner .header-nav ul li a { position: relative; font-weight: 600; font-size: 16px; line-height: 100%; color: var(--blue);  text-decoration: none; } 
.header-inner .header-nav ul li a::after{ content: ""; position: absolute; left: 0; bottom: -17px; width: 0%; height: 2px; background: var(--blue); transition: all 0.2s ease; }
.header-inner .header-nav ul li a:hover::after { width: 100%; }
.header-inner .header-nav ul li.active a::after { width: 100%; }
.header-inner .header-nav ul { padding: 0; } 
.header-nav-outer { width: 76%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; } 
.mobile-toggle { width:30px; height:23px; display:none; flex-direction:column; justify-content:center; cursor:pointer; position:relative; z-index:111; } 
.mobile-toggle span { display:block; width:30px; height:3px; background:#01426A; border-radius:5px; transition:0.4s ease; margin:4px 0; } 
.mobile-toggle span:first-child { width:20px; margin-left:auto; } 
body.menu-open .mobile-toggle span:first-child { width:30px; transform:translate(0,6px) rotate(45deg); } 
body.menu-open .mobile-toggle span:last-child { width:30px; transform:translate(0,-5px) rotate(-45deg); } 
body.menu-open .mobile-toggle { position: absolute; right: 15px; top: 15px; } 
.header-nav-overlay { display: none; }

.home-hero-section { background-color: var(--blue); color: var(--white); position: relative; overflow: hidden; }
.home-hero-section .home-hero-left { width: 50%; padding: 96px 96px 96px 0; } 
.home-hero-section .home-hero-right { position: absolute; width: 50%; height: 100%; left: 50%; top: 0; } 
.home-hero-section .home-hero-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.home-hero-section .hero-btn { margin: 24px 0 0; }

.marquee-section { padding:24px 0; overflow:hidden; position:relative; width:100%; background-color: var(--light-blue); } 
.marquee-section .marquee-outer { width:max-content; will-change:transform; } 
.marquee-section .marquee-item { display:flex; align-items:center; padding:10px 40px 10px 0 ; white-space:nowrap; flex-shrink:0; margin: 0 40px 0 0; border-right: 1px solid var(--black); } 
.marquee-section .marquee-icon { display:flex; align-items:center; justify-content: center; margin: 0 10px 0 0; width: 60px ; height: 60px; padding: 10px; border-radius: 100%; background-color: var(--white); } 
.marquee-section .marquee-text { font-size: 26px; line-height: 1; }

.therapy-section .therapy-title { margin: 0 0 24px; } 
.therapy-section { background-color: linear-gradient(to bottom, var(--white) 0%, var(--light-blue) 100%); padding: 96px 0 72px; } 
.therapy-section .therapy-card { background-color: var(--white); border-radius: 8px; padding: 20px; transition: all 0.2s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.08); width: 23.5%; margin: 0 2% 24px 0; } 
.therapy-section .therapy-card:nth-child(4n) { margin-right: 0; } 
.therapy-section .therapy-card:hover { transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,0.2); } 
.therapy-section .therapy-icon { width:80px; height:80px; display:flex; align-items:center; justify-content:center; margin: 0 0 15px 0; padding: 10px; border-radius: 8px; background-color: var(--light-blue); }

.home-categories-section { padding: 96px 0 78px ; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; color: var(--white); } 
.home-categories-section:after { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--blue); left: 0; top: 0; opacity: 0.6; }


.home-categories-inner { padding: 0 8%; position: relative; z-index: 1; }
.home-categories-section .home-categories-left { width: 50%; padding-right: 5%; }
.home-categories-section .home-categories-right { width: 50%; padding-left: 5%; }

.home-categories-section .home-categories-box { border-radius: 8px; transition: all 0.2s ease; text-decoration: none; width: 48.5%; display: flex; align-items: center; justify-content: center; padding: 10px; margin: 0 3% 18px 0; min-height: 100px; }
.home-categories-section .home-categories-box:hover { transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,0.6); } 
.home-categories-section .home-categories-box h3 { margin: 0; font-size: 42px; color: var(--black); } 
.home-categories-section .home-categories-box:nth-child(2n) { margin-right: 0; }
.home-categories-section .home-categories-title { margin: 0 0 24px; } 
.home-categories-section .home-categories-left img { object-fit: contain; width: 100%; height: 100%; object-position: center right; }

.quality-section { background-color: var(--light-blue); padding: 96px 0 72px; }
.quality-section .quality-title { margin: 0 0 24px; } 
.quality-section .quality-item:nth-child(6n), .quality-section .quality-item:last-child { border-right: none; } 
.quality-section .quality-item { width: 16.66%; padding: 0 20px; display: flex; flex-direction: column; align-items: center; border-right: 1px solid var(--charcoal); margin: 0 0 24px 0; }
.quality-section .quality-item h4 { font-family: var(--inter); font-size: 18px; font-weight: 700; }
.quality-section .quality-item .quality-icon { width:80px; height:80px; display:flex; align-items:center; justify-content:center; margin: 0 0 15px 0; padding: 10px; border-radius: 100%; background-color: var(--white); }

.why-choose-section { padding: 96px 0 72px; }
.why-choose-section .why-choose-title { margin: 0 0 24px; } 
.why-choose-section .why-choose-item:nth-child(2n) { margin-right: 0; } 
.why-choose-section .why-choose-item:hover { transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,0.2); } 
.why-choose-section .why-choose-item { background-color: var(--light-blue); border-radius: 8px; padding: 20px 20px 20px 140px; transition: all 0.2s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.08); width: 48.95%; margin: 0 2.1% 24px 0; position: relative; min-height: 140px; } 
.why-choose-section .why-choose-icon { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; padding: 10px; border-radius: 8px; background-color: var(--white); position: absolute; top: 20px; left: 20px; }

.cta-section { padding: 96px 0 96px ; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.cta-section:after { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--light-blue); left: 0; top: 0; opacity: 0.6; }
.cta-section .cta-inner { position: relative; z-index: 1; }
.cta-section .cta-content { width: 55%; margin-right: 15%; }
.cta-section .cta-btn { width: 30%; justify-content: end; }

.footer-section { padding: 24px 0; background-color: var(--blue); color: var(--white); }
/* .footer-section .footer-bottom { margin: 24px 0 0; padding: 24px 0 0; border-top: 1px solid var(--white); } 
.footer-section .footer-brand { width: 35%; padding-right: 10%; } 
.footer-section .footer-col { width: 26.33%; margin: 0 3% 24px 0; } 
.footer-section .footer-links { width: 65%; } 
.footer-section .footer-col:last-child { margin-right: 0; } 
.footer-section .footer-col.add { width: 41.33%; } 
.footer-section .footer-col ul { margin: 0; padding: 0; list-style: none; } 
.footer-section .footer-col ul.footer-menu li a { color: var(--white); text-decoration: none; position: relative; display: inline-block; padding: 0 0 5px; margin: 0 0 5px; }
.footer-section .footer-col ul.footer-menu li a::after { content: ""; position: absolute; left: 0; bottom: 0px; width: 0%; height: 2px; background: var(--white); transition: all 0.2s ease; }
.footer-section .footer-col ul.footer-menu li a:hover::after { width: 100%; }
.footer-section .footer-brand .footer-text { margin: 24px 0 0; } 
.footer-section .footer-brand .footer-logo img { max-width: 180px; }
.footer-section .social-link li a { display: flex; align-items: center; color: var(--white); text-decoration: none; margin: 0 0 15px; }
.footer-section .social-link li i { width: 32px; height: 32px; display: flex; align-items: center; padding: 7px; background-color: var(--white); border-radius: 100%; margin-right: 8px; }
.footer-section .social-link li:last-child a, .footer-section .footer-col ul.footer-menu li:last-child a { margin: 0; } */

.contact-us-hero-section { padding: 96px 0; background-color: var(--light-blue); } 
.contact-us-hero-section .why-choose-title { margin: 0 0 24px; } 
.contact-us-hero-section .contact-us-hero-left { width: 40%; margin-right: 5%; } 
.contact-us-hero-section .contact-us-hero-right { width: 55%; }
.contact-us-hero-section .social-link li a { display: flex; align-items: center; color: var(--blue); text-decoration: none; margin: 0 0 15px; }
.contact-us-hero-section .social-link li i { width: 32px; height: 32px; display: flex; align-items: center; padding: 7px; background-color: var(--blue); border-radius: 100%; margin-right: 8px; }
.contact-us-hero-section .social-link li:last-child a { margin: 0; }
.contact-us-hero-section .contact-us-hero-content .social-link { list-style: none; padding: 0; }
.contact-us-hero-section .contact-us-hero-right-inner { box-shadow: 0px 5px 26px 0px rgba(0, 0, 0, 0.25); padding: 20px; border-radius: 8px; background-color: var(--white); }
.wpcf7-form  .wpcf7-not-valid-tip { font-size: 12px; color: #dc3232; } 
.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; }
.wpcf7-form .wpcf7-response-output { margin: 10px 0 0; font-size: 12px; } 
.wpcf7-form .wpcf7-spinner { position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; } 
.wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder { color: var(--charcoal); opacity: 1; } 
.wpcf7-form .wpcf7-form-control-wrap select { font-family: var(--inter); color: var(--black);  font-size: 16px; line-height: 1; font-weight: 400; width: 100%; height: 52px; padding: 12px 40px 12px 20px; border: 1px solid var(--charcoal); border-radius: 8px; background: var(--white);  color: var(--black); appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('/wp-content/uploads/2026/06/form-dropdown-arrow-2.svg'); background-repeat: no-repeat; background-position: right 12px center; background-size: 15px; cursor: pointer; transition: all .3s; }
.wpcf7-form input, .wpcf7-form textarea { font-family: var(--inter); color: var(--black);  font-size: 16px; line-height: 1; font-weight: 400; min-height: 52px; padding: 12px 20px; border-radius: 8px; color: var(--black); width: 100%; border: 1px solid var(--charcoal); }
.wpcf7-form .row { margin-right: -10px; margin-left: -10px; display: flex; flex-wrap: wrap; } 
.wpcf7-form .form-group.col-md-6 { width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.wpcf7-form .form-group.col-md-12 { width: 100%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.wpcf7-form .wpcf7-submit { font-family: var(--inter); display: inline-flex; align-items: center; text-decoration: none; font-size: 16px; line-height: 1; font-weight: 600; padding: 12px 30px; border-radius: 8px; transition: all 0.2s ease; background-color: var(--blue); color: var(--white); border: 2px solid transparent; }
.wpcf7-form .wpcf7-submit:hover { background-color: transparent; color: var(--blue); border: 2px solid var(--blue); }
.wpcf7-form .wpcf7-response-output:empty { display: none; }

.page-hero-section { padding: 96px 0; background: var(--blue) url('/wp-content/themes/aviva/images/background.png'); color: var(--white); }
.page-hero-section .title-bottom-border:before { background-color: var(--blue); } 
.page-hero-section .title-bottom-border:after { background-color: var(--light-blue); }

.map-section iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } 
.map-section { position: relative; min-height: 480px; }

.product-hero-section { padding: 96px 0; }
.product-hero-section .product-hero-left { width: 8%; }
.product-hero-section .product-hero-right { width: 92%; } 
.product-hero-section .product-card-box:nth-child(4n) { margin-right: 0; } 
.product-hero-section .product-hero-content-inner { padding: 20px 20px 0; border-radius: 8px; margin-bottom: 20px; } 
.product-hero-section .product-card-box { width: 23.5%; border-radius: 8px; transition: all 0.2s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); margin: 0 2% 20px 0; overflow: hidden; background-color: var(--white); text-decoration: none; color: var(--black); } 
.product-hero-section .product-card-box:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); } 
.product-hero-section .product-card-text { padding: 20px; } 
.product-hero-section .product-card-text span { font-size: 16px; line-height: 1.5; font-weight: 400; display: block; } 
.product-hero-section .product-card-text h4 { font-size: 20px; margin: 0; } 
.product-hero-section .product-hero-left-inner h2 { font-size: 50px; margin: 0; writing-mode: vertical-rl; transform: rotate(180deg); } 
.product-hero-section .product-hero-left-inner { display: flex; align-items: center; justify-content: center; margin: 0 0 20px -20px; }
.product-hero-section .product-card-image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center; } 
.product-hero-section .product-card-image { position: relative; padding-bottom: 120%; } 

.career-hero-section { padding: 96px 0; background-color: var(--light-blue); } 
.career-hero-section .career-hero-form { max-width: 700px; box-shadow: 0px 5px 26px 0px rgba(0, 0, 0, 0.25); padding: 20px; border-radius: 8px; background-color: var(--white); margin: 0 auto; }

.product-detail-section { padding: 96px 0; } 
.product-detail-section .product-gallery { position: relative; } 
.product-detail-section .product-gallery { width: 47.5%; margin-right: 5%; } 
.product-detail-section .product-content { width: 47.5%; }
.product-content .product-title { font-size:40px; color: var(--blue); margin: 0; } 
.product-content .product-btn, .product-content .product-benefits, .product-content .product-short-description { margin: 20px 0 0;}

.product-slider .slick-arrow { transition: all 0.2s ease; width: 40px; height: 40px; z-index: 1; background-color: transparent; border: 2px solid var(--blue) ; border-radius: 50%; outline: 0; cursor: pointer; transform: translateY(-50%); font-size: 0; position: absolute; top: 50%; display: block; padding: 0; } 
.product-slider .slick-prev { left: 15px; } 
.product-slider .slick-next { right: 15px; } 
.product-slider .slick-prev:before, .product-slider .slick-next:before { display: none; } 
.product-slider .slick-arrow:hover { background-color: var(--blue); } 
.product-slider .slick-arrow svg { transition: all 0.2s ease; } 
.product-slider .slick-arrow:hover svg path { stroke: var(--white); }
.product-thumb-slider { margin: 16px 0 0; } 
.product-thumb-img > div img, .product-slide-img > div img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center; } 
.product-thumb-img > div { position: relative; padding-bottom: 120%; border-radius: 8px; overflow: hidden; cursor:pointer; } 
.product-slide-img > div { position: relative; padding-bottom: 120%; overflow: hidden; border-radius: 8px; } 
.product-thumb-img, .product-slide-img { margin: 0 8px; } 
.product-thumb-slider .slick-list, .product-slider .slick-list { margin: 0 -8px; }

.product-accordion { margin: 40px 0 0; }
.product-accordion .accordion-item { border-bottom: 1px solid var(--charcoal); } 
.product-accordion .accordion-item:first-child { border-top: 1px solid var(--charcoal); } 
.product-accordion .accordion-title { position: relative; padding: 20px 40px 20px 0; cursor: pointer; font-size: 18px; font-weight: 700; line-height: 1.2; } 
.product-accordion .accordion-icon { position: absolute; width: 18px; height: 18px; right: 10px; top: 50%; transform: translateY(-50%); } 
.product-accordion .accordion-icon:before, .product-accordion .accordion-icon:after{ content:""; position:absolute; top:50%; left:50%; background:var(--blue); transition:all .3s ease; } 
.product-accordion .accordion-icon:before { width:18px; height:2px; transform:translate(-50%,-50%); } 
.product-accordion .accordion-icon:after { width:2px; height:18px; transform:translate(-50%,-50%); } 
.product-accordion .accordion-item.active .accordion-icon:after { opacity:0; transform:translate(-50%,-50%) rotate(90deg); } 
.product-accordion .accordion-item.active .accordion-title:after { opacity: 0; } 
.product-accordion .accordion-content{ display:none; overflow:hidden; padding: 0 0 20px; }

.product-tabs-section { padding: 96px 0; background-color: var(--light-blue); } 
.product-tabs-nav { display: flex; list-style: none; padding: 0; margin: 0 0 48px; border-bottom: 1px solid var(--charcoal); flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; } 
.product-tabs-nav::-webkit-scrollbar { display: none; } 
.product-tabs-nav .tab-btn { text-transform: uppercase; white-space: nowrap; padding: 12px 0; margin-right: 40px; font-size: 22px; line-height: 1.2; font-weight: 700; color: var(--charcoal); background: transparent; border: 0; border-bottom: 3px solid transparent; cursor: pointer; transition: all .3s ease; } 
.product-tabs-nav .tab-btn:last-child { margin-right: 0; } 
.product-tabs-nav .tab-btn.active { color: var(--blue); border-bottom-color: var(--blue); } 
.product-tabs-content .tab-content { display: none; padding: 30px ; border-radius: 8px; background-color: var(--white); } 
.product-tabs-content .tab-content.active { display: block; } 
.product-tabs-content ul, .product-benefits ul, .product-accordion ul { padding: 0; list-style: none; } 
.product-tabs-content li, .product-benefits li, .product-accordion li { margin: 0 0 10px; padding: 0 0 0 24px; position: relative; } 
.product-tabs-content li:last-child, .product-benefits li:last-child, .product-accordion li:last-child { margin-bottom: 0; } 
.product-tabs-content li:after, .product-benefits li:after, .product-accordion li:after { content: ""; position: absolute; width: 8px; height: 8px; background-color: var(--blue); border-radius: 100%; left: 7px; top: 8px; }

.about-hero-sec { padding: 96px 0; } 
.about-hero-sec .about-hero-left { width: 48%; margin-right: 4%; } 
.about-hero-sec .about-hero-right { width: 48%; } 
.about-hero-sec .about-hero-title { margin: 0 0 48px; } 
.about-hero-sec .feature-box { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); transition: all 0.2s ease; background: var(--light-blue); padding: 30px 20px; border-left: 5px solid var(--blue); width: 48.5%; margin: 0 3% 20px 0; }
.about-hero-sec .feature-box:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
.about-hero-sec .feature-box:nth-child(2n) { margin-right: 0; } 
.about-hero-sec .feature-box strong { display:block; font-size:40px; color:var(--blue); margin-bottom:10px; } 
.about-hero-sec .feature-box span { font-weight:600; font-size: 20px; }

.about-highlight-sec { padding: 96px 0; background-color: var(--blue) ; color: var(--white); position: relative; overflow: hidden; } 
.about-highlight-sec:after { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--white); left: 0; top: 0; opacity: 0; }
.about-highlight-inner { padding: 0 8%; position: relative; z-index: 1; }
.about-highlight-sec .about-highlight-left { width: 50%; padding-right: 5%; }
.about-highlight-sec .about-highlight-right { width: 50%; padding-left: 5%; max-width: 500px; margin: 0 auto; }
.about-highlight-sec .title-bottom-border { margin: 0 0 48px; }
.about-highlight-sec .about-highlight-items .highlight-item { color: var(--black); position: relative; font-size: 28px; font-weight: 600; text-transform: uppercase; padding: 20px; background-color: var(--white); border-radius: 8px; transition: all 0.2s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); margin: 0 0 70px; } 
.about-highlight-items .highlight-item:not(:last-child):after { content: ""; position: absolute; left: 50%; bottom: -48px; width: 24px; height: 34px; transform: translateX(-50%); background: url('/wp-content/uploads/2026/06/down-arrow-white.svg') no-repeat center; background-size: contain; animation: arrowBounce 1.5s infinite ease-in-out; }
.about-highlight-sec .about-highlight-items .highlight-item:last-child { margin-bottom: 0; }
@keyframes arrowBounce {
    0%{
        transform: translateX(-50%) translateY(0);
    }
    50%{
        transform: translateX(-50%) translateY(10px);
    }
    100%{
        transform: translateX(-50%) translateY(0);
    }
}



@media (max-width:1600px){
.home-categories-inner, .about-highlight-inner { padding: 0 5%; }
.home-categories-section .home-categories-left, .about-highlight-sec .about-highlight-left { padding-right: 3%; }
.home-categories-section .home-categories-right, .about-highlight-sec .about-highlight-right { padding-left: 3%; }
.home-categories-section .home-categories-box h3 { font-size: 38px; } 


}

@media (max-width:1400px){
.home-categories-inner, .about-highlight-inner { padding: 0 4%; }
.home-categories-section .home-categories-left, .about-highlight-sec .about-highlight-left { padding-right: 2.5%; }
.home-categories-section .home-categories-right, .about-highlight-sec .about-highlight-right { padding-left: 2.5%; }
.home-categories-section .home-categories-box h3 { font-size: 35px; } 

}


@media (max-width:1200px){

.container { max-width: 1000px; } 
.header-inner .header-nav ul li { margin: 0; }
.header-inner .header-nav { margin: 0 10px 0 0; }
.home-categories-section .home-categories-box h3 { font-size: 32px; } 
.therapy-section .therapy-card:nth-child(4n) { margin-right: 2%; } 
.therapy-section .therapy-card:nth-child(3n) { margin-right: 0; } 
.therapy-section .therapy-card { width: 32%; }
.quality-section .quality-item { width: 25%; }
.quality-section .quality-item:nth-child(6n) { border-right: 1px solid var(--charcoal); }
.quality-section .quality-item:nth-child(4n), .quality-section .quality-item:last-child { border-right: none; }
.header-inner .header-logo img { max-width: 180px; }
.about-hero-sec .feature-box strong { font-size: 32px; }
.about-hero-sec .feature-box span { font-size: 16px; }


}

@media (max-width:1024px){

.container { max-width: 750px; }
h1 { font-size: 40px; }
h2 { font-size: 32px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

.mobile-toggle{ display:flex; } 
.header-nav-overlay{ position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition: right 0.3s ease-in-out; z-index:10; } 
body.menu-open .header-nav-overlay { opacity:1; visibility:visible; display: block; } 
.header-nav-outer{ position:absolute; top:0; right:-350px; width:320px; height:100vh; background-color:#fff; padding:50px 20px; transition: right 0.3s ease-in-out; box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5); z-index:11; flex-direction: column; justify-content: flex-start; align-items: flex-start; } 
body.menu-open .header-nav-outer{ right:0; } 
.header-inner .header-nav ul { flex-direction:column; align-items: flex-start; } 
.header-btn{ margin-top: 20px; padding: 0 10px; } 
body.menu-open{ overflow:hidden; }
.header-inner .header-nav { margin: 0; width: 100%; }
.header-inner .header-logo {   width: calc(100% - 50px); } 
.header-inner .header-nav ul li { margin: 0 0 10px 0; }
.header-inner .header-nav ul li a::after { bottom: -13px; }
.btn { padding: 10px 24px; }
.home-hero-section .home-hero-left { padding: 70px 50px 70px 0; }
.therapy-section .therapy-card:nth-child(3n) { margin-right: 2%; } 
.therapy-section .therapy-card:nth-child(2n) { margin-right: 0; } 
.therapy-section .therapy-card { width: 49%; margin-bottom: 20px; }
.quality-section .quality-item { width: 33.33%; }
.therapy-section .therapy-title { margin: 0 0 16px; }
.therapy-section { padding: 70px 0 50px; }
.marquee-section .marquee-text { font-size: 22px; }
.marquee-section { padding: 18px 0; }
.marquee-section .marquee-item { padding: 7px 25px 7px 0; margin: 0 25px 0 0; }
.marquee-section .marquee-icon { margin: 0 8px 0 0; width: 50px; height: 50px; padding: 8px; }
.therapy-section .therapy-icon { width: 70px; height: 70px; padding: 8px; }
.title-bottom-border::after { width: 100px; }
.title-bottom-border::before { width: 50px; }
.home-categories-section, .why-choose-section { padding: 70px 0 52px; }
.home-categories-section .home-categories-title { margin: 0 0 16px; }
.home-categories-section .home-categories-left, .about-highlight-sec .about-highlight-left { padding-right: 0; width: 100%; }
.home-categories-section .home-categories-right { padding-left: 0; width: 100%; margin: 30px 0 0; } 
.home-categories-inner { padding: 0; } 
.home-categories-section .full-container, .about-highlight-sec .full-container { max-width: 750px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.home-categories-section .home-categories-box { min-height: 70px; }
.quality-section { padding: 72px 0 48px; }
.quality-section .quality-item:nth-child(4n) { border-right: 1px solid var(--charcoal); }
.quality-section .quality-item:nth-child(3n), .quality-section .quality-item:last-child { border-right: none; }
.quality-section .quality-item .quality-icon { width: 70px; height: 70px; padding: 8px; }
.cta-section .cta-content {	width: 60%; margin-right: 5%; }
.cta-section .cta-btn { width: 35%; }
.cta-section, .page-hero-section, .career-hero-section, .contact-us-hero-section, .product-hero-section, .about-highlight-sec, .about-hero-sec { padding: 72px 0; }
.why-choose-section .why-choose-icon { width: 80px; height: 80px; padding: 8px; }
.why-choose-section .why-choose-item { padding: 20px 20px 20px 120px; min-height: 120px; margin-bottom: 20px; }
.contact-us-hero-section .contact-us-hero-content-inner { flex-direction: column-reverse; }
.contact-us-hero-section .contact-us-hero-left {  width: 100%;  margin-right: 0;  margin-top: 30px; }
.contact-us-hero-section .contact-us-hero-right { width: 100%; }
.product-hero-section .product-card-box { width: 32%; }
.product-hero-section .product-card-box:nth-child(4n) { margin-right: 2%; }
.product-hero-section .product-card-box:nth-child(3n) { margin-right: 0; }
.product-hero-section .product-card-text h4 { font-size: 18px; }
.product-hero-section .product-card-text span { font-size: 15px; }
.product-hero-section .product-hero-left-inner h2 { font-size: 40px; }
.about-highlight-sec .about-highlight-right { padding-left: 0; width: 100%; margin: 30px auto 0; }
.about-highlight-sec .title-bottom-border, .about-hero-sec .about-hero-title { margin: 0 0 30px; }
.about-highlight-sec .about-highlight-items .highlight-item { font-size: 22px; margin: 0 0 60px; }
.about-highlight-items .highlight-item:not(:last-child):after { bottom: -40px; width: 20px; height: 30px; }
.home-categories-inner, .about-highlight-inner { padding: 0; }
.about-hero-sec .about-hero-left { width: 100%; margin-right: 0; margin-bottom: 10px; }
.about-hero-sec .about-hero-right { width: 100%; }
.about-hero-sec .feature-box { padding: 20px; }



}

@media (max-width:767px){

h1, h2, h3, h4, h5, h6 { margin: 0 0 12px 0; }
p, ul, ol { margin: 0 0 12px 0; }
.container { max-width: 100%; }
body { font-size: 15px; }
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
.btn { padding: 8px 20px; font-size: 15px; }
.btn i { margin-left: 8px; width: 18px; }

.therapy-section .therapy-title { margin: 0 0 8px; }
.therapy-section { padding: 50px 0 30px; }
.marquee-section { padding: 12px 0; }
.marquee-section .marquee-text { font-size: 16px; }
.marquee-section .marquee-item { padding: 4px 15px 4px 0; margin: 0 15px 0 0; }
.marquee-section .marquee-icon { margin: 0 6px 0 0; width: 40px; height: 40px; padding: 6px; }
.therapy-section .therapy-card { width: 100%; margin-right: 0; }
.therapy-section .therapy-card:nth-child(3n) { margin-right: 0; }
.therapy-section .therapy-icon { width: 60px; height: 60px; margin: 0 0 12px 0; padding: 6px; }
.title-bottom-border::after { width: 80px; }
.title-bottom-border::before { width: 40px; }
.title-bottom-border { padding: 0 0 12px; }
.home-hero-section .home-hero-right { position: relative; width: calc(100% + 40px); height: auto; padding-bottom: 56.25%; margin: 0 -20px; left: 0; } 
.home-hero-section .home-hero-left { padding: 30px 0 50px; width: 100%; }
.home-hero-inner { flex-direction: column-reverse; }
.home-categories-section .home-categories-title { margin: 0 0 8px; }
.home-categories-section .full-container, .about-highlight-sec .full-container { max-width: 100%; }
.home-categories-section, .why-choose-section { padding: 50px 0 30px; }
.home-categories-section .home-categories-box h3 { font-size: 28px; }
.quality-section .quality-item .quality-icon { width: 60px; height: 60px; margin: 0 0 12px 0; padding: 6px; }
.quality-section .quality-item { width: 50%; }
.quality-section .quality-item:nth-child(3n) { border-right: 1px solid var(--charcoal); }
.quality-section .quality-item:nth-child(2n), .quality-section .quality-item:last-child { border-right: none; }
.cta-section, .page-hero-section, .career-hero-section, .contact-us-hero-section, .product-hero-section, .about-highlight-sec, .about-hero-sec { padding: 50px 0; }
.why-choose-section .why-choose-icon { width: 60px; height: 60px; padding: 6px; }
.why-choose-section .why-choose-item { padding: 20px 20px 20px 95px; min-height: 100px; width: 100%; margin: 0 0 20px; }
.cta-section .cta-content { width: 100%; margin-right: 0; margin-bottom: 30px; }
.cta-section .cta-btn {  width: 100%;  justify-content: start; }
.footer-section { padding: 20px 0; }
.wpcf7-form input, .wpcf7-form textarea { font-size: 15px; min-height: 48px; padding: 10px 18px; }
.wpcf7-form .wpcf7-form-control-wrap select { font-size: 15px; height: 48px; padding: 10px 40px 10px 18px; }
.product-hero-section .product-card-box:nth-child(4n), .product-hero-section .product-card-box:nth-child(3n) { margin-right: 3%; }
.product-hero-section .product-card-box:nth-child(2n) { margin-right: 0; }
.product-hero-section .product-card-box { width: 48.5%; margin: 0 3% 20px 0; }
.about-highlight-sec .title-bottom-border, .about-hero-sec .about-hero-title { margin: 0 0 20px; }
.about-highlight-sec .about-highlight-items .highlight-item { font-size: 18px; margin: 0 0 50px; }
.about-highlight-items .highlight-item:not(:last-child):after { bottom: -30px; width: 15px; height: 25px; }
.about-hero-sec .feature-box span { font-size: 15px; }
.about-hero-sec .feature-box strong { font-size: 25px; margin-bottom: 5px; }

}


@media (max-width:480px){

.home-categories-section .home-categories-box { width: 100%; margin: 0 0 18px 0; min-height: 60px; }
.home-categories-section .home-categories-box h3 { font-size: 24px; }
.quality-section .quality-item:nth-child(3n), .quality-section .quality-item:last-child, .quality-section .quality-item { border-right: none; }
.quality-section .quality-item { width: 100%; border-bottom: 1px solid var(--charcoal); padding-bottom: 20px; margin-bottom: 20px; }
.quality-section .quality-item:last-child { border-bottom: none; }
.product-hero-section .product-card-box:nth-child(4n), .product-hero-section .product-card-box:nth-child(3n) { margin-right: 0; }
.product-hero-section .product-card-box { width: 100%; margin: 0 0 20px 0; }
.product-hero-section .product-hero-left-inner { margin: 0 0 20px 0; }
.product-hero-section .product-hero-left-inner h2 { font-size: 30px; writing-mode: horizontal-tb; transform: rotate(0deg); }
.product-hero-section .product-hero-left, .product-hero-section .product-hero-right, .wpcf7-form .form-group.col-md-6 { width: 100%; }
.about-hero-sec .feature-box {  width: 100%; margin-right: 0; } 



}