/* reset css */
*, :after, :before { box-sizing: border-box; padding: 0; margin: 0; border: none; outline: none; font-family: "Martel Sans", serif; }
img { max-width: 100%; }
ul, li { list-style: none; margin: 0; font-family: "Martel Sans", serif; }
a { text-decoration: none !important; display: inline-block; font-size: 16px; cursor: pointer; font-family: "Martel Sans", serif; font-weight: 600; color: #131313; }
select, input, textarea, button { width: 100%; border: none; outline: none; background: transparent; cursor: pointer; font-family: "Martel Sans", serif; font-size: 16px; }
select:focus, input:focus, textarea:focus, button:focus { border: none; outline: none; }
input::placeholder, textarea::placeholder { opacity: 1; color: #626262; font-family: "Martel Sans", serif; }
textarea { resize: none; font-family: "Martel Sans", serif; }
p { color: var(--p-color); font-size: 18px; margin: 15px 0; text-align: justify; font-family: "Martel Sans", serif; line-height: 1.4; }
iframe { width: 100%; height: 100%; border: none; }
body { font-family: "Martel Sans", serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Martel Sans", serif; line-height: 1.2; }
h1 { font-size: 48px; }
h2 { font-size: 60px; }
h3 { font-size: 40px; } 
h4 { font-size: 36px; }
h5 { font-size: 32px; }
h6 { font-size: 28px; }
h2.index-h2 { color: #24293e; text-align: center; font-weight: 600; }

/* reset css */

/* common css */
.wrapper { width: 100%; overflow: hidden; }
.fluid-container { width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 20px; }

/* common css */
.common-btn { display: flex; justify-content: center; align-items: center; }
.common-btn a, .common-btn button { display: flex; justify-content: center; align-items: center; gap: 10px; border: 2px solid #8593A0; padding: 10px 20px 5px; border-radius: 5px; background: #8593A0; color: #fff; }
.common-btn a span, .common-btn button span { display: flex; justify-content: center; align-items: center; transform: translateY(-2px); }
.common-btn a img, .common-btn button img { width: 100%; max-width: 20px; transform: rotate(-40deg); filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(173deg) brightness(113%) contrast(119%); }
.common-btn a:hover img, .common-btn button:hover img { animation: arrowMove 0.5s ease-in-out; }
@keyframes arrowMove {
	0% { transform: rotate(-40deg) translateX(0); }
	50% { transform: rotate(-40deg) translateX(10px); opacity: 0; }
	51% { transform: rotate(-40deg) translateX(-10px); opacity: 0; }
	100% { transform: rotate(-40deg) translateX(0); opacity: 1; }
}

/* Header */
header { position: fixed; left: 0; right: 0; margin: 20px auto 0; top: 0; z-index: 9; transition: .5s ease-in-out; }
.banner-wrapper { height: 100vh; }
.header-inner-wrapper { background: #ffffff36; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0px 40px; border-radius: 15px; width: 100%; max-width: 80%; margin: auto; backdrop-filter: blur(8px); }
.header-inner-wrapper::before { content: ''; position: absolute; border: 2px solid #8496A570; width: 100%; height: 100%; border-radius: 15px; left: 0; top: 0; z-index: 0; }
.nav-links { display: flex; justify-content: space-between; align-items: center; gap: 30px; width: 500px; }

/* .nav-links { display: flex; justify-content: flex-start; align-items: center; gap: 30px;  width: 100%;} */
.nav-links li a { font-size: 16px; color: #131313; padding: 35px 0px; position: relative; }
.header-inner-wrapper > a, .header-inner-wrapper > a img { width: 100%; max-width: 160px; display: flex; justify-content: center; align-items: center; transition: .5s ease-in-out; position: relative; }
.contact-links a { display: flex; justify-content: center; align-items: center; gap: 10px; border: 2px solid #8593A0; padding: 8px 20px 5px; border-radius: 10px; }
.contact-links a:last-child { background: #8696A3; color: #fff; }
.contact-links a img { width: 100%; max-width: 25px; transform: translateY(-3px); filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(173deg) brightness(113%) contrast(119%); }
.contact-links { display: flex; justify-content: flex-end; align-items: center; gap: 40px; width: 100%; position: relative; }
.contact-links a:first-child:hover { background: #8696A3; color: #fff; }
.contact-links a:last-child:hover { background: none; color: #131313; }
.contact-links a:last-child:hover img { filter: none; }

/* Header */

/* Scrolled Header */
header.scrolled-header { position: fixed; margin: 0; background: #fff; border-bottom: 2px solid #8496A570; }
header.scrolled-header .header-inner-wrapper { background: none; border: none; border-radius: 0; }
header.scrolled-header .header-inner-wrapper > a, header.scrolled-header .header-inner-wrapper > a img { max-width: 120px; }
header.scrolled-header .nav-links li a { padding: 20px 0px; }
header.scrolled-header .header-inner-wrapper::before { display: none; }

/* Scrolled Header */

/* Banner */
.banner-wrapper { height: 100vh; position: relative; display: flex; justify-content: center; align-items: flex-end; }
.banner-wrapper > span { display: flex; justify-content: center; align-items: flex-end; height: 80vh; position: relative; z-index: 1; }
.banner-wrapper > span img { width: 100%; max-width: 650px; height: 100%; object-fit: contain; object-position: bottom; }
.banner-wrapper::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 70%, rgb(255, 255, 255) 100%); z-index: 2; }
.banner-wrapper .scrolling-text-wrapper { position: absolute; top: 0; bottom: 0; margin: auto; height: 100px; }
.scrolling-text { animation: scroll-text 15s linear infinite; display: inline-block; white-space: nowrap; }
@keyframes scroll-text {
	0% { transform: translateX(100%); /* Start fully to the right */ }
	100% { transform: translateX(-100%); /* End fully to the left */ }
}
.scrolling-text span { color: transparent; font-size: 85px; -webkit-text-stroke: 1px #000000; font-family: "Poppins", sans-serif; text-align: center; line-height: 1; position: relative; bottom: 0; left: 0; right: 0; text-transform: capitalize; font-weight: 800; }

/* Banner */

/* Video Banner */
.video-banner { display: flex; justify-content: center; align-items: center; height: 100vh; }
.video-banner video { width: 100%; max-width: 100%; height: 100vh; object-fit: cover; /* Makes video cover the entire area */ }

/* Video Banner */

/* Welcome Section */

.why-mft-inner-wrapper { padding: 100px 0 60px;}
	.why-mft-inner-wrapper h1 { text-align: center; width: 100%; max-width: 1000px; margin: auto;  color: #24293e;}
	.why-mft-inner-wrapper p { text-align: center; width: 100%; max-width: 1400px; margin: 30px auto;}

/* Welcome Section */

/* Treatment that works */
.treatment-that-works-wrapper { padding: 60px 0; background: #f9f9f9; }
.treatment-that-works-main { display: flex; justify-content: center; align-items: flex-end; gap: 20px; margin: 20px 0; }
.treatment-that-works-inner-wrapper { width: 100%; max-width: 1360px; margin: auto; padding: 40px 0 0; }
.treatment-that-works-main span { display: flex; justify-content: center; align-items: center; position: relative; border-radius: 10px; overflow: hidden; }
.key-treatment { position: relative; }
.key-treatment p { position: absolute; visibility: hidden; opacity: 0; transition: none; position: absolute; background: #8595A4; color: #fff; width: 100%; max-width: fit-content; padding: 10px 20px 8px; border-radius: 30px; font-size: 20px; font-weight: 600; border: 5px solid #fff; }
.key-treatment:hover p { visibility: visible; opacity: 1; transition: opacity .8s ease-in-out, visibility .8s ease-in-out; }
.treatment-that-works-main:first-child .key-treatment:nth-child(1), .treatment-that-works-main:first-child .key-treatment:nth-child(1) span img { width: 100%; max-width: 500px; height: 250px; }
.treatment-that-works-main:first-child .key-treatment:nth-child(2), .treatment-that-works-main:first-child .key-treatment:nth-child(2) span img { width: 100%; max-width: 300px; height: 300px; }
.treatment-that-works-main:first-child .key-treatment:nth-child(3), .treatment-that-works-main:first-child .key-treatment:nth-child(3) span img { width: 100%; max-width: 300px; height: 300px; bottom: -100px; }
.treatment-that-works-main:first-child .key-treatment:nth-child(1):hover p { left: -20px; top: -40px; background: #50656C; }
.treatment-that-works-main:first-child .key-treatment:nth-child(2):hover p { right: -20px; top: -40px; background: #D5DDE3; color: #131313; }
.treatment-that-works-main:first-child .key-treatment:nth-child(3):hover p { left: 0; top: -30px; right: 0; }
.treatment-that-works-main:last-child { justify-content: flex-start; align-items: flex-start; }
.treatment-that-works-main:last-child .key-treatment:nth-child(1), .treatment-that-works-main:last-child .key-treatment:nth-child(1) span img { width: 100%; max-width: 300px; height: 250px; }
.treatment-that-works-main:last-child .key-treatment:nth-child(2), .treatment-that-works-main:last-child .key-treatment:nth-child(2) span img { width: 100%; max-width: 300px; height: 300px; }
.treatment-that-works-main:last-child .key-treatment:nth-child(3), .treatment-that-works-main:last-child .key-treatment:nth-child(3) span img { width: 100%; max-width: 500px; height: 350px; position: relative; }
.treatment-that-works-main:last-child .key-treatment:nth-child(1):hover p { left: -20px; top: -40px; background: #D5DDE3; color: #131313; }
.treatment-that-works-main:last-child .key-treatment:nth-child(2):hover p { right: -20px; top: -40px; }
.treatment-that-works-main:last-child .key-treatment:nth-child(3):hover p { top: -25px; right: -35px; background: #50656C; }
.key-treatment span img { object-fit: cover; border-radius: 10px; transition: 1s ease-in-out; }
.key-treatment span:hover img { transform: scale(1.1); transition: 1s ease-in-out; }

/* Treatment that works */

/* Solutions We Offer */
.solutions-we-have-wrapper { padding: 60px 0; }
.solutions-we-have-inner-wrapper { display: flex; justify-content: center; align-items: stretch; gap: 20px; width: 100%; max-width: 1480px; margin: auto; }
.solutions-we-have { width: 100%; max-width: 350px; position: relative; }
.solutions-we-have span { display: flex; justify-content: center; align-items: center; width: 100%; border-radius: 10px; overflow: hidden; }
.solutions-we-have > span img { width: 100%; height: 500px; object-fit: cover; border-radius: 10px; transition: 1s ease-in-out; }
.solutions-we-have > p { background: #F3EFEC; position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; width: 100%; max-width: 95%; border-radius: 10px; display: flex; justify-content: center; align-items: center; padding: 10px; border: 2px solid #8593A05C; }
.solutions-we-have > a { position: absolute; top: 20px; right: 20px; background: #8696a3; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 30px; padding: 10px; }
.solutions-we-have > a span img, .solutions-we-have > a span:last-child { width: 100%; max-width: 30px; }
.solutions-we-have > a span img { transform: rotate(-40deg); filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(173deg) brightness(113%) contrast(119%); }
.solutions-we-have:hover > span img { transform: scale(1.1); transition: 1s ease-in-out; }
.solutions-we-have:hover a span { display: flex; justify-content: center; }
.solutions-we-have a span:first-child { display: none; }
.solutions-we-have:hover a span:first-child { display: block; color: #fff; white-space: nowrap; }
.solutions-we-have:hover a { width: 100%; max-width: 150px; transition: 2s ease-in-out; }
.solutions-we-have > a:hover { backdrop-filter: blur(8px); background: none; border: 1px solid #e7e7e786; }
.solutions-we-have:hover > a span img { max-width: 20px; }
.solutions-we-have > a:hover span img { animation: arrowMove .5s ease-in-out; }
.owl-carousel.solutions-we-have-inner-wrapper .owl-item { display: flex; justify-content: center; align-items: center; }
.owl-carousel.solutions-we-have-inner-wrapper .owl-item:nth-child(2n + 1) { transform: translateY(-50px); }
.owl-carousel.solutions-we-have-inner-wrapper .owl-stage { padding: 100px 0 60px; }
.owl-carousel.solutions-we-have-inner-wrapper .owl-dots { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; gap: 15px; }
.owl-carousel.solutions-we-have-inner-wrapper .owl-dots .owl-dot { width: 16px; height: 16px; background: #8696a38c; border-radius: 50%; }
.owl-carousel.solutions-we-have-inner-wrapper .owl-dots .owl-dot.active { width: 20px; height: 20px; background: #8696a3; }

/* Solutions We Offer */

/* CTA */
.cta-wrapper { padding: 60px 0; position: relative; }
.cta-inner-wrapper { position: relative; }
.cta-wrapper::before { content: ''; position: absolute; background: #243D69CC; width: 100%; height: 100%; left: 0; top: 0; }
.cta-inner-wrapper p { color: #fff; text-align: center; font-size: 36px; width: 100%; max-width: 1200px; margin: 0 auto 30px auto; }

/* CTA */

/* Our Products */
.our-products-wrapper { position: relative; overflow: hidden; height: 100vh; }
.our-products-wrapper::before { content: ''; position: absolute; background: #293656c4; width: 100%; height: 100%; top: 0; left: 0; }
.our-products-inner-wrapper { display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative; }
.our-products-content { width: 100%; max-width: 50%; }
.our-products-content h2 { color: #fff; text-align: left; }
.our-products-content p { color: #fff; text-align: left; }
.our-products-content .common-btn { justify-content: flex-start; }
.products-list-main { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; max-width: 600px; height: 100vh; }
.product-detail { width: 100%; max-width: 50%; position: relative; border: 1px solid #fff; height: 300px; background: #1f3865; }

/* For #395da1: Targeting 2, 3, 6, 7 */
.product-detail:nth-child(4n + 2), .product-detail:nth-child(4n + 3) { background: #2654995e; }

/* For #1f3865: Targeting 4, 5, 8 */
.product-detail:nth-child(4n + 4), .product-detail:nth-child(4n + 5) { background: #1f37659a; }
.products-scroll-wrapper { width: 100%; max-width: 600px; overflow: hidden; }
.product-detail > span:first-child { display: flex; justify-content: center; align-items: center; height: 100%; position: absolute; left: 0; right: 0; margin: auto; }
.product-detail span img { width: 100%; height: 100%; }
.product-detail span img { width: 100%; max-width: 30px; height: 30px; object-fit: cover; visibility: hidden; transition: .5s ease-in-out; }
.product-detail:hover span img { visibility: visible; transition: .5s ease-in-out; max-width: 300px; height: 300px; }
.product-detail .no { position: absolute; color: #ffffffbf; left: 15px; top: 0; font-size: 52px; font-weight: bolder; }
.product-detail p { position: absolute; margin: 0; bottom: 15px; text-align: left; color: #fff; font-size: 24px; left: 15px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }
.product-detail > span { display: flex; justify-content: center; align-items: center; }
.product-detail:nth-child(4n + 2) span img, .product-detail:nth-child(4n + 3) span img { visibility: visible; width: 100%; max-width: 100%; height: 100%; }

/* Our Products */

/* Our Doctors */
.our-doctors-wrapper { padding: 100px 0; position: relative; }
.our-doctors { display: flex; justify-content: center; align-items: center; gap: 30px; padding: 40px 0 0; }
.doctor-detail { width: 100%; max-width: 300px; }
.doctor-detail span { display: flex; justify-content: center; align-items: center; border-radius: 30px; overflow: hidden; padding: 0 0 20px; }
.doctor-detail span img { width: 100%; max-width: 300px; border-radius: 30px; transition: 1s ease-in-out; }
.doctor-detail:hover span img { border-radius: 50%; transition: 1s ease-in-out; }
.doctor-detail p { margin: 0; text-align: center; font-weight: 600; }
.doctor-detail .designation { color: #97a1aa; }
.our-doctors.owl-carousel .owl-item { display: flex; justify-content: center; }
.our-doctors.owl-carousel .owl-dots { display: none; }
.our-blogs-wrapper .fluid-container > h2 { display: none; }
.owl-carousel.our-doctors { position: relative; padding-bottom: 50px; }
.owl-carousel.our-doctors .owl-dots { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; gap: 15px; }
.owl-carousel.our-doctors .owl-dots .owl-dot { width: 16px; height: 16px; padding: 0; margin: 0; background: #8696a38c; border-radius: 50%; border: none; transition: all 0.3s ease; }
.owl-carousel.our-doctors .owl-dots .owl-dot span { display: none; }
.owl-carousel.our-doctors .owl-dots .owl-dot.active { width: 20px; height: 20px; background: #8696a3; }

/* Our Doctors */

/* Our Blogs */
.our-blogs-wrapper { position: relative; padding: 20px 0 60px 0; }
.our-blogs-inner-wrapper { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 90%; margin: auto; }
.our-blog { width: 100%; max-width: 400px; padding: 10px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin: 10px; background: #fff; }
.our-blog p { text-align: center; padding: 0 10px; }
.our-blogs-inner-wrapper.owl-carousel .owl-item { display: flex; justify-content: center; align-items: center; }
.our-blog-text p:nth-child(2n) { color: #8696a3; }
.our-blog-text { gap: 20px; white-space: nowrap; overflow: hidden; width: 100%; position: absolute; bottom: 0; top: 0; margin: auto; display: flex; justify-content: center; align-items: center; left: 0; }
.our-blog-text p { font-size: 90px; font-weight: 600; animation: scrollText 20s linear infinite; }
.our-blog span, .our-blog span img { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; border-radius: 10px; overflow: hidden; transition: 1s ease-in-out; }
.our-blog:hover span img { transform: scale(1.1); transition: 1s ease-in-out; }
.our-blogs-inner-wrapper.owl-carousel .owl-dots { display: none; }
@keyframes scrollText {
	from { transform: translateX(100%); }
	to { transform: translateX(-100%); }
}

/* Our Blogs */

/* Testimonials */
.swiper.mySwiper { position: relative; height: 450px; }
.swiper.mySwiper.pacakges-slider { position: relative; }
.swiper { width: 100%; max-width: 600px; margin-left: 150px !important; }
.testimonials-inner-wrapper h2 { text-align: left; padding: 0 0 40px; }
.testimonials-wrapper { padding: 60px 0 40px; }
.testimonials-main { background: #2F354C; padding: 40px; border-radius: 30px; position: relative; }
.testimonials-main::before { content: ''; position: absolute; background: url(../images/mobile.png) no-repeat top right/contain; width: 100%; height: 100%; max-width: 400px; right: 200px; top: -200px; }
.testimonial-details { display: flex; justify-content: center; align-items: center; gap: 20px; padding: 20px 0; width: 100%; max-width: 600px; }
.testimonial-details span { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 150px; }
.testimonial-details span img { width: 100%; max-width: 150px; height: 150px; border-radius: 50%; }
.testimonial-details h3 { color: #fff; font-size: 22px; }
.testimonial-details p { color: #fff; font-size: 16px; text-align: left; margin: 5px 0 0; }
.testimonials-content { padding: 40px 0; }
.scoreboard-wrap { display: flex; justify-content: space-evenly; align-items: flex-start; gap: 20px; border-top: 2px solid #ffffff70; padding: 40px 0 0; }
.scoreboard-wrap > div { width: 100%; max-width: 300px; display: flex; justify-content: center; align-items: center; gap: 20px; }
.plus { color: #8793a5; font-weight: 700; font-size: 40px; }
.run-letter-div > span { color: #fff; font-size: 40px; }

/* Testimonials */

/* Footer */
.footer-wrapper { background: #24293e; }
.footer-top { display: flex; justify-content: center; align-items: center; gap: 20px; display: none; }
.footer-top p { color: #fff; font-size: 34px; margin: 0; }
.footer-top a { display: flex; justify-content: center; align-items: center; color: #fff; gap: 5px; font-size: 20px; border-bottom: 1px solid #fff; }
.footer-top a img { width: 100%; max-width: 25px; transform: translateY(-3px); filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(173deg) brightness(113%) contrast(119%); }
.footer-inner-wrapper > a { display: flex; justify-content: center; align-items: center; padding: 0 0 40px 0; }
.footer-inner-wrapper > a img { width: 100%; max-width: 250px; }
.footer-inner-wrapper { padding: 40px 0; }
.footer-content { border-top: 1px solid #ffffffa8; padding: 40px 0 0; width: 100%; max-width: 1000px; margin: auto; }
.footer-content p { color: #fff; text-align: center; width: 100%; max-width: 1000px; margin: auto; font-size: 16px; }
.footer-nav { display: flex; justify-content: center; align-items: center; gap: 20px; padding: 30px 0; }
.footer-nav a { color: #fff; font-size: 16px; }
.contact-links-footer { display: flex; justify-content: center; align-items: center; gap: 60px; }
.contact-links-footer a { display: flex; justify-content: center; align-items: center; gap: 10px; color: #fff; }
.contact-links-footer a img { width: 100%; max-width: 25px; filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(173deg) brightness(113%) contrast(119%); transform: translateY(-3px); }
.copyrights-wrapper { background: #8595A4; }
.copyrights { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; gap: 5px 20px; flex-wrap: wrap; }
.copyrights p, .copyrights a { font-size: 12px; margin: 0; color: #fff; text-align: center; }

/* Footer */

/* go to top */
#to-top { cursor: pointer; position: fixed; bottom: 10px; right: 10px; z-index: 9; padding: 6px; background: #ffffff45; clip-path: polygon(10.50% -1px, 100% 20%, 97.25% 89.52%, 3px 64.69%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
#to-top img { width: 100%; max-width: 20px; object-fit: contain; transform: translateX(4px); }

/* go to top */
.youtube-link > span { background: #fff; position: relative; border-radius: 50%; }
.youtube-link span::before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; box-shadow: 0 0 #ffffffa3, 0 0 32px #ffffff82; animation: ripples 2s linear infinite; animation-play-state: running; transition: 0.5s; opacity: 1; visibility: visible; transform: scale(1); width: 100%; max-width: 30px; height: 30px; margin: auto; z-index: 0; }
@keyframes ripples {
	to { box-shadow: 0 0 0 32px #ffffff25, 0 0 0 64px #ffffff25; }
}
.before-and-after-treatment-inner-wrapper { display: flex; justify-content: center; align-items: center; gap: 20px; padding: 60px 0 0; }
.before-after-main:last-child { display: none; }
.before-and-after-treatment-main .run-letter-div { width: 100%; max-width: 200px; background: #D5DDE3; border-radius: 50%; height: 200px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 5px; margin: auto; }
.before-and-after-treatment-main .plus, .before-and-after-treatment-main span { display: flex; justify-content: center; align-items: center; color: #131313; text-align: center; line-height: 1.2; position: relative; }
.before-and-after-treatment-main .run-letter-div > span { font-size: 20px; }
.plus > span { font-size: 38px; }
.before-and-after-treatment-wrapper { padding: 100px 0; }
.youtube-link { display: flex; justify-content: center; align-items: center; height: 750px; position: relative; }
.youtube-link::before { content: ''; position: absolute; background: #0000008c; width: 100%; height: 100%; left: 0; top: 0; border-radius: 15px; }
.before-and-after-treatment-main { width: 100%; max-width: 300px; border-radius: 15px; position: relative; }
.youtube-link span img { width: 100%; max-width: 50px; }
.before-after-main { position: relative; margin: 20px 0; height: 100%; }
.before-after-main span img { width: 100%; max-width: 300px; height: 100%; border-radius: 15px; object-fit: cover; }
.before-after-main p { position: absolute; background: #000000a3; color: #fff; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; padding: 10px; border-radius: 0 0 15px 15px; }
.before-after-main > span { height: 100%; }
.before-and-after-treatment-main:nth-child(2) .before-after-transition:first-child { height: 360px; }
.before-and-after-treatment-main:nth-child(2) .before-after-transition:last-child { height: 250px; }
.before-and-after-treatment-main:nth-child(4) .before-after-transition:last-child { height: 360px; }
.before-and-after-treatment-main:nth-child(4) .before-after-transition:first-child { height: 250px; }
.before-and-after-treatment-main:first-child, .before-and-after-treatment-main:last-child { max-width: 250px; }
.before-and-after-treatment-main:first-child .before-after-main img, .before-and-after-treatment-main:last-child .before-after-main img { width: 100%; max-width: 250px; height: 250px; object-fit: cover; }
.before-and-after-treatment-main:last-child > a { width: 100%; max-width: 150px; height: 150px; display: flex; justify-content: center; align-items: center; background: #51646C; color: #fff; border-radius: 50%; margin: auto; position: relative; font-size: 22px; font-weight: 600; }
.before-and-after-treatment-main:last-child > a::before { content: ''; position: absolute; width: 104%; height: 104%; border: 2px dashed #51646C; border-radius: 50%; top: 1px; left: -3px; right: 0; bottom: 0; margin: auto; }
.before-and-after-treatment-main:last-child .run-letter-div { background: #8595A4; }
.before-and-after-treatment-main:last-child .run-letter-div .plus, .before-and-after-treatment-main:last-child .run-letter-div span { color: #fff; }
.before-after-transition:hover .before-after-main:first-child { display: none; }
.before-after-transition:hover .before-after-main:last-child { display: block; }
.grtyoutube-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; }
.grtyoutube-popup-content { margin-top: 40px; width: 95%; max-width: 850px; margin-left: auto; margin-right: auto; position: relative; }
.grtyoutube-popup-close { position: absolute; top: -30px; right: 0; color: #fff; font-size: 25px; width: 17px; background: #fff; height: 17px; cursor: pointer; }
.grtyoutube-iframe { width: 100%; height: 480px; }
@media (max-width:767px) {
	.grtyoutube-iframe { width: 100%; height: 350px; }
}
.grtyoutube-dark-theme { background: rgba(0, 0, 0, .85); }
.grtyoutube-dark-theme .grtyoutube-popup-close { background: url(../images/icons/close.webp) no-repeat; background-color: #fff; height: 20px; width: 20px; background-size: contain; position: absolute; top: 0; }
.grtyoutube-light-theme { background: rgba(255, 255, 255, .85); }
.grtyoutube-light-theme .grtyoutube-popup-content { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4); box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4); }
.grtyoutube-light-theme .grtyoutube-popup-close { background: url(icon-close-black.webp) no-repeat; }
.nav-links li:hover .megamenu-wrapper { opacity: 1; visibility: visible; }

/* .megamenu-wrapper {position: absolute;width: 100%;opacity: 0;visibility: hidden;top: 103px;transition: all .2s ease-in-out;left: 0;z-index: -1; right: 0; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;background-color: #fff;border-bottom: 4px solid #11429f;  padding: 20px; max-width: 300px;} */
.megamenu-wrapper { position: absolute; top: 94%; left: 0; right: auto; width: max-content; min-width: 280px; max-width: 350px; padding: 15px 20px; margin: 0; background: #fff; border-bottom: 4px solid #11429f; box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0; opacity: 0; visibility: hidden; pointer-events: none; z-index: 9999; transform: translateY(5px); transition: all .2s ease-in-out; box-sizing: border-box; }
.megamenu-wrapper article { width: 100%; position: relative; padding: 20px; max-width: fit-content; min-width: 300px; }
article.each-news-container > ul li { transition: all .3s ease-in-out; line-height: initial; }
article.each-news-container > ul li > a { padding: 5px 0 !important; font-size: 14px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dotted rgba(255, 255, 255, 0.637); transition: all .3s ease-in-out; color: #131313; }
article.each-news-container > ul li:last-child > a { border-bottom: none; }
.each-news-container ul li a:hover, .each-news-container ul li a.act-link { padding-left: 10px !important; }
.each-news-container ul li a::before, .each-news-container ul li a.act-link::before { content: ''; position: absolute; background: #f72020; width: 0px; height: 0px; border-radius: 50%; left: 0; top: 0; bottom: 0; margin: auto; transition: .3s ease-in-out; }
.each-news-container ul li a:hover::before, .each-news-container ul li a.act-link::before { width: 5px; height: 5px; transition: .3s ease-in-out; top: -3px; }
.nav-links > li { position: relative; }
.nav-links > li > a::before, .nav-links > li > a.act-link::before { content: ''; position: absolute; background: #f72020; width: 0px; height: 0px; border-radius: 50%; left: 0; right: 0; bottom: 30px; margin: auto; transition: .3s ease-in-out; }
.nav-links > li:hover > a::before, .nav-links > li > a.act-link::before { width: 5px; height: 5px; transition: .3s ease-in-out; }
header.scrolled-header .nav-links > li > a::before, header.scrolled-header .nav-links > li > a.act-link::before { bottom: 15px; }
.header-inner-wrapper > ul.nav-links:nth-of-type(2) > li:last-child > a { display: flex; justify-content: center; align-items: center; gap: 10px; width: 175px; min-width: 175px; height: 46px; padding: 8px 20px 5px !important; box-sizing: border-box; border: 2px solid #8593A0; border-radius: 10px; background: #8696A3; color: #fff !important; font-size: 16px; white-space: nowrap; }
.header-inner-wrapper > ul.nav-links:nth-of-type(2) > li:last-child > a::before { display: none !important; }
.header-inner-wrapper > ul.nav-links:nth-of-type(2) > li:last-child > a img { display: block !important; width: 25px !important; max-width: 25px !important; min-width: 25px !important; height: 25px !important; max-height: 25px !important; object-fit: contain; margin: 0 !important; transform: translateY(-1px) !important; filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(173deg) brightness(113%) contrast(119%); }
.header-inner-wrapper > ul.nav-links:nth-of-type(2) > li:last-child > a:hover { background: #51646C; color: #fff !important; }
.header-inner-wrapper > ul.nav-links:nth-of-type(2) { display: flex; align-items: center; justify-content: space-between; gap: 25px; width: 500px; }
article.additional-links-container h3 { font-size: 20px; text-transform: capitalize; padding: 5px 20px 5px; background: #f8b048; color: #fff; }
article.additional-links-container ul { margin-top: 10px; }
article.additional-links-container ul li a { padding: 10px 5px; display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px dotted rgba(255, 255, 255, 0.637); color: #fff; }
article.additional-links-container ul li:last-child a { border-bottom: none; }
article.additional-links-container ul li a span { display: block; margin-right: 10px; }
.each-news-container > span { display: flex; justify-content: center; align-items: center; height: 100%; }
.each-news-container > span img { width: 100%; height: 100%; object-position: bottom; object-fit: contain; max-width: 300px; }
header.scrolled-header .main-container-top { display: none; }
.megamenu-wrapper article:nth-child(4)::before { display: none; }
.each-news-container h3 { font-size: 20px; color: #11429f; border-bottom: 2px solid #11429f; width: 100%; margin: 0 0 10px; }
.each-news-container:last-child { padding: 0 !important; }

/* .megamenu-wrapper::before {content: ''; position: absolute; background: #fff; width: 2000%; height: 140%; left: -1000%; right: 0; top: -40%; z-index: -9;  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} */
.nav-links li a.act-link, .nav-links li:hover > a { color: #f72020; }
.nav-links > li:hover > .megamenu-wrapper { opacity: 1; visibility: visible; pointer-events: auto; }
header.scrolled-header .megamenu-wrapper::before { height: 100%; top: 0; }
header.scrolled-header .megamenu-wrapper { top: 70px; }
.products-links { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; max-width: 380px; }
.products-links li { width: 100%; max-width: fit-content; min-width: 180px; }

/* Mega Menu */

/* Contact Us */
.ip-contact-us-wrapper { padding: 100px 0; }
.ip-contact-links-main { display: flex; justify-content: center; align-items: stretch; gap: 20px; }
.ip-contact-link { width: 100%; max-width: 400px; position: relative; padding: 15px; background: #24293e; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.ip-contact-link:hover::before { opacity: .05; transform: translateX(0); transition: 1s ease-in-out; }
.ip-contact-link:hover > span::before { width: 20px; height: 20px; transition: 1s ease-in-out; opacity: .5; }
.ip-contact-link span { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; max-width: 30px; height: 30px; }
.ip-contact-link span::before { content: ''; position: absolute; background: #727f8c; width: 0%; height: 0%; border-radius: 50%; z-index: 0; bottom: 0; right: 0; opacity: .05; transition: 1s ease-in-out; }
.ip-contact-link span img { width: 100%; max-width: 30px; filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(173deg) brightness(113%) contrast(119%); }
.ip-contact-link a { color: #fff; padding: 10px 0 0; position: relative; }

/* .ip-contact-link:nth-child(2) {background: #c5cfd9;}
.ip-contact-link:nth-child(2) span img {filter: none;  z-index: 1;}
.ip-contact-link:nth-child(2) a {color: #131313;} */
.ip-contact-link::before { content: ''; position: absolute; background: url(../images/icons/call.png) no-repeat center center/contain; width: 100%; height: 100%; max-width: 90px; opacity: 0; right: 15px; bottom: 0; filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(173deg) brightness(113%) contrast(119%); transform: translateX(45px); transition: 1s ease-in-out; }
.ip-contact-link:nth-child(2)::before { background: url(../images/icons/mail.png) no-repeat center center/contain; }
.ip-contact-link:nth-child(3)::before { background: url(../images/icons/location.png) no-repeat center center/contain; }

/* Form */
.index-form { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; width: 100%; max-width: 1200px; padding: 40px 0 0; }
.input-wrapper { position: relative; margin-bottom: 20px; width: 48%; border-bottom: 1px solid #fff; }

/* Form */

/* Lable Animation */
.user-box input, .user-box-readonly input, .user-box select { width: 100%; padding: 20px 0 10px 0; font-size: 16px; border: none; outline: none; background: transparent; position: relative; color: #fff; }
.user-box textarea { width: 100%; margin: 20px 0 10px 0; font-size: 16px; border: none; outline: none; background: transparent; position: relative; height: 35px; color: #fff; }
.user-box label, .user-box-readonly label { position: absolute; top: 0; left: 0; padding: 10px 0; font-size: 16px; color: #fff; pointer-events: none; transition: .5s; }
.user-box-readonly label { top: -15px; }
.banner-details-right .user-box-readonly label { color: var(--blue); top: -15px; }
.user-box-readonly select { padding: 20px 0 10px; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; /* Override background color */ transition: background-color 5000s ease-in-out 0s; /* Ensure background transition overrides autofill */ background-clip: content-box !important; /* Keeps styling consistent */ }
input:-webkit-autofill { -webkit-text-fill-color: #fff !important; /* Text color inside autofilled input */ }
form.index-page input:-webkit-autofill { -webkit-text-fill-color: #fff !important; /* Text color inside autofilled input */ }
.input-color input:-webkit-autofill { -webkit-text-fill-color: #fff !important; }

/* Lable Animation */
.contact-form { display: flex; justify-content: center; align-items: center; padding: 60px 0 0; }
.contact-form > span { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 600px; position: relative; }
.contact-form > span::before { content: ''; position: absolute; background: #000; width: 100%; height: 100%; top: 0; left: 0; border-radius: 10px; opacity: .5; }
.contact-form > span img { width: 100%; max-width: 600px; height: 600px; object-fit: cover; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.contact-form > span p { position: absolute; color: #fff; font-size: 26px; text-align: center; padding: 10px; }
.ip-contact-form-main { background: #24293e; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 60px 40px; }
.ip-contact-form-main > h2 { color: #fff; text-align: center; }
.map-iframe { display: flex; }
.map-iframe iframe { height: 450px; }
.ip-contact-link a:hover::before { width: 10px; height: 10px; transition: .3s ease-in-out; bottom: -5px; }
.ip-contact-link a::before { content: ''; position: absolute; width: 0px; height: 0px; background: #fff; border-radius: 50%; bottom: 0px; left: 0; right: 0; margin: auto; transition: .3s ease-in-out; }

/* Contact Us */

/*  Resp menu css  */
html.hc-nav-yscroll { overflow-y: scroll; }
.desk-resp-ham { display: none; }
.desk-resp-ham ul.toggle-desk { position: absolute; cursor: pointer; width: 30px; right: 20px; bottom: 0; margin: auto; top: 0; height: 25px; }
.desk-resp-ham ul.toggle-desk li { transform: translateY(-50%); list-style: none; display: block; position: absolute; left: 0; height: 2px; right: 0; margin: 0 auto; width: 30px; opacity: 1; background: #fff; transition: all .25s ease; }
.desk-resp-ham ul.toggle-desk li:nth-of-type(1) { top: 20%; }
.desk-resp-ham ul.toggle-desk li:nth-of-type(2) { top: 50%; }
.desk-resp-ham ul.toggle-desk li:nth-of-type(3) { top: 80%; }
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) { top: 50%; transform: translateY(-50%) rotate(45deg); }
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) { transform: translateY(-50%) rotate(45deg); opacity: 0; }
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) { top: 50%; transform: translateY(-50%) rotate(-45deg); }
.inner-desk-ham { display: flex; }
.desk-resp-ham .sidebar { position: fixed; top: 0; left: -350px; width: 270px; box-sizing: border-box; text-align: center; transition: .9s; z-index: 9; overflow: scroll; overflow-x: hidden; background: #24293e; }
.desk-resp-ham .sidebar::before { content: ''; position: absolute; background: #24293e; top: 0; left: 0; bottom: 0; }
.desk-resp-ham .sidebar::-webkit-scrollbar { display: none; }
.desk-resp-ham .sidebar.active { left: -20px; box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637); top: -25px; bottom: 0; }
.desk-resp-ham .sidebar.active > span, .desk-resp-ham .sidebar.active > a { width: 100%; background: #24293e; display: flex; justify-content: center; align-items: center; padding: 20px 10px; position: relative; }
.desk-resp-ham .sidebar img { width: 100%; max-width: 150px; }
.desk-resp-ham .sidebar ul.menu { position: relative; text-align: center; width: 100%; display: flex; flex-direction: column; gap: 0; margin: 0; }
.desk-resp-ham .sidebar ul.menu li { list-style: none; width: 100%; cursor: pointer; }
.nav-dropdown li a { padding: 10px 0 10px 35px !important; }
.nav-dropdown li a::before { content: ''; position: absolute; left: 2px; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); top: -2px; bottom: 0; margin: auto; left: 20px; }
.nav-dropdown li a:hover { background: #fff; color: #24293e !important; }
.nav-dropdown li a:hover::before, .desk-resp-ham .sidebar ul.menu > li a.act-link::before { border-right: 2px solid #fff !important; border-bottom: 2px solid #fff !important; }
.desk-resp-ham .sidebar ul.menu > li:hover > span, .desk-resp-ham .sidebar ul.menu > li a:hover, .desk-resp-ham .sidebar ul.menu > li a.act-link, .desk-resp-ham .sidebar ul.menu li span.act-link { background: #8595a4; color: #fff !important; }
.desk-resp-ham .sidebar ul.menu li span, .desk-resp-ham .sidebar ul.menu li a { display: flex; gap: 5px; align-items: center; border-bottom: 1px dotted #c9c9c9; position: relative; text-transform: capitalize; color: #fff; width: 100%; max-width: 100%; justify-content: space-between; display: flex; padding: 15px 20px 15px 20px; font-size: 16px; text-align: left; }
.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link { left: 0; }
.nav-dropdown-1 { background: #718d67; border-top: 3px solid #fff; }
.nav-dropdown li.act-link a, .nav-dropdown li a:hover a, .desk-resp-ham .sidebar ul.menu > li > a.act-link a { color: #fff !important; }
.nav-dropdown li a.act-link, .nav-dropdown li a:hover, .desk-resp-ham .sidebar ul.menu > li > a.act-link a { color: #fff !important; }
.desk-resp-ham .sidebar ul.menu li a i { position: relative; bottom: -2px; font-size: 16px; }
.desk-resp-ham .sidebar ul.social-icon { position: relative; margin-top: 10%; width: 100%; height: 55px; display: flex; justify-content: center; }
.desk-resp-ham .sidebar ul.social-icon li a { text-decoration: none; display: flex; justify-content: center; gap: 0; width: 100%; height: 100%; position: relative; color: #111b30; border-radius: 50%; font-size: 25px; }
.nav-dropdown { display: flex; flex-direction: column; gap: 0px !important; background: #8595a442; }
.nav-dropdown li a { font-size: 15px !important; }
.desk-resp-ham .sidebar ul.social-icon li:hover a { color: #fff; }
.desk-resp-ham .sidebar ul.social-icon a .fa { line-height: 55px; }
.desk-resp-ham .sidebar ul.menu li > span.dropdown-span img { width: 100%; max-width: 15px; filter: invert(100%) sepia(13%) saturate(7449%) hue-rotate(173deg) brightness(113%) contrast(119%); transform: rotate(-90deg); transition: 1s ease-in-out; }
.desk-resp-ham .sidebar ul.menu li:hover > span.dropdown-span img { transform: rotate(0deg); transition: 1s ease-in-out; }
header.scrolled-header .desk-resp-ham ul.toggle-desk li { background: #8696a3; }
.section-new { width: 100%; background: #000; opacity: 0; pointer-events: none; transition: all .9s ease; }
.section-new.act-section { transition: all 1s ease; opacity: .6; position: fixed; pointer-events: visible; top: 0; z-index: 0; height: 100%; }

/*  Resp menu css  */

/* Prajwal CSS */
:root { --darkblue: #2B3045; --blue: #00314F; --grey: #8595A4; --light-blue: #1D48BC; }

/* cover recover */
.cover-recover-main-wrapper { padding: 60px 0; }
.cover-recover-inner-wrapper h1 { text-align: center; }
.cover-recover-wrapper { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: stretch; gap: 40px; }
.cover-recover-img { width: 100%; max-width: 500px; }
.cover-recover-img img { width: 100%; max-width: 500px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.cover-recover-content { width: 100%; max-width: 500px; height: 500px; background: var(--darkblue); padding: 20px 40px 0; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.cover-recover-content p { line-height: 2; font-size: 20px; color: #fff; text-align: start; }
.hpg-main-wrapper { padding: 60px 0; }
.hpg-inner-wrapper h2 { text-align: center; }
.hpg-list { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 40px; position: relative; flex-wrap: wrap; padding-top: 40px; }
.hpg-items { width: 100%; max-width: 170px; height: 170px; border-radius: 100%; display: flex; justify-content: center; align-items: center; background: var(--darkblue); margin: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; position: relative; }
.hpg-items::before { position: absolute; content: ""; width: 100%; max-width: 200px; height: 3px; background: var(--darkblue); top: 0; bottom: 0; right: -88px; margin: auto 0; z-index: -1; }
.hpg-list .hpg-items:last-child:before, .hpg-list .hpg-items:nth-child(6):before, .hpg-list .hpg-items:nth-child(12):before { display: none; }
.hpg-content { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }
.hpg-content p { width: 100%; max-width: 1200px; text-align: center; }
.hpg-items p { color: #fff; font-size: 22px; }
.key-benefits-main-wrapper { padding: 60px 0; background: var(--darkblue); }
.key-benefits-inner-wrapper h2 { text-align: center; color: #fff; padding-bottom: 20px; }
.key-benfits-list { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 60px; }

/* .hpg-list::before {position: absolute;content: "";width: 100%;max-width: 60%;height: 1px;background: var(--darkblue);top: 0;bottom: 0;margin: auto 0;z-index: -1;} */
.key-benfits-list ul li { font-size: 20px; padding: 5px 0; color: #fff; position: relative; padding-left: 20px; }
.key-benfits-list ul li::before { position: absolute; content: ""; width: 8px; height: 8px; background: #fff; border-radius: 100%; top: 19px; left: 0; }
.cta-main-wrapper { padding: 60px 0; }
.cta-main-wrapper .fluid-container { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.cta-main-wrapper .fluid-container p { width: 100%; max-width: 900px; text-align: center; font-size: 24px; }

/* cover recover */

/* products common design */
.product-cm-deisgn-1-mnr { padding: 60px 0; }
.product-cm-heading { width: 100%; max-width: 100%; text-align: center; position: relative; }
.product-cm-heading span { font-size: 120px; color: #00000014; font-weight: 700; text-transform: uppercase; }
.product-cm-heading h2 { text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 26px; }
.cm-heding-adj .product-cm-heading h2 { bottom: 45px !important; }
.product-cm-design-card { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 60px; }
.product-cm-design-card-img { width: 100%; max-width: 500px; }
.product-cm-design-card-img img { width: 100%; max-width: 500px; height: 700px; object-fit: cover; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.product-cm-design-card-content { width: 100%; max-width: 600px; }
.product-cm-design-item { width: 100%; max-width: 600px; position: relative; background: var(--blue); padding: 20px 20px 20px 40px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin: 20px 0; border: solid 1px var(--grey); }
.product-cm-design-item::before { position: absolute; content: ""; width: 100%; max-width: 40px; height: 40px; background: #92a6ba; top: 0; bottom: 0; left: -19px; border-radius: 100%; margin: auto 0; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.product-cm-design-item span { font-size: 22px; color: #fff; font-weight: 600; }
.product-cm-design-item p { color: #fff; margin: 0; font-size: 16px; text-align: start; }
.product-cm-design-2-mnr { background: url(../images/products-common-bg.jpg) no-repeat center center/cover; padding: 80px 0; margin: 60px 0 30px; position: relative; }
.product-cm-design-2-mnr::before { position: absolute; content: ""; width: 100%; max-width: 400px; height: 500px; object-fit: cover; background: url(../images/hyla-active-bg.png) no-repeat center center/cover; right: 0; bottom: 0; z-index: 2; }
.product-cm-design-2-mnr::after { position: absolute; top: 0; content: ""; width: 100%; max-width: 100%; height: 100%; background: linear-gradient(180deg, #1f91d729 50%, #1f71a63b 50%); }
.product-cm-design-2-content { width: 100%; max-width: 1000px; }
.product-cm-design-2-content h2 { color: #ffff; font-size: 28px !important; }
.product-cm-design-2-content p { color: #fff; line-height: 1.8; text-align: start; }

/* products common design */

/* Hyla Active */
.why-you-love-mnr { padding: 60px 0; }
.why-you-love-inr h2 { text-align: center; padding-bottom: 40px; }
.why-you-love-cards { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 40px; }
.why-you-love-card { width: 100%; max-width: 600px; background: var(--darkblue); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; position: relative; }
.why-you-love-card-heading { width: 100%; max-width: 100%; display: flex; justify-content: space-between; align-items: center; position: relative; border-bottom: solid 2px #fff; padding: 20px 20px 0 40px; }
.why-you-love-card-content { padding: 20px 40px; }
.why-you-love-card-heading span { font-size: 36px; color: #92a6ba61; font-weight: 900; }
.why-you-love-card-heading h3 { font-size: 19px; color: #fff; font-weight: 700; width: 100%; }
.why-you-love-card-content h4 { font-size: 18px; color: #fff; }
.why-you-love-card-content p { font-size: 16px; color: #fff; margin: 5px 0 0; font-weight: 300; }
.why-you-love-card .why-you-love-card-content:last-child { padding: 0 40px 20px; }

/* Hyla Active */

/* Antioxidant Cocktail */
.why-choose-cocktail-mnr { padding: 60px 0; }
.why-choose-cocktail-inr h2 { text-align: center; }
.why-choose-cocktail-content { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }
.why-choose-cocktail-content p { width: 100%; max-width: 1300px; text-align: center; }
.performance-igd-cocktail-mnr { padding: 60px 0 30px; }
.performance-igd-cocktail-inr h2 { text-align: center; }
.performance-igd-cocktail-list { width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 60px; padding-top: 80px; }
.perforamance-igd-cocktail-item { width: 100%; max-width: 320px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px; margin: 20px 0 40px; border: solid 1px #80808073; }
.perforamance-item-heading { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; position: relative; }
.perforamance-item-heading h3 { font-size: 16px; text-align: center; width: 100%; max-width: 200px; background: var(--blue); padding: 15px 20px; color: #fff; position: absolute; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.perforamance-igd-cocktail-item p { padding: 40px 20px; text-align: center; margin: 15px 0 0; line-height: 1.7; font-size: 16px; }
.performance-igd-cocktail-list .perforamance-igd-cocktail-item:nth-child(2n) { transform: translateY(30px) !important; }
.font-reduce span { font-size: 90px !important; }
.product-cm-heading h1 { bottom: 67px; }
.font-btn .product-cm-heading h1 { bottom: 46px; }

/* Antioxidant Cocktail */

/* Britelight */
.bl-benefits-main-wrapper { padding: 60px 0; }
.bl-benefits-inner-wrapper h2 { text-align: center; }
.bl-benefits-wrapper-list { width: 100%; max-width: 100%; position: relative; }
.bl-benefits-list { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: stretch; gap: 280px; }
.bl-benefits-wrapper-list .bl-benefits-list:first-child .bl-benefits-card:nth-child(2) .bl-benefits-num { left: -41px; right: unset; }
.bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card:first-child .bl-benefits-num { right: -41px; left: unset; }
.bl-benefits-wrapper-list::before { position: absolute; content: ""; width: 100%; max-width: 80px; height: 80px; background: var(--darkblue); left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 100%; }
.bl-benefits-card::before { position: absolute; content: ""; width: 100%; max-width: 119px; height: 2px; background: var(--darkblue); right: -136px; top: 0; bottom: -155px; margin: auto; transform: rotate(45deg); }
.bl-benefits-wrapper-list .bl-benefits-list:first-child .bl-benefits-card:last-child::before { left: -134px; right: unset; transform: rotate(130deg); }
.bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card:first-child::before { right: -146px; left: unset; transform: rotate(130deg); }
.bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card:first-child::before { right: -133px; left: unset; top: 18px; bottom: unset; transform: rotate(134deg); }
.bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card:last-child::before { right: unset; left: -135px; top: 16px; bottom: unset; transform: rotate(47deg); }
.bl-benefits-card::after { position: absolute; content: ""; width: 10px; height: 10px; background: var(--darkblue); right: -122px; bottom: -27px; margin: auto 0; border-radius: 100%; }
.bl-benefits-card h3 { position: relative; width: 100%; max-width: 100%; }
.bl-benefits-card h3::before { position: absolute; content: ""; width: 10px; height: 10px; background: var(--darkblue); right: -83px; bottom: -67px; margin: auto 0; border-radius: 100%; }
.bl-benefits-wrapper-list .bl-benefits-list:first-child .bl-benefits-card:last-child h3::before { bottom: unset; top: 82px; right: unset; left: -82px; }
.bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card:last-child h3::before { bottom: unset; top: 12px; right: unset; left: -82px; }
.bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card:first-child h3::before { bottom: unset; top: -66px; right: -158px; left: unset; }
.bl-benefits-wrapper-list .bl-benefits-list:first-child .bl-benefits-card:last-child::after { top: unset; bottom: -30px; right: unset; left: -115px; }
.bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card:first-child::after { right: -39px; left: unset; left: unset; top: -100px; }
.bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card:last-child::after { right: unset; top: -29px; bottom: unset; left: -118px; }
.bl-benefits-card h3 { font-size: 26px; }
.bl-benefits-card { width: 100%; max-width: 600px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 40px; margin: 60px 0; border-radius: 18px; border: solid 1px var(--light-blue); position: relative; }
.bl-benefits-card h3 { font-size: 26px; }
.bl-benefits-wrapper-list .bl-benefits-list:first-child .bl-benefits-card h3, .bl-benefits-wrapper-list .bl-benefits-list:first-child .bl-benefits-card p, .bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card h3, .bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card p { text-align: end; }
.bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card:last-child h3, .bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card:last-child p { text-align: start; }
.bl-benefits-wrapper-list .bl-benefits-list:first-child .bl-benefits-card:last-child p, .bl-benefits-wrapper-list .bl-benefits-list:first-child .bl-benefits-card:last-child h3 { text-align: start; }
.bl-benefits-num { width: 100%; display: flex; max-width: 80px; height: 80px; background: var(--light-blue); color: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; right: -46px; top: 0; bottom: 0; margin: auto 0; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.bl-benefits-num p { font-size: 24px !important; }
.bl-benefits-wrapper-list .bl-benefits-list:last-child .bl-benefits-card .bl-benefits-num { right: unset; left: -46px; }
.powerful-performance-mnr { padding: 60px 0; background: var(--darkblue); }
.powerful-perforamance-inr h2 { text-align: center; color: #fff; }
.powerful-perforamance-inr p { text-align: center; color: #fff; }
.powerful-perforamance-list { margin: auto; padding-top: 40px; width: 100%; max-width: 1440px; display: flex; justify-content: flex-start; align-items: stretch; gap: 70px; flex-wrap: wrap; }
.powerful-perforamance-card { width: 100%; max-width: 47%; padding-right: 20px; border-right: solid 4px #ffffff9c; }
.powerful-perforamance-card h3 { text-align: end; font-size: 26px; color: #fff; }
.powerful-perforamance-card p { text-align: end; color: #fff; font-weight: 200; margin: 10px 0 15px; }
.powerful-perforamance-list .powerful-perforamance-card:nth-child(2n) h3, .powerful-perforamance-list .powerful-perforamance-card:nth-child(2n) p { text-align: start; }
.powerful-perforamance-list .powerful-perforamance-card:nth-child(2n) { border-left: solid 4px #ffffff9c; border-right: unset; padding-right: unset; padding-left: 20px; }
.powerful-sub-heading { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }
.powerful-sub-heading p { width: 100%; max-width: 900px; text-align: center; }

/* Britelight */

/* vitamin-rich-repair */
.what-causes-main-wrapper { padding: 60px 0; }
.what-causes-inner-wrapper h2 { text-align: center; padding-bottom: 25px; }
.what-causes-list { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: stretch; gap: 30px; flex-wrap: wrap; padding-top: 40px; position: relative; margin-bottom: 60px; }
.what-causes-list::before { position: absolute; content: ""; width: 100%; max-width: 90px; height: 108%; background: var(--darkblue); border-radius: 15px; left: 0; right: 0; top: -4px; margin: 0 auto; z-index: -1; }
.what-causes-card { width: 100%; max-width: 600px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px 30px; border-radius: 15px; background: #E9F8FF; }
.what-causes-card h3 { font-size: 22px; color: var(--darkblue); text-align: end; }
.what-causes-card p { text-align: end; margin: 4px 0 0; }
.what-causes-list .what-causes-card:nth-child(2n) h3, .what-causes-list .what-causes-card:nth-child(2n) p { text-align: start; }
.what-causes-list .what-causes-card:last-child h3, .what-causes-list .what-causes-card:last-child p { text-align: center; }
.what-causes-sub-heading { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }
.what-causes-sub-heading p { font-size: 22px; font-weight: 600; width: 100%; max-width: 900px; text-align: center; margin: 0 0 15px; }

/* vitamin-rich-repair */

/* mg-collection */
.mg-collection-main-wrapper { padding: 60px 0; }
.mg-collection-wrapper { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: flex-start; gap: 30px; }
.mg-collection-img { width: 100%; max-width: 600px; }
.mg-collection-img img { width: 100%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.mg-collection-content { width: 100%; max-width: 650px; height: 400px; background: var(--darkblue); color: #fff; padding: 20px 40px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.mg-collection-content p { line-height: 1.6; }
.mg-collection-benefits-mnr { padding: 60px 0; }
.mg-collections-benefits-inr h2 { text-align: center; }
.mg-collections-benefits-list { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: stretch; gap: 40px; padding-top: 40px; flex-wrap: wrap; }
.mg-collections-benefits-card { width: 100%; max-width: 400px; background: #f9f9f9; padding: 20px 40px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: solid 1px var(--light-blue); }
.mg-collections-benefits-card h3 { font-size: 22px; text-align: center; border-bottom: solid 2px #000; padding-bottom: 10px; position: relative; }
.mg-collections-benefits-card h3::before { width: 100%; max-width: 10px; height: 10px; border-radius: 100%; position: absolute; content: ""; left: 0; bottom: -6px; background: var(--light-blue); }
.mg-collections-benefits-card h3::after { width: 100%; max-width: 10px; height: 10px; border-radius: 100%; position: absolute; content: ""; right: 0; bottom: -6px; background: var(--light-blue); }
.mg-collections-benefits-card p { text-align: center; }
.mg-collections-benefits-card ul li { font-weight: 400; }
.mg-collections-benefits-card ul li { position: relative; padding-left: 20px; }
.mg-collections-benefits-card ul li::before { position: absolute; content: ""; width: 100%; max-width: 6px; height: 6px; border-radius: 100%; background: #fff; top: 10px; left: 0; }

/* MG Collections */
.course-main-wrapper { padding: 60px 0 0; position: relative; }
.tab-wrapper { position: relative; }
.tab-wrapper h2 { text-align: center; }
.course-inner-wrapper { width: 100%; max-width: 100%; display: flex; justify-content: space-evenly; align-items: center; }
.course-card { padding: 30px 0; width: 100%; max-width: 235px; background: #013E75; border: solid 1px #ffffff5c; border-radius: 8px; }
.course-card span img { width: 100%; max-width: 120px; border-bottom: solid 1px #ffffff5c; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); padding-bottom: 5px; }
.course-card span { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }
.course-card p { text-align: center; position: relative; color: var(--yellow); text-transform: uppercase; font-weight: 600; font-size: 22px; margin: 15px 0 0; }
.gsmk-tabination .tab-wrapper { text-align: center; display: block; margin: auto; width: 100% !important; max-width: 1390px !important; margin: 0 auto !important; }
.gsmk-tabination .tabs { margin: 0; padding: 10px 0 0; display: flex; justify-content: center; white-space: nowrap; gap: 25px; }
.gsmk-tabination .tab-link { margin: 10px 0; list-style: none; padding: 12px 45px; color: #fff; cursor: pointer; transition: all 0.3s ease-in-out; border-bottom: solid 3px rgba(255, 255, 255, 0); letter-spacing: 1px; font: 18px "Myriad Pro", Verdana, sans-serif; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 8px; background: var(--darkblue); }
.gsmk-tabination .tab-link:hover { box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); border-bottom: solid 3px #fff; transform: translateY(-2px); }
.gsmk-tabination .tab-link.active { color: #fff; background: #8593A0; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); }
.gsmk-tabination .content-wrapper { padding: 30px 0 20px; }
.gsmk-tabination .tab-content { display: none; color: #555; font-weight: 300; font-size: 16px; line-height: 1.6; transform: translateY(15px); animation: fadeIn 0.5s ease forwards; }
.gsmk-tabination .tab-content.active { display: block; opacity: 1; }
.mg-collection-main-used-wrapper { padding: 60px 0; }
.mg-collection-used-wrapper { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: flex-start; gap: 30px; padding: 20px 0 120px; }
.mg-collection-used-img { width: 100%; max-width: 600px; }
.mg-collection-used-img img { width: 100%; max-width: 600px; height: 400px; object-fit: cover; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.mg-collection-used-content { width: 100%; max-width: 650px; height: 400px; background: var(--darkblue); color: #fff; padding: 20px 40px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.mg-collection-used-content p { line-height: 1.6; }
.mg-collection-used-content ul li { color: #fff; padding: 5px 0; position: relative; padding-left: 20px; }
.mg-collection-used-content ul li::before { position: absolute; content: ""; width: 100%; max-width: 10px; height: 10px; background: #fff; left: 0; top: 11px; border-radius: 100%; }
.tab-in-content h3 { text-align: center; }
.d1-sub-heading { text-align: center; margin: 0 0 15px; }
.mg-d1-mnr { padding: 80px 0; background: #F4F4F4; }
.mg-collection-main-d1-wrapper { padding: 60px 0; }
.mg-collection-d1-wrapper { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 30px; }
.mg-collection-d1-img { width: 100%; max-width: 500px; }
.mg-collection-d1-img img { width: 100%; max-width: 500px; height: 400px; object-fit: cover; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.mg-collection-d1-content { width: 100%; max-width: 520px; }
.mg-collection-d1-content p { line-height: 1.6; }
.mg-collection-d1-content h4 { font-size: 26px; font-weight: 700; color: #000; }
.mg-collection-d1-content h5 { font-size: 21px; }
.mg-d1-list { padding-top: 40px; width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 60px; }
.mg-d1-card { width: 100%; max-width: 250px; height: 250px; background: #8593A0; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 40px 20px; border: solid 2px #00314f59; }
.mg-d1-card p { color: #fff; text-align: center; }
.h2-sub p { font-size: 28px; font-weight: 600; }
.tab-content .powerful-performance-mnr { margin: 0; }

/* MG Collections */

/* Scars */
.scras-mnr { padding: 60px 0; }
.scars-inr { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: flex-start; }
.scars-img { width: 100%; max-width: 600px; position: relative; }
.scars-img::before { position: absolute; content: ""; width: 100%; max-width: 550px; height: 550px; border: solid 5px #fff; left: 0; right: 0; bottom: 0; top: 0; margin: auto; }
.scars-img img { width: 100%; max-width: 600px; height: 600px; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.scars-content { width: 100%; max-width: 600px; height: 600px; background: #8595A4; padding: 40px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.scars-content h2 { color: #fff; }
.scars-content p { line-height: 1.5; color: #fff; }
.types-of-scars-inr-sub-heading { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }
.types-of-scars-inr-sub-heading p { width: 100%; max-width: 1200px; font-size: 22px; text-align: center; }
.types-of-scars-mnr { padding: 60px 0; }
.types-of-scars-inr h2 { text-align: center; }
.types-of-scars-card { width: 100%; max-width: 100%; display: flex; align-items: center; justify-content: center; gap: 45px; padding: 50px 0; }
.types-of-scars-img { width: 100%; max-width: 550px; position: relative; }
.types-of-scars-img::before { position: absolute; content: ""; width: 100%; max-width: 530px; height: 530px; border: solid 2px var(--grey); left: 0px; right: 0; margin: auto; top: -15px; border-radius: 100%; }
.types-of-scars-img span img, .one-millifarc-circle-image img { width: 100%; max-width: 500px; border-radius: 100%; border: solid 2px var(--light-blue); }
.types-of-scars-img span { position: relative; width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }

/* .types-of-scars-img span::before {position: absolute;content: "";width: 100%;max-width: 20px;height: 20px;background: var(--light-blue);border-radius: 100%;bottom: 26px;right: 111px;} */
.types-of-scars-img span::after { position: absolute; content: ""; width: 100%; max-width: 20px; height: 20px; background: var(--light-blue); border-radius: 100%; top: 24px; left: 111px; }
.types-of-scars-img span::before { position: absolute; content: ""; width: 100%; max-width: 20px; height: 20px; background: var(--light-blue); border-radius: 100%; top: 0; right: 0; animation: moonOrbit 20s linear infinite; bottom: 0; left: 0; margin: auto; }

/* Reduced the axis of rotation by decreasing translateX */
@keyframes moonOrbit {
	0% { transform: rotate(0deg) translateX(265px) rotate(0deg); border-radius: 50%; }
	100% { transform: rotate(360deg) translateX(265px) rotate(-360deg); border-radius: 50%; }
}
@keyframes moonOrbitOpposite {
	0% { transform: rotate(180deg) translateX(265px) rotate(0deg); border-radius: 50%; }
	100% { transform: rotate(540deg) translateX(265px) rotate(-360deg); border-radius: 50%; }
}
.types-of-scars-img span::after { position: absolute; content: ""; width: 100%; max-width: 20px; height: 20px; background: var(--light-blue); border-radius: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; animation: moonOrbitOpposite 20s linear infinite; }
.types-of-scars-content { width: 100%; max-width: 600px; }
.types-of-scars-content p { margin: 0 0 15px; font-weight: 300; }
.types-of-scars-list { padding-top: 20px; }
.types-of-scars-content { margin: 10px 0 15px; }
.types-of-scars-content h3 { font-size: 28px; position: relative; padding-bottom: 10px; }
.types-of-scars-sub-content h4::before { content: ""; position: absolute; width: 100%; max-width: 10px; height: 10px; background: var(--grey); top: 6px; left: -22px; transform: rotate(45deg); }
.types-of-scars-list .types-of-scars-card:nth-child(2n) .types-of-scars-sub-content h4::before { left: unset; right: -24px; }
.types-of-scars-sub-content h4 { font-size: 22px !important; position: relative; }
.types-of-scars-list .types-of-scars-card:nth-child(2n) { flex-direction: row-reverse; gap: 70px; }
.types-of-scars-list .types-of-scars-card:nth-child(2n) .types-of-scars-content h3, .types-of-scars-list .types-of-scars-card:nth-child(2n) .types-of-scars-content p, .types-of-scars-list .types-of-scars-card:nth-child(2n) .types-of-scars-sub-content h4 { text-align: end; }
.scars-bft .performance-igd-cocktail-list .perforamance-igd-cocktail-item:nth-child(2n) { transform: unset !important; }
.scars-bft .perforamance-igd-cocktail-item { background-color: #E9F8FF; }
.scars-bft .perforamance-igd-cocktail-item { max-width: 430px; }
.why-choose-mft-mnr { padding: 60px 0 0; }
.why-choose-mft-inr { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: flex-end; gap: 70px; }
.why-choose-mft-img { width: 100%; max-width: 500px; height: 600px; }
.why-choose-mft-img img { width: 100%; max-width: 500px; height: 600px; object-fit: cover; z-index: 1; position: relative; }
.why-choose-mft-content { width: 100%; max-width: 700px; }
.why-choose-mft-content h2 { font-size: 32px; padding-bottom: 25px; }
.why-choose-mft-sub-content { border-left: solid 4px #8595A4; padding-left: 15px; position: relative; }
.why-choose-mft-sub-content::before { position: absolute; content: ""; width: 100%; max-width: 100px; height: 1px; background: linear-gradient(90deg, #fff 3%, #8595A4 96%); left: -100px; top: 0; bottom: 0; margin: auto 0; transform: rotate(-10deg); z-index: -1; }
.why-choose-mft-content .why-choose-mft-sub-content:nth-child(3)::before { transform: rotate(-30deg); }
.why-choose-mft-content .why-choose-mft-sub-content:nth-child(3)::before { transform: rotate(0deg); }
.why-choose-mft-content .why-choose-mft-sub-content:nth-child(4)::before, .why-choose-mft-content .why-choose-mft-sub-content:nth-child(5)::before { transform: rotate(10deg); }
.why-choose-mft-content .why-choose-mft-sub-content:nth-child(6)::before { transform: rotate(31deg); top: -10px; bottom: unset; left: -95px; }
.why-choose-mft-sub-content h3 { font-size: 22px; font-weight: 600; }
.why-choose-mft-sub-content p { margin: 5px 0 20px; font-weight: 300; }

/* Scars */

/* rosacea */
.risk-of-rosacea-mnr { padding: 60px 0; background: #F6F6F8; }
.risk-of-rosacea-inr h2 { text-align: center; padding-bottom: 40px; }
.risk-of-rosacea-list { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 40px; }
.risk-of-rosacea-card { width: 100%; max-width: 270px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px; border-radius: 15px; border: solid 1px #80808073; }
.risk-of-rosacea-sub-hedaing { position: relative; width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }
.risk-of-rosacea-sub-hedaing h3 { position: absolute; width: 85px; height: 85px; border-radius: 100%; background: var(--darkblue); display: flex; justify-content: center; align-items: center; font-size: 17px; color: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.risk-of-rosacea-card p { margin: 50px 0 0; text-align: center; font-size: 16px; }
.symptoms-rosacea-mnr { padding: 110px 0 50px; }
.symptoms-rosacea-inr { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: flex-start; }
.symptoms-rosacea-img { width: 100%; max-width: 600px; }
.symptoms-rosacea-img img { width: 100%; max-width: 600px; height: 700px; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.symptoms-rosacea-content { width: 100%; max-width: 700px; height: 700px; background: #00314F; padding: 40px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.symptoms-rosacea-sub-content { position: relative; }
.symptoms-rosacea-sub-content::before { position: absolute; content: ""; width: 100%; max-width: 30px; height: 30px; background: #5DAAF0; border-radius: 100%; top: 0; bottom: 0; margin: auto 0; left: -56px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.symptoms-rosacea-sub-content::after { position: absolute; content: ""; width: 3px; height: 100%; background: #5DAAF0; left: -41px; top: 53px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.symptoms-rosacea-content .symptoms-rosacea-sub-content:last-child::after { display: none; }
.symptoms-rosacea-content h2 { font-size: 32px; color: #fff; padding-bottom: 20px; }
.symptoms-rosacea-sub-content p { color: #fff; margin: 5px 0 20px; font-weight: 200; }
.symptoms-rosacea-sub-content h3 { font-size: 20px; color: #fff; }

/* rosacea */
.sitemap-main-wrapper { padding: 60px 0; }
.sitemap-inner-wrapper h2 { text-align: center; padding-bottom: 30px; }
.sitemap-list-wrapper { width: 100%; max-width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 40px; flex-wrap: wrap; }
.sitemap-item > a, .sitemap-item h3 { font-size: 26px; width: 100%; position: relative; padding-left: 20px; }
.sitemap-item h3 { padding-left: unset; color: var(--light-blue); }
.sitemap-item > a::before { position: absolute; content: ""; background: var(--grey); width: 100%; max-width: 10px; height: 100%; left: 8px; }
.sitemap-item { width: 100%; max-width: 300px; }
.sitemap-sub-list { width: 100%; max-width: 100%; display: flex; justify-content: flex-start; align-items: start; gap: 40px; flex-wrap: wrap; }
.sitemap-sub-item { width: 100%; max-width: 300px; }
.sitemap-list-wrapper .sitemap-item:last-child { max-width: 100%; }
.sitemap-sub-item h4 { font-size: 22px; padding-top: 20px; color: var(--darkblue); }
.sitemap-sub-item ul li { padding: 5px 0; position: relative; padding-left: 20px; }
.sitemap-sub-item ul li::before { position: absolute; content: ""; background: var(--grey); width: 10px; height: 10px; transform: rotate(45deg); left: 0; top: 13px; }

/* Prajwal Css  */

/* Vrnutha Css */
:root { --darkblue: #00314F; --blue: #2B3045; --grey: #8595A4; --light-blue: #1D48BC; }

/* Inner Banner */
.inner-page-banner-wrapper { height: 300px; position: relative; }
.inner-page-banner-wrapper .fluid-container { height: 100%; position: relative; display: flex; justify-content: center; align-items: flex-end; }
.inner-page-banner-wrapper .fluid-container .banner-text { position: relative; }
.inner-page-banner-wrapper::before { content: ''; position: absolute; background: linear-gradient(to bottom, #fff0 0%, #031a29 100%); width: 100%; height: 100%; top: 0; left: 0; }
.banner-text h1 { color: #fff; line-height: 1; padding: 0 0 20px; text-align: center; }
.banner-text nav ol { display: flex; justify-content: center; align-items: center; background: #8696a3; gap: 10px; padding: 5px 20px; }
.banner-text nav ol li { color: #fff; }
.banner-text nav ol li a, .banner-text nav ol li span { color: #fff; display: flex; justify-content: center; align-items: center; }
.banner-text nav ol li span img { width: 100%; max-width: 20px; filter: invert(100%) sepia(0%) saturate(6855%) hue-rotate(129deg) brightness(104%) contrast(104%); animation: animName 20s linear infinite; }
@keyframes animName {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Inner Banner */

/* devices millifrac */
.millifarc-main-wrapper { background: #f6f6f8; padding: 100px 0; }
.inner-millifarc-one-main-flex { display: flex; justify-content: center; align-items: center; gap: 55px; }
.inner-millifrac-one-main h2 { text-align: center; padding: 0 0 10px; }
.inner-millifrac-one-main h3 { text-align: center; padding: 0 0 40px; }
.one-millifarc-circle-image { width: 100%; max-width: 550px; position: relative; }

/* .one-millifarc-circle-image span{display: flex;justify-content: center;align-items: center;} */
.one-millifarc-circle-image img { width: 100%; max-width: 500px; border-radius: 100%; border: 2px solid #1d48bb; }

/* .one-millifarc-circle-image span::after {content: "";position: absolute;top: -12px;left: 12px;width: 100%;max-width: 425px;height: 425px;border: 2px solid #7c95d7;border-radius: 100%;} */

/* .one-millifarc-circle-image::before {content: "";position: absolute;top: 20px;left: 92px;width: 15px;height: 15px;background: #1d48bb;border-radius: 50%;z-index: 2; animation: moonOrbit1 20s linear infinite;}
.one-millifarc-circle-image::after {content: "";position: absolute;bottom: 14px;right: 104px;width: 15px;height: 15px;background: #1d48bb;border-radius: 50%;z-index: 2;  animation: moonOrbitOpposite1 20s linear infinite;} */
.one-millifarc-content { width: 100%; max-width: 800px; }
.one-millifarc-content p { text-align: left; }
.one-millifarc-circle-image span { position: relative; width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }
.one-millifarc-circle-image span::before { position: absolute; content: ""; width: 100%; max-width: 20px; height: 20px; background: var(--light-blue); border-radius: 100%; top: 0; right: 0; animation: moonOrbit 20s linear infinite; bottom: 0; left: 0; margin: auto; }
.one-millifarc-circle-image span::after { position: absolute; content: ""; width: 100%; max-width: 20px; height: 20px; background: var(--light-blue); border-radius: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; animation: moonOrbitOpposite 20s linear infinite; }
.one-millifarc-circle-image::before { position: absolute; content: ""; width: 100%; max-width: 530px; height: 530px; border: solid 2px var(--grey); left: 0px; right: 0; margin: auto; top: -15px; border-radius: 100%; }
.why-chose-millifrac-main-wrapper { background: #00314f; padding: 80px 0; }
.inner-why-choose-millifrac h2 { color: #fff; text-align: center; padding: 0 0 40px; }
.inner-millifrac-box h3 { font-size: 22px !important; }
.inner-millifrac-box p { font-size: 17px; margin: 8px 0 15px; }
.inner-millifrac-box:nth-child(1) h3, .inner-millifrac-box:nth-child(3) h3 { text-align: right; }
.inner-millifrac-box:nth-child(1) p, .inner-millifrac-box:nth-child(3) p { text-align: right; }
.mfc-addon .inner-millifrac-box:nth-child(2), .inner-millifrac-box:nth-child(4) { border-right: 3px solid #5daaf0; }
.mfc-addon .inner-millifrac-box { border-left: 3px solid #5daaf0; border-bottom: 3px solid #5daaf0; border-top: 3px solid #5daaf0; }
.inner-millifrac-boxs { display: flex; justify-content: space-around; align-items: stretch; gap: 80px 20px; flex-wrap: wrap; position: relative; }
.inner-millifrac-box { width: 100%; max-width: 580px; background: #f9f9f9; border-right: 15px solid #5daaf0; border-radius: 20px 0px 0px 20px; padding: 20px 20px 20px 60px; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.inner-millifrac-boxs::before { position: absolute; content: ''; width: 100%; max-width: 50px; height: 50px; top: 0px; bottom: 0px; margin: auto; background: #5daaf0; border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.inner-millifrac-boxs::after { position: absolute; content: ''; width: 100%; max-width: 2px; height: 248px; top: 0px; bottom: 0px; margin: auto; background: #5daaf0; }
.inner-millifrac-box:nth-child(2), .inner-millifrac-box:nth-child(4) { border-left: 15px solid #5daaf0; border-radius: 0px 20px 20px 0px; border-right: none; }
.inner-millifrac-box::after { position: absolute; content: ''; width: 100%; max-width: 15px; height: 15px; top: 0px; right: -23px; background: #5daaf0; border-radius: 50px; margin: auto; bottom: 0px; }
.inner-millifrac-box::before { position: absolute; content: ''; width: 100%; max-width: 300px; height: 2px; top: 0px; right: -313px; background: #5daaf0; margin: auto; bottom: 0px; }
.inner-millifrac-box:nth-child(2)::after, .inner-millifrac-box:nth-child(4)::after { left: -109%; }
.inner-millifrac-box:nth-child(2)::before, .inner-millifrac-box:nth-child(4)::before { display: none; }
.millifrac-key-benefits-main-wrapper { background: #f6f6f8; padding: 100px 0px; }
.inner-millifrac-key-benefits-wrapper h2 { text-align: center; padding: 0 0 40px; }
.millifrac-key-benfits-boxs { display: flex; justify-content: center; align-items: stretch; gap: 20px; flex-wrap: wrap; }
.millifrac-key-benfits-box { width: 100%; max-width: 350px; }
.millifrac-key-benfits-box h3 { background: #00314f; color: #fff; padding: 10px; border-radius: 5px; text-align: center; position: relative; top: -24px; }
.millifrac-key-benfits-box { background: #dcf2ff; border-radius: 5px; width: 100%; max-width: 412px; padding: 0px 20px 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.inner-millifrac-key-benefits-wrapper .millifrac-key-benfits-box h3 { color: #fff; background: #00314f; }
.millifrac-key-benfits-box p { text-align: center; }

/* devices millifrac */

/* device plasmapen */
.plasmapen-one-main-wrapper { padding: 100px 0; background: #f6f6f8; }
.inner-plasmapen-one-main h2 { text-align: center; }
.inner-plasmapen-one-main h3 { text-align: center; width: 100%; max-width: 600px; padding: 0 0 40px; margin: auto; font-weight: 300; }
.inner-plasmapen-three-wrapper { display: flex; justify-content: center; align-items: stretch; height: 500px; object-fit: cover; }
.inner-plasmapen-three-wrapper img { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 50%; position: relative; overflow: hidden; object-fit: cover; }
.inner-plasmapen-three-wrapper-content { width: 100%; max-width: 50%; padding: 60px; position: relative; background: #00314f; color: #fff; }
.inner-plasmapen-three-wrapper-content h3 { padding: 5px 0 20px; font-size: 24px; text-align: start; }
.inner-plasmapen-three-wrapper-content h2 { font-size: 32px; }
.plasmapen-four-benfits-area-main-wrapper { padding: 100px 0; color: #fff; }
.plasmapen-benfits-main h2 { text-align: center; padding: 0 0 40px; }
.plasmapen-benfits-main { background: #004066; padding: 60px 0; border-radius: 50px; }
.plasmapen-benefits-main-boxs { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 70px; }
.plasmapen-benefits-main-box h3 { font-size: 26px; }
.plasmapen-benefits-main-box { width: 100%; max-width: 530px; border-top: 2px solid #ffffff5e; padding: 20px 0 0; }
.plasmapen-benfits-main:nth-child(1) { margin: 0 0 50px; }
.plasmapen-benefits-main-box p { margin: 5px 0 10px; text-align: start; }
.plasmapen-five-call-to-action { background: url('../images/banner-bg.jpg') no-repeat center center/cover; width: 100%; padding: 40px 0; position: relative; display: flex; justify-content: center; align-items: center; }
.plasmapen-five-call-to-action::before { content: ''; position: absolute; background: #263f6bab; width: 100%; height: 100%; top: 0; left: 0; }
.plasmapen-five-cta-content { margin: auto; position: relative; width: 100%; max-width: 900px; }
.plasmapen-five-cta-content p { text-align: center; font-size: 28px; color: #fff; }
.plasmapen-experience-main-wrapper { background: #f6f6f8; padding: 60px 0; }
.inner-plasmapen-experience { width: 100%; max-width: 1200px; margin: auto; }
.inner-plasmapen-experience h3 { text-align: center; }
.inner-plasmapen-experience p { text-align: center; }

/* .devices-bft .plasmapen-three-main-wrapper .inner-plasmapen-three-wrapper {height:500px;}
.devices-bft .plasmapen-three-main-wrapper .inner-plasmapen-three-wrapper img { height: 500px} */

/* device plasmapen */

/* devices plasmapen css */
.plasmapen-codepen-main-wrapper { padding: 60px 0; background: #f9f9f9; }
.inner-plasmapen-two-image-content h2 { text-align: center; padding: 0 0 30px; }
.inner-plasmapen-codepen { display: flex; justify-content: space-evenly; align-items: center; gap: 30px; }
.plasmapen-codepen-middle { width: 100%; }
.plasmapen-codepen-middle img { width: 100%; max-width: 350px; display: flex; justify-content: center; align-items: center; gap: 15px; margin: auto; position: relative; }
.plasmapen-codepen-left { display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 100px; position: relative; width: 100%; max-width: 500px; }
.plasmapen-codepen-right { display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 100px; position: relative; width: 100%; max-width: 500px; }
.plasmapen-codepen-box { position: relative; }
.plasmapen-codepen-box::before { position: absolute; content: ''; background: #fff; border: 4px solid #4d6ec8; width: 30px; height: 30px; border-radius: 100px; right: -50px; }
.plasmapen-codepen-box::after { position: absolute; content: ""; width: 100%; max-width: 100px; height: 1px; background: linear-gradient(90deg, #fff 3%, #8595A4 96%); right: -150px; top: 15px; margin: auto 0; transform: rotate(180deg); }
.plasmapen-codepen-right .plasmapen-codepen-box::before { left: -50px; }
.plasmapen-codepen-box:nth-child(1) { padding: 0 0 40px; }
.plasmapen-codepen-left .plasmapen-codepen-box h3 { text-align: right; }
.plasmapen-codepen-left .plasmapen-codepen-box p { text-align: right; }
.plasmapen-codepen-box h3 { font-size: 24px; }
.plasmapen-codepen-box p { font-size: 16px; }
.plasmapen-codepen-right .plasmapen-codepen-box::after { transform: rotate(1deg); left: -150px; }

/* devices plasmapen css */

/* devices cryopen */
.cryopen-benifits { background: #f6f6f8; }
.cryopen-benifits .inner-why-choose-millifrac h2 { color: #28293b; }
.cryopen-benifits .inner-millifrac-boxs::after { height: 217px !important; top: 0px !important; }
.cryopen-benifits .inner-millifrac-box { background: #00314f; color: #fff; }
.cryopen-ideal-treating-main-wrapper { background: #2b3044; padding: 80px 0 60px; }
.inner-cryopen-ideal-treating h2 { color: #fff; text-align: center; padding: 0 0 40px; }
.inner-ideal-treating-lists { display: flex; justify-content: space-evenly; align-items: stretch; flex-wrap: wrap; gap: 30px 80px; padding-top: 40px; }
.inner-ideal-treating-lists p { width: 100%; max-width: 200px; height: 200px; border-radius: 100px; background: #0f1630; font-size: 20px; border: 1px solid #ffffff82; color: #fff; padding: 20px; text-align: center; display: flex; justify-content: center; align-items: center; position: relative; }
.inner-ideal-treating-lists p::before { position: absolute; content: ''; width: 140px; height: 1px; background: #ffffff73; top: 0; bottom: 0px; margin: auto; right: -142px; }
.inner-ideal-treating-lists p:last-child::before { display: none; }
.inner-ideal-treating-lists p:nth-child(5)::before { display: none; }
.cryopen-five-content-image-main-wrapper { padding: 100px 0; background: #f6f6f8; }
.inner-cryopen-five-image-content { display: flex; justify-content: center; align-items: stretch; }
.inner-cryopen-five-image { width: 100%; max-width: 600px; height: 500px; position: relative; }
.inner-cryopen-five-image::before { position: absolute; content: ""; width: 100%; max-width: 500px; border: solid 1px #fff; }
.inner-cryopen-five-image::before { position: absolute; content: ""; width: 100%; max-width: 550px; height: 450px; border: solid 2px #fff; right: 0; left: 0; margin: auto; top: 0; bottom: 0; }
.inner-cryopen-five-image img { width: 100%; max-width: 600px; height: 500px; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.inner-cryopen-five-content { width: 100%; max-width: 600px; background: #8595a4; color: #fff; padding: 40px 60px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.inner-cryopen-five-content p { text-align: start; }
.cryopen-key-features-benefits-main-wrapper { padding: 0px 0 100px; background: #f6f6f8; }
.inner-cryopen-key-features-benefits h2 { padding: 0 0 40px; text-align: center; }

/* .inner-cryopen-key-features-benefits h3{font-size: 30px;text-align: center; } */

/* new timeline */
.mf-timeline { padding: 0px 100px; position: relative; width: 100%; z-index: 0; }
.mf-timeline ul li { position: relative; width: 50%; }
.mf-timeline::before { content: ''; position: absolute; height: 72%; width: 3px; background: #5ca9f0; left: 50%; top: 18%; z-index: -1; }
.mf-timeline ul li:nth-child(odd) { float: left; text-align: right; clear: both; }
.mf-timeline ul li:nth-child(even) { float: right; text-align: left; clear: both; }
.mf-timeline ul li:nth-child(odd) .mf-timeline-content { margin-right: 60px; }
.mf-timeline ul li:nth-child(even) .mf-timeline-content { margin-left: 60px; }
.mf-timeline ul li:nth-child(odd) .mf-timeline-content p { text-align: right; }
.mf-timeline ul::after { content: ''; display: table; clear: both; }
.mf-timeline ul li:nth-child(odd)::before { content: ''; position: absolute; height: 40px; width: 40px; background: #5ca9f0; border-radius: 50%; right: -22px; top: 50%; transform: translate(0%, -50%); z-index: 1; }
.mf-timeline ul li:nth-child(even)::before { content: ''; position: absolute; height: 40px; width: 40px; background: #5ca9f0; border-radius: 50%; left: -22px; top: 50%; transform: translate(0%, -50%); }
.mf-timeline-content { padding: 40px; background: #00314f; color: #fff; font-size: 30px; border-radius: 30px; }
.mf-timeline-content p { margin: 15px 0 5; }

/* new timeline */
.cryopen-key-features-benefits-main-wrapper .mf-timeline .mf-timeline-content h3 { border-bottom: 2px solid #ffffff87; padding: 0 0 10px; font-size: 26px; }
.cryopen-key-features-benefits-main-wrapper .mf-timeline::before { height: 77%; top: 15%; }
.inner-cryopen-key-features-benefits .mf-timeline ul li:nth-child(even)::before { left: -18px; }
.cryopen-one-content { display: flex; justify-content: flex-end; align-items: center; gap: 20px; }
.cryopen-one-content p { margin: 5px 0 8px; }

/* devices cryopen */

/* devices dermapen */
.dermapen-one-main-wrapper { background: #f6f6f8; padding: 100px 0; }
.inner-dermapen-one-main h2 { text-align: center; padding: 0 0 5px; }
.inner-dermapen-one-main h3 { text-align: center; padding: 0 0 20px; font-weight: 300; }
.inner-dermapen-one-main p { text-align: center; width: 100%; max-width: 1200px; text-align: center; margin: auto; padding: 0 0 60px; line-height: 1.6; }
.dermapen-one-images { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; }
.dermapen-one-images img { width: 100%; max-width: 400px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; height: 400px; object-fit: cover; border-radius: 10px; border: solid 1px var(--grey); }
.dermapen-two-main-wrapper { background: url('../images/dermapen-two-bg.jpg') no-repeat center center/cover; width: 100%; position: relative; padding: 60px 0; height: 100%; }
.inner-dermapen-two-main-content { display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; color: #fff; }
.dermapen-two-image { width: 100%; max-width: 600px; }
.dermapen-two-image img { width: 100%; max-width: 600px; height: 270px; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 5px; }
.dermapen-two-content { width: 100%; max-width: 600px; border-left: 2px solid #ffffff63; padding-left: 35px; }
.dermapen-two-content p { margin: 15px 0 0; text-align: start; }
.dermapen-three-main-wrapper { padding: 100px 0 80px; background: #f6f6f8; }
.inner-dermapen-three-main h2 { text-align: center; padding: 0 0 40px; }
.dermapen-four-main-wrapper { background: #f9f9f9; padding: 100px 0; }
.dermapen-four-main-wrapper .one-millifarc-content h2 { padding: 0 0 10px; }
.dermapen-five-main-wrapper { background: #00314f; padding: 60px 0; }
.inner-dermapen-five-main h2 { color: #fff; padding: 0 0 70px; text-align: center; }
.millifrac-key-benfits-box h3 { color: #00314f; background: #f8f8f8; font-size: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.inner-dermapen-five-main .millifrac-key-benfits-boxs { gap: 70px 40px; }
.dermapen-six-main-wrapper { background: #f6f6f8; padding: 80px 0; }
.dermapen-six-image-content { display: flex; justify-content: center; align-items: center; gap: 40px; width: 100%; max-width: 100%; height: 100%; }
.dermapen-six-content { width: 100%; max-width: 600px; text-align: right; }
.dermapen-six-content p { text-align: right; }
.dermapen-six-image { width: 100%; max-width: 600px; height: 300px; }
.dermapen-six-image img { width: 100%; max-width: 600px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; height: 300px; object-fit: cover; border: solid 1px var(--grey); border-radius: 10px; }
.dermapen-seven-main-wrapper { background: #f9f9f9; padding: 90px 0; }
.inner-dermapen-seven-main h2 { text-align: center; }
.inner-dermapen-seven-main p { text-align: center; margin: 0 0 15px; padding-bottom: 45px; }
.inner-dermapen-seven-main .mf-timeline p:nth-child(odd) { text-align: right; }
.inner-dermapen-seven-main .mf-timeline p:nth-child(even) { text-align: left; }

/* .inner-dermapen-seven-main .mf-timeline::before{height: 80%; top: 10%;} */
.inner-dermapen-seven-main .mf-timeline ul li p { padding: 0px; margin: 5px 0 10px; }
.inner-dermapen-seven-main .mf-timeline ul li:nth-child(even)::before { left: -19px; }
.inner-dermapen-seven-main .mf-timeline ul li:nth-child(odd)::before { display: none; }
.inner-dermapen-seven-main .mf-timeline ul li:nth-child(even)::before { display: none; }
.inner-dermapen-seven-main .mf-timeline::before { border-radius: 20px; width: 4px; background: #1d48bb; height: 100%; top: -6%; }
.inner-dermapen-seven-main .mf-timeline-content { background: none; color: #000; position: relative; padding: 0px 50px; }
.inner-dermapen-seven-main .mf-timeline-content::before { position: absolute; content: ''; width: 10px; height: 10px; background: #1d48bb; top: 11px; right: 0px; rotate: 43deg; }
.inner-dermapen-seven-main .mf-timeline-content::after { position: absolute; content: ''; width: 60px; height: 2px; background: #1d48bb; top: 15px; right: -61px; }
.mf-timeline ul li:nth-child(even) .mf-timeline-content::after { left: -57px; }
.mf-timeline ul li:nth-child(even) .mf-timeline-content::before { left: 0px; }
.dermapen-eight .inner-plasmapen-three-wrapper-content { display: flex; justify-content: center; align-items: flex-end; flex-direction: column; }
.dermapen-eight .inner-plasmapen-three-wrapper-content h2 { text-align: right; }
.dermapen-eight .inner-plasmapen-three-wrapper-content p { text-align: right; }
.dermapen-massaging-roller-one-main { padding: 100px 0; background: #f6f6f8; }
.inner-dermapen-massaging-roller-main { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; }
.dermapen-massaging-roller-image { width: 100%; max-width: 400px; }
.dermapen-massaging-roller-image img { width: 100%; max-width: 400px; height: 500px; }
.dermapen-masssaging-roller-content { width: 100%; max-width: 700px; }
.dermapen-masssaging-roller-content h2 { padding: 0 0 10px; }
.dermapen-masssaging-roller-content h3 { font-weight: 300; }
.dermapen-masssaging-roller-content ul li { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; }
.dermapen-masssaging-roller-content ul li p { margin: 0px 0px 15px; position: relative; left: 25px; }
.dermapen-masssaging-roller-content ul li::before { position: absolute; content: ''; width: 10px; height: 10px; top: 5px; left: 0px; background: #000000; border-radius: 50px; }
.dermapen-unlock-advanced-main-wrapper { background: #f6f6f8; }
.inner-dermapen-unlock-advanced { display: flex; justify-content: center; align-items: center; gap: 50px; padding: 80px 0; }
.unlock-advanced-image { width: 100%; max-width: 350px; }
.unlock-advanced-image img { width: 100%; max-width: 350px; height: 350px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px; }
.unlock-advanced-content { width: 100%; max-width: 700px; }
.unlock-advanced-content h2 { font-size: 28px; }
.dermapen-key-benefits-main-wrapper { background: #f6f6f8; padding: 0 0 150px; }
.dermapen-key-benefits-boxs { display: flex; justify-content: center; align-items: stretch; gap: 30px; flex-wrap: wrap; }
.dermapen-key-benfits-box { width: 100%; max-width: 300px; color: #fff; position: relative; }
.dermapen-key-benfits-box span { background: #8494a3; border-radius: 50px; font-size: 22px; border: 1px solid #fff; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; margin: auto; position: relative; top: 30px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.dermapen-key-benfit-box-content { background: #00314f; height: 90%; padding: 60px 20px 0; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.dermapen-key-benfit-box-content h4 { text-align: center; font-size: 20px; }
.dermapen-key-benfit-box-content p { text-align: center; font-size: 16px; }
.dermapen-key-benfits-box:nth-child(2) { top: 60px; }
.dermapen-key-benfits-box:nth-child(4) { top: 60px; }
.dermapen-stmode-main-wrapper { background: #f9f9f9; padding: 40px 0px 100px; }
.inner-dermapen-stmode h2 { padding: 0 0 10px; text-align: center; }
.stmode-dermapen-boxs { display: flex; justify-content: space-evenly; align-items: center; gap: 20px; flex-wrap: wrap; }
.stmode-dermapen-box { width: 100%; max-width: 280px; color: #fff; }
.stmode-dermapen-box span { z-index: 1; position: relative; margin: auto; display: flex; width: 100%; max-width: 40px; height: 50px; font-size: 20px; text-align: center; justify-content: center; top: 30px; padding: 10px 25px; }
.stmode-dermapen-content { border-radius: 100%; background: #8595a4; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; width: 280px; height: 280px; padding: 30px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.stmode-dermapen-content h3 { text-align: center; font-size: 20px; }
.stmode-dermapen-content p { text-align: center; font-size: 16px; }
.stmode-dermapen-box span::before { content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; border: 2px solid #fff; background: #28283b; border-radius: 15px; transform: rotate(45deg); pointer-events: none; color: #fff; z-index: -1; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.stmode-dermapen-box span::after { position: absolute; content: ''; background: #8595a4; width: 430px; height: 2px; top: 0px; bottom: 0px; right: 0px; margin: auto; left: 60px; }
.stmode-dermapen-box:nth-child(3) span::after { display: none; }

/* devices dermapen */

/* skin pigmentation */

/* skin pigmentation-one */
.skin-pigmentation-one-main-wrapper { background: #f6f6f8; padding: 100px 0 60px; }
.skin-pigmentation-one-image-content { display: flex; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; justify-content: center; align-items: stretch; }
.pigmentation-image::before { position: absolute; content: ''; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; clip-path: polygon(-100% 32%, 100% -40%, 100% 100%, -1000% 100%, 25% 29%, 25% 70%, 75% 70%, 75% 30%); }
.pigmentation-image { position: relative; width: 50%; }
.pigmentation-image img { width: 100%; display: block; }
.highlight-box { position: absolute; border: 2px solid white; top: 10%; left: 5%; width: 90%; height: 80%; z-index: 2; }
.highlight-inner { position: absolute; border: 2px solid white; width: 50%; height: 40%; top: 30%; left: 25%; z-index: 3; background: transparent; }
.pigmentation-content { width: 50%; background: #8595a4; padding: 20px; color: #fff; display: flex; justify-content: center; flex-direction: column; min-height: 100%; }
.pigmentation-content h2 { padding: 0 0 10px; }

/* skin pigmentation-one */

/* skin-pigmentaion-two */

/* .skin-pigmentation-disorder-type{background: #f6f6f8;} */
.inner-skin-pigmentation-disorder-type h2 { padding: 60px 0 40px; text-align: center; }
.skin-pigmentation-disorders-main-wrapper { background: url('../images/banner-bg.jpg') no-repeat center center/cover; width: 100%; position: relative; }
.skin-pigmentation-disorders-main-wrapper::before { position: absolute; content: ""; background: #1d48bcab; width: 100%; max-width: 100%; height: 100%; }
.inner-skin-pigmentation-disorders { display: flex; justify-content: center; align-items: stretch; }
.inner-skin-pigmentation-disorders-content { width: 100%; max-width: 100%; }
.ispd-cards { width: 100%; max-width: 100%; }
.ispd-card { width: 100%; max-width: 100%; height: 140px; padding-right: 45px; position: relative; }
.ispd-card::before { position: absolute; content: ""; height: 103%; max-width: 2px; background: #fff; width: 100%; right: 14px; bottom: -49px; }
.ispd-cards .ispd-card:last-child::before { display: none; }
.ispd-cards .ispd-card h2 { text-align: end; font-size: 32px; }
.ispd-cards .ispd-card p { text-align: end; position: relative; }
.ispd-cards .ispd-card p::before { position: absolute; content: ""; background: #fff; width: 12px; height: 12px; transform: rotate(45deg); right: -36px; top: 4px; }
.inner-skin-pigmentation-disorders .inner-skin-pigmentation-disorders-content:last-child .ispd-cards .ispd-card p::before { left: -36px; }
.inner-skin-pigmentation-disorders .inner-skin-pigmentation-disorders-content:last-child .ispd-cards .ispd-card::before { left: 14px; right: unset; }
.inner-skin-pigmentation-disorders .inner-skin-pigmentation-disorders-content:last-child .ispd-cards .ispd-card p { text-align: start; }
.inner-skin-pigmentation-disorders .inner-skin-pigmentation-disorders-content:last-child .ispd-cards .ispd-card { padding-right: unset; padding-left: 45px; }

/* .inner-skin-pigmentation-disorders-content  .ispd-cards:first-child .ispd-card:last-child h2{text-align:start;}
.inner-skin-pigmentation-disorders-content  .ispd-cards:first-child .ispd-card:last-child P{text-align:start;}
.inner-skin-pigmentation-disorders-content  .ispd-cards:nth-child(2) .ispd-card h3{text-align:end; font-size: 26px;}
.inner-skin-pigmentation-disorders-content  .ispd-cards:nth-child(2) .ispd-card:last-child h3{text-align:start;}
.inner-skin-pigmentation-disorders-content  .ispd-cards:nth-child(3) .ispd-card h4 , .inner-skin-pigmentation-disorders-content  .ispd-cards:nth-child(4) .ispd-card h4 , .inner-skin-pigmentation-disorders-content  .ispd-cards:nth-child(5) .ispd-card h4 , .inner-skin-pigmentation-disorders-content  .ispd-cards:nth-child(6) .ispd-card h4{text-align:end; font-size: 24px;}
.inner-skin-pigmentation-disorders-content  .ispd-cards:nth-child(3) .ispd-card:last-child h4{text-align:start;}
.inner-skin-pigmentation-disorders-content  .ispd-cards:nth-child(3) .ispd-card:last-child p{text-align:start;} */
.inner-skin-pigmentation-disorders-content h2 { font-size: 32px; }
.inner-skin-pigmentation-disorders-content h3 { font-size: 25px; padding: 30px 0 25px; }
.inner-skin-pigmentation-disorders-content .ispd-cards:nth-child(4) .ispd-card:last-child p { text-align: start; }
.inner-skin-pigmentation-disorders-content .ispd-cards:nth-child(5) .ispd-card h4 { text-align: end; font-size: 24px; }
.inner-skin-pigmentation-disorders-content .ispd-cards:nth-child(5) .ispd-card:last-child p { text-align: start; }
.inner-skin-pigmentation-disorders-content .ispd-cards:nth-child(6) .ispd-card h4 { text-align: end; font-size: 24px; }
.inner-skin-pigmentation-disorders-content .ispd-cards:nth-child(6) .ispd-card:last-child p { text-align: start; }
.ispdc-cards { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: stretch; flex-direction: column; }
.ispd-card h4 { font-size: 21px; text-decoration: underline; }
.inner-skin-pigmentation-disorders-content:nth-child(1) p { text-align: right; }
.inner-skin-pigmentation-disorders-content:nth-child(1) { text-align: right; }
.inner-skin-pigmentation-disorders-content:nth-child(2) { padding: 60px 20px 0 42px; }
.inner-skin-pigmentation-disorders-content { width: 100%; max-width: 50%; padding: 60px 30px 0 0; position: relative; background: #003255b8; color: #fff; }

/* .inner-skin-pigmentation-disorders-content h4 {padding: 20px 0 0;font-size: 21px;}
.inner-skin-pigmentation-disorders-content h5{padding: 10px 0 0; text-decoration: underline;position: relative;font-size: 24px;}
.inner-skin-pigmentation-disorders-content h5::before{position: absolute;content: ''; height: 15px;width: 15px;    background: #fff; top: 18px; right: -40px;rotate: 43deg;}
.inner-skin-pigmentation-disorders-content h5::after{position: absolute;content: ''; height: 108px;width: 2px;background: #fff;top: 30px;right: -34px;}
.inner-skin-pigmentation-disorders-content h5:last-of-type::after {display: none;}
.inner-skin-pigmentation-disorders-content:nth-child(2)  h5:before{position: absolute;content: ''; height: 15px;width: 15px;background: #fff; top: 15px; left: -40px;rotate: 43deg;}
.inner-skin-pigmentation-disorders-content:nth-child(2)  h5:after{position: absolute;content: ''; height: 125px;width: 2px;background: #fff;top: 27px;left: -33px;}
.inner-skin-pigmentation-disorders-content:nth-child(2) h5:last-of-type::after { display: none;}  */

/* skin-pigmentaion-two */

/* skin pigmentation three */
.skin-cause-pigmentation-main-wrapper { background: #f6f6f8; padding: 60px 0; }
.inner-skin-cause-pigmentation h2 { padding: 0 0 10px; text-align: center; }
.inner-skin-cause-pigmentation p { width: 100%; max-width: 900px; text-align: center; margin: auto; padding: 0 0 30px; }
.skin-pigmentation-boxs { width: 100%; max-width: 800px; display: flex; flex-direction: column; align-items: stretch; margin: auto; }
.skin-pigmentation-box { background: #00314f; color: #fff; padding: 20px; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; width: 100%; max-width: 600px; margin: 5px 0; }
.skin-pigmentation-box::before { content: ""; position: absolute; height: 10px; width: 420px; background: #5daaf0; right: -10px; bottom: -10px; }
.skin-pigmentation-box::after { content: ""; position: absolute; top: 0; right: -10px; height: 100%; width: 10px; background: #5daaf0; }
.skin-pigmentation-box:nth-child(odd) { align-self: flex-start; border-radius: 10px 0px 0px 10px; }
.skin-pigmentation-box:nth-child(even) { align-self: flex-end; border-radius: 0px 10px 10px 0px; }
.skin-pigmentation-box:nth-child(odd)::before { border-radius: 10px 0px 10px 0px; }
.skin-pigmentation-box:nth-child(even):before { left: -10px; border-radius: 0px 10px 0px 10px; }
.skin-pigmentation-box:nth-child(even)::after { left: -10px; border-top-right-radius: 0px; }
.skin-pigmentation-box:nth-child(1):after { border-top-right-radius: 10px; }
.skin-pigmentation-box:last-child::after { border-bottom-left-radius: 10px; }
.skin-pigmentation-box:last-child::before { display: none; }
.skin-pigmentation-box h3 { margin-bottom: 20px; font-size: 22px; border-bottom: solid 1px #ffffff96; text-align: end; }
.skin-pigmentation-boxs .skin-pigmentation-box:nth-child(2n) h3 { text-align: start; }
.skin-pigmentation-box-content ul { padding-left: 20px; }
.skin-pigmentation-box-content ul li { list-style: disc; }

/* skin pigmentation three */
.skin-pigmentation-skin-therapy-main-wrapper { padding: 60px 0; }
.inner-skin-pigmentation-skin-therapy h2 { padding: 0 0 60px; text-align: center; }
.inner-skin-pigmentation-skin-therapy .millifrac-key-benfits-boxs { gap: 60px 20px; }

/* skin care last section */
.why-choose-mft-mnr { padding: 60px 0 0; }
.why-choose-mft-inr { width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: flex-end; gap: 70px; }
.why-choose-mft-img { width: 100%; max-width: 500px; }
.why-choose-mft-img img { width: 100%; max-width: 500px; height: 600px; object-fit: cover; }
.why-choose-mft-content { width: 100%; max-width: 700px; }
.why-choose-mft-content h2 { padding-bottom: 25px; }
.why-choose-mft-sub-content { border-left: solid 4px #8595A4; padding-left: 15px; position: relative; }
.why-choose-mft-sub-content::before { position: absolute; content: ""; width: 100%; max-width: 100px; height: 1px; background: linear-gradient(90deg, #fff 3%, #8595A4 96%); left: -100px; top: 0; bottom: 0; margin: auto 0; transform: rotate(-10deg); z-index: -1; }
.why-choose-mft-content .why-choose-mft-sub-content:nth-child(3)::before { transform: rotate(-30deg); }
.why-choose-mft-content .why-choose-mft-sub-content:nth-child(3)::before { transform: rotate(0deg); }
.why-choose-mft-content .why-choose-mft-sub-content:nth-child(4)::before, .why-choose-mft-content .why-choose-mft-sub-content:nth-child(5)::before { transform: rotate(10deg); }
.why-choose-mft-content .why-choose-mft-sub-content:nth-child(6)::before { transform: rotate(31deg); top: -10px; bottom: unset; left: -95px; }
.why-choose-mft-sub-content h3 { font-weight: 600; }
.why-choose-mft-sub-content p { margin: 5px 0 20px; font-weight: 300; }

/* skin care last section */

/* skin pigmentation */

/* skin acne */
.skin-acne-one-main-wrapper { background: #f6f6f8; padding: 100px 0; }
.inner-skin-acne-one .pigmentation-image::before { clip-path: none; }
.skin-acre-types-main-wrapper { width: 100%; padding: 60px 0; position: relative; }
.skin-acre-types-main-wrapper::before { position: absolute; content: ''; background: #282c41bd; width: 100%; top: 0px; left: 0px; height: 100%; }
.inner-skin-acre-types-main h2 { text-align: center; padding: 0 0 40px; color: #fff; position: relative; }
.inner-skin-acre-types-main .mf-timeline::before { height: 86%; top: 7%; background: #fff; }
.inner-skin-acre-types-main .mf-timeline-content { background: none; }
.mf-timeline-content h3 { font-size: 22px !important; }
.inner-skin-acre-types-main .mf-timeline ul li::before { background: #fff; border-radius: 0px; rotate: 43deg; }
.inner-skin-acre-types-main .mf-timeline ul li:nth-child(even)::before { left: -31px; }
.inner-skin-acre-types-main .mf-timeline ul li:nth-child(odd)::before { right: -8px; }

/* skin-acne-carousel starts */
.skin-acne-causes-main-wrapper { background: #f6f6f8; padding: 100px 0 0; }
.skin-acne-key-benefits-main-wrapper .inner-plasmapen-three-wrapper { height: unset !important; }
.inner-skin-acne-causes-main p { width: 100%; max-width: 900px; padding: 0 0 40px; }
.inner-skin-acne-causes-main .carousel-wrapper { position: relative; max-width: 1400px; margin: auto; overflow: hidden; padding: 50px 0px 0px; }
.inner-skin-acne-causes-main .carousel { display: flex; transition: transform 0.5s ease-in-out; width: 100%; gap: 30px; }
.inner-skin-acne-causes-main .slide { flex: 0 0 31.33%; box-sizing: border-box; padding: 10px 0 0; }
.inner-skin-acne-causes-main .slide img { width: 100%; border-radius: 10px; height: 350px; object-fit: cover; }
.inner-skin-acne-causes-main button { position: absolute; top: 75%; transform: translateY(-50%); background: #8393a2; padding: 10px; cursor: pointer; width: 100%; max-width: 40px; border-radius: 100%; border: 1px solid #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.inner-skin-acne-causes-main button span { display: flex; justify-content: center; align-items: center; }
.inner-skin-acne-causes-main button span img { filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(255deg) brightness(106%) contrast(100%); width: 100%; max-width: 30px; }
.skin-acne-cause-content { background: #f2efeb; border-radius: 10px; padding: 10px 20px; margin: 0px 20px; position: relative; top: -80px; text-align: center; }
.skin-acne-cause-content h4 { font-size: 20px; }
.inner-skin-acne-causes-main .prev { left: 25%; }
.inner-skin-acne-causes-main .prev span img { rotate: 180deg; }
.inner-skin-acne-causes-main .next { right: 25%; }

/* Active Slide */
.inner-skin-acne-causes-main .active { opacity: 1; transform: scale(1.1); }
.inner-skin-acne-causes-main .active .skin-acne-cause-content { margin: 0px 10px; padding: 20px 5px 0; position: relative; top: -120px; }
.inner-skin-acne-causes-main .indicator { position: relative; left: 50%; transform: translateX(-50%); font-size: 16px; color: #666; text-align: center; top: -75px; font-weight: bold; }

/* Hide extra text by default */
.inner-skin-acne-causes-main .extra-text { display: none; font-size: 14px; }

/* Show extra text in active slide */
.inner-skin-acne-causes-main .active .extra-text { display: block; padding: 10px 12px; text-align: center; }

/* skin-acne-carousel ends */
.inner-skin-acne-causes-main h2, .inner-skin-acne-causes-main > p { margin-left: 97px; }
.skin-acne-key-benefits-main-wrapper .inner-plasmapen-three-wrapper-content { background: #2b3044; padding: 60px 20px 60px 40px; }
.skin-acne-key-benefits-main-wrapper .inner-plasmapen-three-wrapper-content h2 { padding: 0 0 30px; }
.inner-plasmapen-three-wrapper-content p { text-align: start; font-weight: 300; }
.skin-acne-main-boxs { display: flex; justify-content: center; align-items: stretch; gap: 30px 30px; flex-wrap: wrap; }
.skin-acne-main-box { width: 100%; max-width: 220px; background: #f9f9f9; border-radius: 10px; padding: 15px 20px; height: 200px; position: relative; overflow: hidden; transition: all 0.3s ease; }
.skin-acne-main-box:hover { border-radius: 0px; }
.skin-acne-main-box .hover-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; opacity: 0; transition: opacity 0.3s ease; padding: 5px 10px; box-sizing: border-box; font-size: 14px; margin: 0px; }
.skin-acne-main-box:hover .hover-content { opacity: 1; }
.skin-acne-main-box span { font-size: 70px; color: #e4e3e7; font-weight: 600; line-height: 1; }
.skin-acne-main-box h4 { color: #000; text-align: center; position: relative; font-size: 20px; }

/* skin acne */