@media screen and (min-width:1921px) {
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Light.woff2') format('woff2'), url('../fonts/Manrope-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Medium.woff2') format('woff2'), url('../fonts/Manrope-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Regular.woff2') format('woff2'), url('../fonts/Manrope-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-SemiBold.woff2') format('woff2'), url('../fonts/Manrope-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Bold.woff2') format('woff2'), url('../fonts/Manrope-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-ExtraBold.woff2') format('woff2'), url('../fonts/Manrope-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-ExtraLight.woff2') format('woff2'), url('../fonts/Manrope-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; }
* { padding: 0; margin: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { scroll-behavior: smooth; }
body { padding: 0; margin: 0; font-family: 'Manrope'; font-weight: 400; font-size: 20px; line-height: 100%; letter-spacing: 0; color: var(--text-color); scroll-behavior: smooth; transition: all 0.5s ease; background: var(--bg-color); }
/* common css start  */
:root {
    --text-color: #3F5C56;
    --Primary-color: #1B5E8C;
    --Primary-hover-color: #0F8885;
    --theme-bg-color: #0F8885;
    --white: #FFFFFF;
    --black: #000000;
    --border-radius: 10px;
    --bg-color: #EAFCF7;
}
.container { margin: 0 auto; max-width: 1470px; width: 100%; padding-left: 30px; padding-right: 30px; }
a { text-decoration: none; }
li { list-style: none; }
img { display: block; height: 100%; width: 100%; }
body { font-size: 1.3158vw; }
/* common css start  */
.container { margin: 0 auto; max-width: 96.7105vw; width: 100%; padding-left: 1.9737vw; padding-right: 1.9737vw; }
h1 { color: var(--white); font-weight: 400; font-size: 4.7368vw; line-height: 100%; letter-spacing: 0; margin-bottom: 2.6316vw; }
h2 { font-weight: 600; font-size: 3.9474vw; line-height: 120%; letter-spacing: 0; margin-bottom: 2.6316vw; color: var(--Primary-color); }
h3 { font-weight: 600; font-size: 3.2895vw; line-height: 120%; letter-spacing: 0; }
h4 { font-weight: 600; font-size: 2.6316vw; line-height: 120%; letter-spacing: 0; }
h5 { font-weight: 400; font-size: 2.3684vw; line-height: 100%; letter-spacing: 0; }
h6 { font-weight: 500; font-size: 1.9737vw; line-height: 120%; letter-spacing: 0; }
p { font-weight: 400; font-size: 1.3158vw; line-height: 135%; letter-spacing: 0; }
.btn-wrap { display: flex; gap: 1.9737vw; align-items: center; flex-wrap: wrap; }
.primary-btn { font-weight: 600; font-size: 1.3158vw; line-height: 100%; letter-spacing: 0; text-align: center; color: var(--white); padding: 1.3158vw 1.9737vw; background: var(--Primary-color); border: 0.0658vw solid var(--Primary-color); border-radius: 2.2368vw; display: inline-block; text-transform: capitalize; width: fit-content; transition: all 0.3s ease-in-out; position: relative; padding-right: 3.9474vw; }
.primary-btn:after { content: ""; width: 1.0526vw; height: 0.7895vw; display: block; background-image: url('../images/btn-arrow.svg'); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 1.9737vw; }
.primary-btn:hover { background-color: var(--Primary-hover-color); border: 0.0658vw solid var(--Primary-hover-color); }
.bottom-line-btn { font-weight: 600; font-size: 1.3158vw; line-height: 100%; letter-spacing: 0; color: var(--white); padding: 0.6579vw; transition: all 0.3s ease-in-out; position: relative; }
.bottom-line-btn:hover { color: #42D3AA; }
.bottom-line-btn:after { content: ""; width: 100%; height: 0.0658vw; display: block; background: var(--white); position: absolute; bottom: 0; left: 50%; transition: all 0.3s ease-in-out; transform: translateX(-50%) scale(1, 1); transform-origin: center; }
.bottom-line-btn:hover::after { transform: translateX(-50%) scale(0, 1); }
/* common css end */
/* header start */
header#main__header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; transition: transform 0.4s ease, background 0.3s ease; padding: 1.9737vw 0; }
#main__header.hide-header { transform: translateY(-100%); }
body:has(.banner-section) header { background: transparent; }
header#main__header.sticky-header, body:has(.banner-section) header#main__header.sticky-header { background: #074954; }
header .header { position: relative; }
header .logo, footer .logo { max-width: 11.8421vw; width: 100%; min-width: 7.2368vw; display: block; }
header .header .logo img { width: 100%; height: 100%; }
header .header-container { display: flex; align-items: center; gap: 1.9737vw; justify-content: space-between; }
header .header .main-nav { z-index: 3; display: flex; align-items: center; gap: 2.9605vw; }
header .main-nav .nav-list { display: flex; align-items: center; gap: 0.6579vw; }
header .nav-item { position: relative; transition: all 0.3s ease-in-out; padding: 0.6579vw; }
header .nav-item .nav-link { font-weight: 400; font-size: 1.3158vw; line-height: 100%; letter-spacing: 0%; text-decoration: none; color: var(--white); transition: all 0.3s ease-in-out; text-transform: capitalize; display: block; position: relative; }
header .nav-item .nav-link:after { content: ""; width: 100%; height: 0.0658vw; display: block; background: #42D3AA; position: absolute; bottom: -0.6579vw; left: 50%; transition: all 0.3s ease-in-out; transform: translateX(-50%) scale(0, 1); transform-origin: left; }
header .nav-item .nav-link:hover, header .nav-item.active .nav-link { color: #42D3AA; }
header .nav-item .nav-link:hover::after, header .nav-item.active .nav-link::after { transform: translateX(-50%) scale(1, 1); }
header .menu-toggle { display: none; }
/* header end */
/* banner-section start */
.banner-section { position: relative; overflow: hidden; }
.banner-section::after { content: ""; width: 100%; height: 21.8421vw; display: block; background: linear-gradient(180deg, #074954 28.01%, rgba(7, 73, 84, 0) 100%); position: absolute; top: 0; left: 0; z-index: 0; }
.banner-section::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--Primary-color); opacity: 0.3; z-index: 1; }
.banner-section .banner-bg { position: relative; width: 100%; height: 100%; }
.banner-section .banner-bg { min-height: 29.6053vw; padding-bottom: 100vh; }
.banner-section .banner-bg video, .banner-section .banner-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; object-position: top; }
.banner-section .container { display: flex; align-items: center; height: 100%; width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 9; }
.banner-section .banner-cnt-wrap { width: 100%; position: relative; padding-top: 5%; }
.banner-section .banner-cnt-wrap .banner-bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.banner-section .banner-cnt-wrap .banner-cnt { max-width: 51.0526vw; text-align: start; }
.banner-section .banner-cnt-wrap .banner-cnt p { max-width: 32.3684vw; color: var(--white); }
.banner-section .banner-cnt-wrap .banner-cnt .btn-wrap { display: flex; align-items: center; gap: 1.9737vw; margin-top: 3.9474vw; }
.banner-section .banner-cnt-wrap .review-wrap { max-width: 15.5263vw; width: 100%; object-fit: contain; position: absolute; right: 0; bottom: 0; }
/* banner animation start  */
.banner-cnt h1, .banner-cnt p, .banner-cnt .btn-wrap, .review-wrap { opacity: 0; will-change: transform, opacity; backface-visibility: hidden; transform-style: preserve-3d; animation-duration: 1.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
.banner-cnt h1 { transform: translate3d(0, 5.2632vw, 0); animation-name: bannerFadeUp; animation-delay: 0.2s; }
.banner-cnt p { transform: translate3d(0, 5.2632vw, 0); animation-name: bannerFadeUp; animation-delay: 0.5s; }
.banner-cnt .btn-wrap { transform: translate3d(0, 5.2632vw, 0); animation-name: bannerFadeUp; animation-delay: 0.8s; }
.banner-section .review-wrap { transform: translate3d(5.2632vw, 0, 0) scale(0.9); animation-name: reviewReveal; animation-delay: 1.1s; }
/* TEXT FADE UP */
@keyframes bannerFadeUp {
0% { opacity: 0; transform: translate3d(0, 5.2632vw, 0); }
100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
/* review-wrap REVEAL */
@keyframes reviewReveal {
0% { opacity: 0; transform: translate3d(5.2632vw, 0, 0) scale(0.9); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
/* banner-section end */
/* MARQUEE */
.info-marquee { width: 100%; overflow: hidden; background: var(--theme-bg-color); padding: 2.3026vw 0; position: relative; }
.info-marquee:hover { cursor: grabbing; }
.info-marquee .marquee-track { display: flex; width: max-content; animation: marqueeMove 20s linear infinite; }
.info-marquee .marquee-group { display: flex; align-items: center; flex-shrink: 0; }
.info-marquee .item { white-space: nowrap; padding: 0 4.6053vw; font-weight: 600; font-size: 1.5789vw; line-height: 100%; letter-spacing: 0%; color: var(--white); }
.info-marquee .dot { width: 0.3947vw; height: 0.3947vw; background: var(--white); border-radius: 50%; flex-shrink: 0; }
.info-marquee:hover .marquee-track { animation-play-state: paused; }
@keyframes marqueeMove {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
/* TREATMENTS SECTION */
.treatments-section { padding: 7.8947vw 0; overflow: hidden; min-height: 100vh; display: flex; align-items: center; }
.treatments-section .treatments-wrapper { display: grid; grid-template-columns: 45.3289vw 1fr; gap: 4.2763vw; align-items: center; }
.section-subtitle { font-weight: 400; font-size: 1.5789vw; line-height: 138%; letter-spacing: 0; margin-bottom: 2.9605vw; color: var(--text-color); }
.treatments-section .section-title { margin-bottom: 2.6316vw; max-width: 47.3684vw; }
.treatments-section .section-title span { color: var(--theme-bg-color); }
.treatments-section .treatments-content p { color: var(--text-color); margin-bottom: 1.6447vw; }
.treatments-section .treatments-content p:last-child { margin-bottom: 0; }
.treatments-section .treatments-images { position: relative; width: 100%; }
.treatments-section .main-image { width: 100%; border-radius: var(--border-radius); overflow: hidden; opacity: 0; max-width: 28.2895vw; transform: translate3d(7.8947vw, 0, 0) scale(0.96); }
.treatments-section .main-image img { height: 100%; object-fit: cover; }
.treatments-section .main-image.active { animation: smoothImageReveal 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
@keyframes smoothImageReveal {
0% { opacity: 0; transform: translate3d(7.8947vw, 0, 0) scale(0.96); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
.treatments-section .floating-image { position: absolute; left: 46%; top: 58%; max-width: 16.3158vw; border-radius: var(--border-radius); overflow: hidden; opacity: 0; transform: translate3d(0, 5.2632vw, 0) scale(0.88); }
.treatments-section .floating-image img { width: 100%; height: 100%; object-fit: cover; }
/* ANIMATIONS */
.fade-up, .main-image, .floating-image { will-change: transform, opacity; backface-visibility: hidden; transform-style: preserve-3d; }
.fade-up { opacity: 0; transform: translate3d(0, 5.2632vw, 0); transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-up.active { opacity: 1; transform: translate3d(0, 0, 0); }
.fade-right.active { animation: imageReveal 1.3s ease forwards; }
@keyframes imageReveal {
0% { opacity: 0; transform: translateX(6.5789vw); }
100% { opacity: 1; transform: translateX(0); }
}
.treatments-section .floating-image.active { animation: smoothFloatingReveal 1.4s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
@keyframes smoothFloatingReveal {
0% { opacity: 0; transform: translate3d(0, 5.2632vw, 0) scale(0.88); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
/* scroll-section stat  */
.scroll-section { width: 100%; }
.scroll-section .scroll-item { position: sticky; top: 0; height: 100vh; width: 100%; display: flex; overflow: hidden; background: var(--Primary-color); color: var(--white); box-shadow: 0 -3.2895vw 4.6711vw 0 #00000040; }
.scroll-section .content-left { width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; max-width: 48.3553vw; margin-left: auto; padding: 0 0 0 1.9737vw; }
.scroll-section .content-left .icon-wrap { max-width: 3.2895vw; max-height: 3.2895vw; width: 100%; height: auto; margin-bottom: 2.6316vw; }
.scroll-section .content-left .icon-wrap img { width: 100%; height: 100%; }
.scroll-section .content-left h3 { margin-bottom: 1.1184vw; color: var(--white); }
.scroll-section .content-left p { max-width: 26.3158vw; margin-bottom: 0.9868vw; }
.scroll-section .content-left h5 { color: var(--white); }
.scroll-section .content-left .learn-more-link { display: inline-block; color: var(--white); font-weight: 600; font-size: 1.3158vw; line-height: 100%; letter-spacing: 0; margin-top: 3.9474vw; padding-right: 2.6316vw; width: fit-content; position: relative; transition: all 0.3s ease-in-out; }
.scroll-section .content-left .learn-more-link::after { content: ""; width: 1.0526vw; height: 0.7895vw; display: block; background-image: url('../images/btn-arrow.svg'); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 0.2632vw; transition: all 0.3s ease-in-out; }
.scroll-section .content-left .learn-more-link:hover { color: #42D3AA; }
.scroll-section .content-left .learn-more-link:hover::after { right: 0; filter: brightness(0) saturate(100%) invert(84%) sepia(27%) saturate(541%) hue-rotate(104deg) brightness(92%) contrast(89%); }
.scroll-section .content-right { width: 50%; height: 100%; position: relative; }
.scroll-section .content-right img, .scroll-section .content-right * { width: 100%; height: 100%; object-fit: cover; }
.scroll-section .bg-watermark { position: absolute; bottom: 6.5%; left: 50%; transform: translateX(-50%); white-space: nowrap; pointer-events: none; z-index: 1; font-weight: 400; font-size: 13.1579vw; line-height: 120%; letter-spacing: 0; text-align: center; }
/* scroll section end */
/* our-story-section start  */
.our-story-section { position: relative; }
.our-story-section .story-hero { position: sticky; top: 0; z-index: 1; overflow: hidden; }
.our-story-section .story-hero img { width: 100%; display: block; object-fit: cover; height: 100vh; }
.our-story-section .story-card { background: var(--bg-color); padding: 6.3158vw 1.9737vw; border-top-left-radius: 1.3158vw; border-top-right-radius: 1.3158vw; position: relative; z-index: 2; margin-top: 0; }
.our-story-section .story-card h2 { margin-bottom: 2.1053vw; }
.our-story-section .story-description p { color: var(--text-color); margin-bottom: 0.9868vw; }
.our-story-section .story-description p:last-child { margin-bottom: 0; }
.our-story-section .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(13.1579vw, 1fr)); gap: 1.9737vw; margin-top: 3.9474vw; }
.our-story-section .stats-grid .stat-box { padding: 1.3158vw; border-radius: 0.6579vw; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(90deg, #0F8885 0%, #1B5E8C 100%); }
.our-story-section .stats-grid .stat-box .img-wrap { max-width: 6.5789vw; width: 100%; }
.our-story-section .stats-grid .stat-box .img-wrap img { width: 100%; height: 100%; mix-blend-mode: luminosity; }
.our-story-section .stats-grid .stat-box .text-cnt>* { color: var(--white); }
.our-story-section .stats-grid .stat-box .text-cnt p { margin-bottom: 0; }
/* our-story-section end  */
/* features-section start  */
.features-section { display: flex; min-height: 100vh; width: 100%; }
.features-section .left-cnt { max-width: 50%; width: 100%; z-index: 10; }
.features-section .img-wrap { position: sticky; top: 0; width: 100%; height: 100vh; }
.features-section .img-wrap img { object-fit: cover; width: 100%; height: 100%; }
.features-section .img-wrap .video-wrapper.left-cnt-media * { width: 100%; height: 100%; object-fit: cover; }
.features-section .img-wrap .video-wrapper.left-cnt-media { width: 100%; height: 100%; }
.features-section .img-wrap::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--Primary-color); z-index: 1; opacity: 0.3; }
.features-section .img-wrap .left-cnt-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.features-section .left-text-wrap { position: absolute; top: 6.5789vw; right: 0; z-index: 2; max-width: 48.3553vw; margin-left: auto; padding: 0 7.2368vw 0 1.9737vw; }
.features-section .section-subtitle { margin-bottom: 1.5132vw; color: var(--white); }
.features-section .main-title span { color: #42D3AA; }
.features-section .right-cnt { max-width: 50%; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; }
.features-section .features-content-list { list-style: none; padding: 6.5789vw 4.4737vw 3.2895vw; }
.features-section .item { position: relative; margin-bottom: 3.2895vw; padding-bottom: 3.2895vw; border-bottom: 0.0658vw solid var(--black); }
.features-section .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.features-section .features-content-list .number { font-weight: 300; font-size: 2.3684vw; line-height: 100%; letter-spacing: 0; color: var(--text-color); margin-bottom: 1.1184vw; display: block; }
.features-section .features-content-list h4 { color: var(--text-color); margin-bottom: 1.1184vw; }
.features-section .features-content-list p { color: var(--text-color); }
/* features-section end */
/* testimonial-section start  */
.testimonial-section { background-color: var(--theme-bg-color); color: var(--white); height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.testimonial-section .item { text-align: center; padding: 1.3158vw; }
.testimonial-section .rating-stars { max-width: 9.5395vw; width: 100%; margin-bottom: 3.2895vw; display: block; margin-left: auto; margin-right: auto; }
.testimonial-section .testimonial-text { margin: 0 auto 3.2895vw auto; max-width: 66.1184vw; font-weight: 400; }
.testimonial-section .testimonial-author { font-style: normal; font-size: 1.0526vw; opacity: 0.9; display: block; }
.testimonial-section .testimonial-author li { list-style: disc; width: fit-content; margin: 0 auto; font-weight: 400; font-size: 1.3158vw; line-height: 100%; letter-spacing: 0; }
.testimonial-section .testimonial-author li span { font-weight: 600; }
.testimonial-section .testimonial-carousel .owl-dots { margin-top: 6.5789vw; text-align: center; display: flex; justify-content: center; align-items: center; gap: 0.6579vw; }
.testimonial-section .testimonial-carousel .owl-dot span { background: var(--white) !important; width: 0.6579vw !important; height: 0.6579vw !important; display: block; transition: all 0.3s ease; border-radius: 0.3289vw; }
.testimonial-section .testimonial-carousel .owl-dot.active span { width: 2.6316vw !important; }
/* testimonial-section end  */
/* team-section start  */
.team-section { padding: 6.5789vw 0; }
.team-section .team-header { max-width: 55.5263vw; margin-bottom: 4.6053vw; }
.team-section .team-header .section-subtitle { display: block; }
.team-section .team-header .title { margin-bottom: 0; }
.team-section .team-item-wrap { display: flex; flex-wrap: wrap; column-gap: 3.6184vw; row-gap: 5.2632vw; margin-bottom: 2.6316vw; }
.team-section .team-card { display: flex; flex-direction: column; width: calc((100% - (2 * 3.6184vw)) / 3); }
.team-section .card-img-wrapper { position: relative; overflow: hidden; padding-bottom: 115%; width: 100%; }
.team-section .card-img-wrapper .member-img { position: absolute; width: 100%; height: 100%; display: block; z-index: 0; object-position: top; }
.team-section .card-img-wrapper .member-bg-img { position: absolute; left: 0; bottom: 0; width: 100%; height: 88%; z-index: -1; border-top-left-radius: 1.3158vw; border-top-right-radius: 1.3158vw; backdrop-filter: blur(1.9737vw); background: #D9D9D9; }
.team-section .card-img-wrapper::before { content: ""; width: 100%; height: 67%; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(234, 252, 247, 0) 0%, #EAFCF7 84.62%); z-index: 1; }
.team-section .card-img-wrapper img { width: 100%; height: auto; display: block; object-fit: cover; }
.team-section .card-content { padding: 1.3158vw; margin-top: -3.9474vw; position: relative; z-index: 1; }
.team-section .card-content>* { color: var(--text-color); }
.team-section .card-content h4 { margin-bottom: 0.3947vw; }
.team-section .card-content .role { margin-bottom: 1.1184vw; }
.team-section .card-content .details { font-weight: 400; font-size: 1.5789vw; line-height: 138%; letter-spacing: 0; }
.team-section .card-content .meta-text { margin-bottom: 0; }
.team-section .btn-wrap { text-align: center; margin-top: 1.3158vw; justify-content: center; }
/* team-section end  */
/* find-us-section start  */
.find-us-section { min-height: 100vh; overflow: hidden;}
.find-us-section .info-cnt-wrap { background: var(--Primary-color); color: var(--white); display: flex; height: 100vh; }
.find-us-section .info-cnt-wrap .right-cnt { max-width: 45.5%; width: 100%; overflow-x: hidden; }
.find-us-section .info-cnt-wrap .left-cnt { display: flex; align-items: center; max-width: 54.5%; width: 100%; }
.find-us-section .info-content { width: 100%; max-width: 48.355vw; max-width: 53.947vw; margin-left: auto; padding: 2.632vw 0 2.632vw 1.974vw; }
.find-us-section .info-cnt-wrap .left-cnt .section-subtitle { text-transform: capitalize; color: var(--white); }
.find-us-section .main-heading { margin: 0 0 3.2895vw 0; color: var(--white); }
.find-us-section .main-heading span { color: #42D3AA; }
.find-us-section .hours-card { max-width: 37.5vw; width: 100%; background: var(--white); border-radius: 1.3158vw; padding: 2.3026vw; margin-bottom: 2.6316vw; }
.find-us-section .hours-card h6 { color: var(--Primary-color); margin: 0 0 1.3158vw 0; font-weight: 600; }
.find-us-section .hours-list { list-style: none; padding: 0; margin: 0; }
.find-us-section .hours-list li { display: flex; justify-content: space-between; padding-bottom: 1.1842vw; margin-bottom: 1.1842vw; border-bottom: 0.0658vw solid rgba(0, 0, 0, 0.3); font-weight: 400; font-size: 1.3158vw; line-height: 135%; letter-spacing: 0; color: var(--text-color); }
.find-us-section .hours-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.find-us-section .contact-bottom p, .find-us-section .contact-bottom p a { color: var(--white); font-size: 1.5789vw; line-height: 140%; }
.find-us-section .phone-link, .find-us-section .email-link { transition: all 0.3s ease-in-out; }
.find-us-section .contact-details .phone-link { font-weight: 600; }
.find-us-section .phone-link:hover, .find-us-section .email-link:hover { color: #42D3AA; }
.find-us-section .map-column { width: 100%; min-height: 29.6053vw; height: 100%; }
.find-us-section .map-column iframe { display: block; width: 100%; height: 100%; object-fit: cover; }
/* find-us-section end  */
/* footer start  */
footer { padding: 5.9211vw 0 3.9474vw 0; background: var(--bg-color); }
footer .footer-top { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 5.9211vw; }
footer .footer-top .left-cnt { padding-right: 1.9737vw; }
footer .footer-top .right-cnt { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.9737vw; }
footer .logo { margin-bottom: 2.6316vw; max-width: 11.8421vw; min-width: 7.2368vw; display: block; width: 100%; grid-column: span 2; }
footer .logo img { height: auto; width: 100%; }
footer .footer-tagline { color: var(--Primary-color); margin-bottom: 2.6316vw; font-weight: 400; }
footer .footer-tagline span { color: var(--theme-bg-color); }
footer .footer-address p, footer .footer-address a { color: var(--text-color); font-size: 1.5789vw; line-height: 140%; }
footer .footer-address .phone-link { font-weight: 600; }
footer .footer-heading { color: var(--text-color); margin-bottom: 1.1184vw; }
footer .footer-nav { list-style: none; padding: 0; margin: 0; }
footer .footer-nav .nav-item:not(:last-child) { margin-bottom: 1.1184vw; }
footer .footer-nav .nav-link { font-weight: 400; font-size: 1.3158vw; line-height: 135%; letter-spacing: 0; color: var(--text-color); transition: color 0.2s ease; }
footer .footer-nav .nav-link:hover { color: var(--theme-bg-color); }
footer .footer-bottom { display: flex; border-top: 0.0658vw solid var(--black); padding-top: 3.2895vw; gap: 1.3158vw; justify-content: space-between; align-items: center; }
footer .copyright p { margin: 0; }
footer .bottom-links { list-style: none; padding: 0; margin: 0; display: flex; gap: 0.9868vw; }
footer .bottom-links .nav-link { color: var(--text-color); }
footer .bottom-links .nav-item+.nav-item::before { content: "|"; color: var(--text-color); margin-right: 0.9868vw; font-size: inherit; }
/* footer end  */
/* COMPREHENSIVE ANIMATION SYSTEM START */
.fade-in, .fade-up, .fade-down, .fade-right, .fade-left { will-change: transform, opacity; backface-visibility: hidden; transform-style: preserve-3d; }
.fade-in { opacity: 0; transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-in.active { opacity: 1; }
.fade-up { opacity: 0; transform: translate3d(0, 3.9474vw, 0); transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-up.active { opacity: 1; transform: translate3d(0, 0, 0); }
.fade-down { opacity: 0; transform: translate3d(0, -3.9474vw, 0); transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-down.active { opacity: 1; transform: translate3d(0, 0, 0); }
.fade-right { opacity: 0; transform: translate3d(-3.9474vw, 0, 0); transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-right.active { opacity: 1; transform: translate3d(0, 0, 0); }
.fade-left { opacity: 0; transform: translate3d(3.9474vw, 0, 0); transition: opacity 0.2s cubic-bezier(0.22, 1, 0.36, 1), transform 0.2s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-left.active { opacity: 1; transform: translate3d(0, 0, 0); }
.fade-up:nth-child(1), .fade-down:nth-child(1), .fade-right:nth-child(1), .fade-left:nth-child(1), .fade-in:nth-child(1) { transition-delay: 0s; }
.fade-up:nth-child(2), .fade-down:nth-child(2), .fade-right:nth-child(2), .fade-left:nth-child(2), .fade-in:nth-child(2) { transition-delay: 0.1s; }
.fade-up:nth-child(3), .fade-down:nth-child(3), .fade-right:nth-child(3), .fade-left:nth-child(3), .fade-in:nth-child(3) { transition-delay: 0.2s; }
.fade-up:nth-child(4), .fade-down:nth-child(4), .fade-right:nth-child(4), .fade-left:nth-child(4), .fade-in:nth-child(4) { transition-delay: 0.3s; }
.fade-up:nth-child(5), .fade-down:nth-child(5), .fade-right:nth-child(5), .fade-left:nth-child(5), .fade-in:nth-child(5) { transition-delay: 0.4s; }
.fade-up:nth-child(6), .fade-down:nth-child(6), .fade-right:nth-child(6), .fade-left:nth-child(6), .fade-in:nth-child(6) { transition-delay: 0.5s; }
.section-fade-up { opacity: 0; transform: translate3d(0, 2.6316vw, 0); transition: opacity 0.2s cubic-bezier(0.22, 1, 0.36, 1), transform 0.2s cubic-bezier(0.22, 1, 0.36, 1); }
.section-fade-up.active { opacity: 1; transform: translate3d(0, 0, 0); }
/* COMPREHENSIVE ANIMATION SYSTEM END */
}
@media screen and (max-width:1199px) {
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Light.woff2') format('woff2'), url('../fonts/Manrope-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Medium.woff2') format('woff2'), url('../fonts/Manrope-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Regular.woff2') format('woff2'), url('../fonts/Manrope-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-SemiBold.woff2') format('woff2'), url('../fonts/Manrope-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Bold.woff2') format('woff2'), url('../fonts/Manrope-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-ExtraBold.woff2') format('woff2'), url('../fonts/Manrope-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-ExtraLight.woff2') format('woff2'), url('../fonts/Manrope-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; }
* { padding: 0; margin: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { scroll-behavior: smooth; }
body { padding: 0; margin: 0; font-family: 'Manrope'; font-weight: 400; font-size: 20px; line-height: 100%; letter-spacing: 0; color: var(--text-color); scroll-behavior: smooth; transition: all 0.5s ease; background: var(--bg-color); }
/* common css start  */
:root {
    --text-color: #3F5C56;
    --Primary-color: #1B5E8C;
    --Primary-hover-color: #0F8885;
    --theme-bg-color: #0F8885;
    --white: #FFFFFF;
    --black: #000000;
    --border-radius: 10px;
    --bg-color: #EAFCF7;
}
.container { margin: 0 auto; max-width: 1470px; width: 100%; padding-left: 30px; padding-right: 30px; }
a { text-decoration: none; }
li { list-style: none; }
img { display: block; height: 100%; width: 100%; }
body { font-size: 1.3158vw; }
/* common css start  */
.container { margin: 0 auto; max-width: 96.7105vw; width: 100%; padding-left: 1.9737vw; padding-right: 1.9737vw; }
h1 { color: var(--white); font-weight: 400; font-size: 4.7368vw; line-height: 100%; letter-spacing: 0; margin-bottom: 2.6316vw; }
h2 { font-weight: 600; font-size: 3.9474vw; line-height: 120%; letter-spacing: 0; margin-bottom: 2.6316vw; color: var(--Primary-color); }
h3 { font-weight: 600; font-size: 3.2895vw; line-height: 120%; letter-spacing: 0; }
h4 { font-weight: 600; font-size: 2.6316vw; line-height: 120%; letter-spacing: 0; }
h5 { font-weight: 400; font-size: 2.3684vw; line-height: 100%; letter-spacing: 0; }
h6 { font-weight: 500; font-size: 1.9737vw; line-height: 120%; letter-spacing: 0; }
p { font-weight: 400; font-size: 1.3158vw; line-height: 135%; letter-spacing: 0; }
.btn-wrap { display: flex; gap: 1.9737vw; align-items: center; flex-wrap: wrap; }
.primary-btn { font-weight: 600; font-size: 1.3158vw; line-height: 100%; letter-spacing: 0; text-align: center; color: var(--white); padding: 1.3158vw 1.9737vw; background: var(--Primary-color); border: 0.0658vw solid var(--Primary-color); border-radius: 2.2368vw; display: inline-block; text-transform: capitalize; width: fit-content; transition: all 0.3s ease-in-out; position: relative; padding-right: 3.9474vw; }
.primary-btn:after { content: ""; width: 1.0526vw; height: 0.7895vw; display: block; background-image: url('../images/btn-arrow.svg'); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 1.9737vw; }
.primary-btn:hover { background-color: var(--Primary-hover-color); border: 0.0658vw solid var(--Primary-hover-color); }
.bottom-line-btn { font-weight: 600; font-size: 1.3158vw; line-height: 100%; letter-spacing: 0; color: var(--white); padding: 0.6579vw; transition: all 0.3s ease-in-out; position: relative; }
.bottom-line-btn:hover { color: #42D3AA; }
.bottom-line-btn:after { content: ""; width: 100%; height: 0.0658vw; display: block; background: var(--white); position: absolute; bottom: 0; left: 50%; transition: all 0.3s ease-in-out; transform: translateX(-50%) scale(1, 1); transform-origin: center; }
.bottom-line-btn:hover::after { transform: translateX(-50%) scale(0, 1); }
/* common css end */
/* header start */
header#main__header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; transition: transform 0.4s ease, background 0.3s ease; padding: 1.9737vw 0; }
#main__header.hide-header { transform: translateY(-100%); }
body:has(.banner-section) header { background: transparent; }
header#main__header.sticky-header, body:has(.banner-section) header#main__header.sticky-header { background: #074954; }
header .header { position: relative; }
header .logo, footer .logo { max-width: 11.8421vw; width: 100%; min-width: 7.2368vw; display: block; }
header .header .logo img { width: 100%; height: 100%; }
header .header-container { display: flex; align-items: center; gap: 1.9737vw; justify-content: space-between; }
header .header .main-nav { z-index: 3; display: flex; align-items: center; gap: 2.9605vw; }
header .main-nav .nav-list { display: flex; align-items: center; gap: 0.6579vw; }
header .nav-item { position: relative; transition: all 0.3s ease-in-out; padding: 0.6579vw; }
header .nav-item .nav-link { font-weight: 400; font-size: 1.3158vw; line-height: 100%; letter-spacing: 0%; text-decoration: none; color: var(--white); transition: all 0.3s ease-in-out; text-transform: capitalize; display: block; position: relative; }
header .nav-item .nav-link:after { content: ""; width: 100%; height: 0.0658vw; display: block; background: #42D3AA; position: absolute; bottom: -0.6579vw; left: 50%; transition: all 0.3s ease-in-out; transform: translateX(-50%) scale(0, 1); transform-origin: left; }
header .nav-item .nav-link:hover, header .nav-item.active .nav-link { color: #42D3AA; }
header .nav-item .nav-link:hover::after, header .nav-item.active .nav-link::after { transform: translateX(-50%) scale(1, 1); }
header .menu-toggle { display: none; }
/* header end */
/* banner-section start */
.banner-section { position: relative; overflow: hidden; }
.banner-section::after { content: ""; width: 100%; height: 21.8421vw; display: block; background: linear-gradient(180deg, #074954 28.01%, rgba(7, 73, 84, 0) 100%); position: absolute; top: 0; left: 0; z-index: 0; }
.banner-section::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--Primary-color); opacity: 0.3; z-index: 1; }
.banner-section .banner-bg { position: relative; width: 100%; height: 100%; }
.banner-section .banner-bg { min-height: 29.6053vw; padding-bottom: 100vh; }
.banner-section .banner-bg video, .banner-section .banner-bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; object-position: top; }
.banner-section .container { display: flex; align-items: center; height: 100%; width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 9; }
.banner-section .banner-cnt-wrap { width: 100%; position: relative; padding-top: 5%; }
.banner-section .banner-cnt-wrap .banner-bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.banner-section .banner-cnt-wrap .banner-cnt { max-width: 51.0526vw; text-align: start; }
.banner-section .banner-cnt-wrap .banner-cnt p { max-width: 32.3684vw; color: var(--white); }
.banner-section .banner-cnt-wrap .banner-cnt .btn-wrap { display: flex; align-items: center; gap: 1.9737vw; margin-top: 3.9474vw; }
.banner-section .banner-cnt-wrap .review-wrap { max-width: 15.5263vw; width: 100%; object-fit: contain; position: absolute; right: 0; bottom: 0; }
/* banner animation start  */
.banner-cnt h1, .banner-cnt p, .banner-cnt .btn-wrap, .review-wrap { opacity: 0; will-change: transform, opacity; backface-visibility: hidden; transform-style: preserve-3d; animation-duration: 1.4s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
.banner-cnt h1 { transform: translate3d(0, 5.2632vw, 0); animation-name: bannerFadeUp; animation-delay: 0.2s; }
.banner-cnt p { transform: translate3d(0, 5.2632vw, 0); animation-name: bannerFadeUp; animation-delay: 0.5s; }
.banner-cnt .btn-wrap { transform: translate3d(0, 5.2632vw, 0); animation-name: bannerFadeUp; animation-delay: 0.8s; }
.banner-section .review-wrap { transform: translate3d(5.2632vw, 0, 0) scale(0.9); animation-name: reviewReveal; animation-delay: 1.1s; }
/* TEXT FADE UP */
@keyframes bannerFadeUp {
0% { opacity: 0; transform: translate3d(0, 5.2632vw, 0); }
100% { opacity: 1; transform: translate3d(0, 0, 0); }
}
/* review-wrap REVEAL */
@keyframes reviewReveal {
0% { opacity: 0; transform: translate3d(5.2632vw, 0, 0) scale(0.9); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
/* banner-section end */
/* MARQUEE */
.info-marquee { width: 100%; overflow: hidden; background: var(--theme-bg-color); padding: 2.3026vw 0; position: relative; }
.info-marquee:hover { cursor: grabbing; }
.info-marquee .marquee-track { display: flex; width: max-content; animation: marqueeMove 20s linear infinite; }
.info-marquee .marquee-group { display: flex; align-items: center; flex-shrink: 0; }
.info-marquee .item { white-space: nowrap; padding: 0 4.6053vw; font-weight: 600; font-size: 1.5789vw; line-height: 100%; letter-spacing: 0%; color: var(--white); }
.info-marquee .dot { width: 0.3947vw; height: 0.3947vw; background: #fff; border-radius: 50%; flex-shrink: 0; }
.info-marquee:hover .marquee-track { animation-play-state: paused; }
@keyframes marqueeMove {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
/* TREATMENTS SECTION */
.treatments-section { padding: 7.8947vw 0; overflow: hidden; min-height: 100vh; display: flex; align-items: center; }
.treatments-section .treatments-wrapper { display: grid; grid-template-columns: 45.3289vw 1fr; gap: 4.2763vw; align-items: center; }
.section-subtitle { font-weight: 400; font-size: 1.5789vw; line-height: 138%; letter-spacing: 0; margin-bottom: 2.9605vw; color: var(--text-color); }
.treatments-section .section-title { margin-bottom: 2.6316vw; max-width: 47.3684vw; }
.treatments-section .section-title span { color: var(--theme-bg-color); }
.treatments-section .treatments-content p { color: var(--text-color); margin-bottom: 1.6447vw; }
.treatments-section .treatments-content p:last-child { margin-bottom: 0; }
.treatments-section .treatments-images { position: relative; width: 100%; }
.treatments-section .main-image { width: 100%; border-radius: var(--border-radius); overflow: hidden; opacity: 0; max-width: 28.2895vw; transform: translate3d(7.8947vw, 0, 0) scale(0.96); }
.treatments-section .main-image img { height: 100%; object-fit: cover; }
.treatments-section .main-image.active { animation: smoothImageReveal 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
@keyframes smoothImageReveal {
0% { opacity: 0; transform: translate3d(7.8947vw, 0, 0) scale(0.96); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
.treatments-section .floating-image { position: absolute; left: 46%; top: 58%; max-width: 16.3158vw; border-radius: var(--border-radius); overflow: hidden; opacity: 0; transform: translate3d(0, 5.2632vw, 0) scale(0.88); }
.treatments-section .floating-image img { width: 100%; height: 100%; object-fit: cover; }
/* ANIMATIONS */
.fade-up, .main-image, .floating-image { will-change: transform, opacity; backface-visibility: hidden; transform-style: preserve-3d; }
.fade-up { opacity: 0; transform: translate3d(0, 5.2632vw, 0); transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-up.active { opacity: 1; transform: translate3d(0, 0, 0); }
.fade-right.active { animation: imageReveal 1.3s ease forwards; }
@keyframes imageReveal {
0% { opacity: 0; transform: translateX(6.5789vw); }
100% { opacity: 1; transform: translateX(0); }
}
.treatments-section .floating-image.active { animation: smoothFloatingReveal 1.4s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
@keyframes smoothFloatingReveal {
0% { opacity: 0; transform: translate3d(0, 5.2632vw, 0) scale(0.88); }
100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
/* scroll-section stat  */
.scroll-section { width: 100%; }
.scroll-section .scroll-item { position: sticky; top: 0; height: 100vh; width: 100%; display: flex; overflow: hidden; background: var(--Primary-color); color: var(--white); box-shadow: 0 -3.2895vw 4.6711vw 0 #00000040; }
.scroll-section .content-left { width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; max-width: 48.3553vw; margin-left: auto; padding: 0 0 0 1.9737vw; }
.scroll-section .content-left .icon-wrap { max-width: 3.2895vw; max-height: 3.2895vw; width: 100%; height: auto; margin-bottom: 2.6316vw; }
.scroll-section .content-left .icon-wrap img { width: 100%; height: 100%; }
.scroll-section .content-left h3 { margin-bottom: 1.1184vw; color: var(--white); }
.scroll-section .content-left p { max-width: 26.3158vw; margin-bottom: 0.9868vw; }
.scroll-section .content-left h5 { color: var(--white); }
.scroll-section .content-left .learn-more-link { display: inline-block; color: var(--white); font-weight: 600; font-size: 1.3158vw; line-height: 100%; letter-spacing: 0; margin-top: 3.9474vw; padding-right: 2.6316vw; width: fit-content; position: relative; transition: all 0.3s ease-in-out; }
.scroll-section .content-left .learn-more-link::after { content: ""; width: 1.0526vw; height: 0.7895vw; display: block; background-image: url('../images/btn-arrow.svg'); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 0.2632vw; transition: all 0.3s ease-in-out; }
.scroll-section .content-left .learn-more-link:hover { color: #42D3AA; }
.scroll-section .content-left .learn-more-link:hover::after { right: 0; filter: brightness(0) saturate(100%) invert(84%) sepia(27%) saturate(541%) hue-rotate(104deg) brightness(92%) contrast(89%); }
.scroll-section .content-right { width: 50%; height: 100%; position: relative; }
.scroll-section .content-right img, .scroll-section .content-right * { width: 100%; height: 100%; object-fit: cover; }
.scroll-section .bg-watermark { position: absolute; bottom: 6.5%; left: 50%; transform: translateX(-50%); white-space: nowrap; pointer-events: none; z-index: 1; font-weight: 400; font-size: 13.1579vw; line-height: 120%; letter-spacing: 0; text-align: center; }
/* scroll section end */
/* our-story-section start  */
.our-story-section { position: relative; }
.our-story-section .story-hero { position: sticky; top: 0; z-index: 1; overflow: hidden; }
.our-story-section .story-hero img { width: 100%; display: block; object-fit: cover; height: 100vh; }
.our-story-section .story-card { background: var(--bg-color); padding: 6.3158vw 1.9737vw; border-top-left-radius: 1.3158vw; border-top-right-radius: 1.3158vw; position: relative; z-index: 2; margin-top: 0; }
.our-story-section .story-card h2 { margin-bottom: 2.1053vw; }
.our-story-section .story-description p { color: var(--text-color); margin-bottom: 0.9868vw; }
.our-story-section .story-description p:last-child { margin-bottom: 0; }
.our-story-section .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(13.1579vw, 1fr)); gap: 1.9737vw; margin-top: 3.9474vw; }
.our-story-section .stats-grid .stat-box { padding: 1.3158vw; border-radius: 0.6579vw; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(90deg, #0F8885 0%, #1B5E8C 100%); }
.our-story-section .stats-grid .stat-box .img-wrap { max-width: 6.5789vw; width: 100%; }
.our-story-section .stats-grid .stat-box .img-wrap img { width: 100%; height: 100%; mix-blend-mode: luminosity; }
.our-story-section .stats-grid .stat-box .text-cnt>* { color: var(--white); }
.our-story-section .stats-grid .stat-box .text-cnt p { margin-bottom: 0; }
/* our-story-section end  */
/* features-section start  */
.features-section { display: flex; min-height: 100vh; width: 100%; }
.features-section .left-cnt { max-width: 50%; width: 100%; z-index: 10; }
.features-section .img-wrap { position: sticky; top: 0; width: 100%; height: 100vh; }
.features-section .img-wrap img { object-fit: cover; width: 100%; height: 100%; }
.features-section .img-wrap .video-wrapper.left-cnt-media * { width: 100%; height: 100%; object-fit: cover; }
.features-section .img-wrap .video-wrapper.left-cnt-media { width: 100%; height: 100%; }
.features-section .img-wrap::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--Primary-color); z-index: 1; opacity: 0.3; }
.features-section .img-wrap .left-cnt-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.features-section .left-text-wrap { position: absolute; top: 6.5789vw; right: 0; z-index: 2; max-width: 48.3553vw; margin-left: auto; padding: 0 7.2368vw 0 1.9737vw; }
.features-section .section-subtitle { margin-bottom: 1.5132vw; color: var(--white); }
.features-section .main-title span { color: #42D3AA; }
.features-section .right-cnt { max-width: 50%; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; }
.features-section .features-content-list { list-style: none; padding: 6.5789vw 4.4737vw 3.2895vw; }
.features-section .item { position: relative; margin-bottom: 3.2895vw; padding-bottom: 3.2895vw; border-bottom: 0.0658vw solid var(--black); }
.features-section .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.features-section .features-content-list .number { font-weight: 300; font-size: 2.3684vw; line-height: 100%; letter-spacing: 0; color: var(--text-color); margin-bottom: 1.1184vw; display: block; }
.features-section .features-content-list h4 { color: var(--text-color); margin-bottom: 1.1184vw; }
.features-section .features-content-list p { color: var(--text-color); }
/* features-section end */
/* testimonial-section start  */
.testimonial-section { background-color: var(--theme-bg-color); color: var(--white); height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.testimonial-section .item { text-align: center; padding: 1.3158vw; }
.testimonial-section .rating-stars { max-width: 9.5395vw; width: 100%; margin-bottom: 3.2895vw; display: block; margin-left: auto; margin-right: auto; }
.testimonial-section .testimonial-text { margin: 0 auto 3.2895vw auto; max-width: 66.1184vw; font-weight: 400; }
.testimonial-section .testimonial-author { font-style: normal; font-size: 1.0526vw; opacity: 0.9; display: block; }
.testimonial-section .testimonial-author li { list-style: disc; width: fit-content; margin: 0 auto; font-weight: 400; font-size: 1.3158vw; line-height: 100%; letter-spacing: 0; }
.testimonial-section .testimonial-author li span { font-weight: 600; }
.testimonial-section .testimonial-carousel .owl-dots { margin-top: 6.5789vw; text-align: center; display: flex; justify-content: center; align-items: center; gap: 0.6579vw; }
.testimonial-section .testimonial-carousel .owl-dot span { background: var(--white) !important; width: 0.6579vw !important; height: 0.6579vw !important; display: block; transition: all 0.3s ease; border-radius: 0.3289vw; }
.testimonial-section .testimonial-carousel .owl-dot.active span { width: 2.6316vw !important; }
/* testimonial-section end  */
/* team-section start  */
.team-section { padding: 6.5789vw 0; }
.team-section .team-header { max-width: 55.5263vw; margin-bottom: 4.6053vw; }
.team-section .team-header .section-subtitle { display: block; }
.team-section .team-header .title { margin-bottom: 0; }
.team-section .team-item-wrap { display: flex; flex-wrap: wrap; column-gap: 3.6184vw; row-gap: 5.2632vw; margin-bottom: 2.6316vw; }
.team-section .team-card { display: flex; flex-direction: column; width: calc((100% - (2 * 3.6184vw)) / 3); }
.team-section .card-img-wrapper { position: relative; overflow: hidden; padding-bottom: 115%; width: 100%; }
.team-section .card-img-wrapper .member-img { position: absolute; width: 100%; height: 100%; display: block; z-index: 0; object-position: top; }
.team-section .card-img-wrapper .member-bg-img { position: absolute; left: 0; bottom: 0; width: 100%; height: 88%; z-index: -1; border-top-left-radius: 1.3158vw; border-top-right-radius: 1.3158vw; backdrop-filter: blur(1.9737vw); background: #D9D9D9; }
.team-section .card-img-wrapper::before { content: ""; width: 100%; height: 67%; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(234, 252, 247, 0) 0%, #EAFCF7 84.62%); z-index: 1; }
.team-section .card-img-wrapper img { width: 100%; height: auto; display: block; object-fit: cover; }
.team-section .card-content { padding: 1.3158vw; margin-top: -3.9474vw; position: relative; z-index: 1; }
.team-section .card-content>* { color: var(--text-color); }
.team-section .card-content h4 { margin-bottom: 0.3947vw; }
.team-section .card-content .role { margin-bottom: 1.1184vw; }
.team-section .card-content .details { font-weight: 400; font-size: 1.5789vw; line-height: 138%; letter-spacing: 0; }
.team-section .card-content .meta-text { margin-bottom: 0; }
.team-section .btn-wrap { text-align: center; margin-top: 1.3158vw; justify-content: center; }
/* team-section end  */
/* find-us-section start  */
.find-us-section { min-height: 100vh; overflow: hidden;}
.find-us-section .info-cnt-wrap { background: var(--Primary-color); color: var(--white); display: flex; height: 100vh; }
.find-us-section .info-cnt-wrap .right-cnt { max-width: 45.5%; width: 100%; overflow-x: hidden; }
.find-us-section .info-cnt-wrap .left-cnt { display: flex; align-items: center; max-width: 54.5%; width: 100%; }
.find-us-section .info-content { width: 100%; max-width: 48.355vw; max-width: 53.947vw; margin-left: auto; padding: 2.632vw 0 2.632vw 1.974vw; }
.find-us-section .info-cnt-wrap .left-cnt .section-subtitle { text-transform: capitalize; color: var(--white); }
.find-us-section .main-heading { margin: 0 0 3.2895vw 0; color: var(--white); }
.find-us-section .main-heading span { color: #42D3AA; }
.find-us-section .hours-card { max-width: 37.5vw; width: 100%; background: var(--white); border-radius: 1.3158vw; padding: 2.3026vw; margin-bottom: 2.6316vw; }
.find-us-section .hours-card h6 { color: var(--Primary-color); margin: 0 0 1.3158vw 0; font-weight: 600; }
.find-us-section .hours-list { list-style: none; padding: 0; margin: 0; }
.find-us-section .hours-list li { display: flex; justify-content: space-between; padding-bottom: 1.1842vw; margin-bottom: 1.1842vw; border-bottom: 0.0658vw solid rgba(0, 0, 0, 0.3); font-weight: 400; font-size: 1.3158vw; line-height: 135%; letter-spacing: 0; color: var(--text-color); }
.find-us-section .hours-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.find-us-section .contact-bottom p, .find-us-section .contact-bottom p a { color: var(--white); font-size: 1.5789vw; line-height: 140%; }
.find-us-section .phone-link, .find-us-section .email-link { transition: all 0.3s ease-in-out; }
.find-us-section .contact-details .phone-link { font-weight: 600; }
.find-us-section .phone-link:hover, .find-us-section .email-link:hover { color: #42D3AA; }
.find-us-section .map-column { width: 100%; min-height: 29.6053vw; height: 100%; }
.find-us-section .map-column iframe { display: block; width: 100%; height: 100%; object-fit: cover; }
/* find-us-section end  */
/* footer start  */
footer { padding: 5.9211vw 0 3.9474vw 0; background: var(--bg-color); }
footer .footer-top { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 5.9211vw; }
footer .footer-top .left-cnt { padding-right: 1.9737vw; }
footer .footer-top .right-cnt { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.9737vw; }
footer .logo { margin-bottom: 2.6316vw; max-width: 11.8421vw; min-width: 7.2368vw; display: block; width: 100%; grid-column: span 2; }
footer .logo img { height: auto; width: 100%; }
footer .footer-tagline { color: var(--Primary-color); margin-bottom: 2.6316vw; font-weight: 400; }
footer .footer-tagline span { color: var(--theme-bg-color); }
footer .footer-address p, footer .footer-address a { color: var(--text-color); font-size: 1.5789vw; line-height: 140%; }
footer .footer-address .phone-link { font-weight: 600; }
footer .footer-heading { color: var(--text-color); margin-bottom: 1.1184vw; }
footer .footer-nav { list-style: none; padding: 0; margin: 0; }
footer .footer-nav .nav-item:not(:last-child) { margin-bottom: 1.1184vw; }
footer .footer-nav .nav-link { font-weight: 400; font-size: 1.3158vw; line-height: 135%; letter-spacing: 0; color: var(--text-color); transition: color 0.2s ease; }
footer .footer-nav .nav-link:hover { color: var(--theme-bg-color); }
footer .footer-bottom { display: flex; border-top: 0.0658vw solid var(--black); padding-top: 3.2895vw; gap: 1.3158vw; justify-content: space-between; align-items: center; }
footer .copyright p { margin: 0; }
footer .bottom-links { list-style: none; padding: 0; margin: 0; display: flex; gap: 0.9868vw; }
footer .bottom-links .nav-link { color: var(--text-color); }
footer .bottom-links .nav-item+.nav-item::before { content: "|"; color: var(--text-color); margin-right: 0.9868vw; font-size: inherit; }
/* footer end  */
/* COMPREHENSIVE ANIMATION SYSTEM START */
.fade-in, .fade-up, .fade-down, .fade-right, .fade-left { will-change: transform, opacity; backface-visibility: hidden; transform-style: preserve-3d; }
.fade-in { opacity: 0; transition: opacity 1s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-in.active { opacity: 1; }
.fade-up { opacity: 0; transform: translate3d(0, 3.9474vw, 0); transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-up.active { opacity: 1; transform: translate3d(0, 0, 0); }
.fade-down { opacity: 0; transform: translate3d(0, -3.9474vw, 0); transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-down.active { opacity: 1; transform: translate3d(0, 0, 0); }
.fade-right { opacity: 0; transform: translate3d(-3.9474vw, 0, 0); transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-right.active { opacity: 1; transform: translate3d(0, 0, 0); }
.fade-left { opacity: 0; transform: translate3d(3.9474vw, 0, 0); transition: opacity 0.2s cubic-bezier(0.22, 1, 0.36, 1), transform 0.2s cubic-bezier(0.22, 1, 0.36, 1); }
.fade-left.active { opacity: 1; transform: translate3d(0, 0, 0); }
.fade-up:nth-child(1), .fade-down:nth-child(1), .fade-right:nth-child(1), .fade-left:nth-child(1), .fade-in:nth-child(1) { transition-delay: 0s; }
.fade-up:nth-child(2), .fade-down:nth-child(2), .fade-right:nth-child(2), .fade-left:nth-child(2), .fade-in:nth-child(2) { transition-delay: 0.1s; }
.fade-up:nth-child(3), .fade-down:nth-child(3), .fade-right:nth-child(3), .fade-left:nth-child(3), .fade-in:nth-child(3) { transition-delay: 0.2s; }
.fade-up:nth-child(4), .fade-down:nth-child(4), .fade-right:nth-child(4), .fade-left:nth-child(4), .fade-in:nth-child(4) { transition-delay: 0.3s; }
.fade-up:nth-child(5), .fade-down:nth-child(5), .fade-right:nth-child(5), .fade-left:nth-child(5), .fade-in:nth-child(5) { transition-delay: 0.4s; }
.fade-up:nth-child(6), .fade-down:nth-child(6), .fade-right:nth-child(6), .fade-left:nth-child(6), .fade-in:nth-child(6) { transition-delay: 0.5s; }
.section-fade-up { opacity: 0; transform: translate3d(0, 2.6316vw, 0); transition: opacity 0.2s cubic-bezier(0.22, 1, 0.36, 1), transform 0.2s cubic-bezier(0.22, 1, 0.36, 1); }
.section-fade-up.active { opacity: 1; transform: translate3d(0, 0, 0); }
/* COMPREHENSIVE ANIMATION SYSTEM END */
}