.elementor-181 .elementor-element.elementor-element-02922b9{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.44;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-02922b9::before, .elementor-181 .elementor-element.elementor-element-02922b9 > .elementor-background-video-container::before, .elementor-181 .elementor-element.elementor-element-02922b9 > .e-con-inner > .elementor-background-video-container::before, .elementor-181 .elementor-element.elementor-element-02922b9 > .elementor-background-slideshow::before, .elementor-181 .elementor-element.elementor-element-02922b9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-181 .elementor-element.elementor-element-02922b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-181 .elementor-element.elementor-element-7b5dd8b{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-7b5dd8b:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-7b5dd8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://themclinic.net/wp-content/uploads/2025/05/hero6.jpg");background-position:center center;background-size:cover;}.elementor-181 .elementor-element.elementor-element-47fe0a6{text-align:center;}.elementor-181 .elementor-element.elementor-element-47fe0a6 .elementor-heading-title{font-family:"Carattere", Sans-serif;}.elementor-181 .elementor-element.elementor-element-dfbc2eb{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-181 .elementor-element.elementor-element-dfbc2eb.elementor-element{--align-self:center;}.elementor-181 .elementor-element.elementor-element-7506018{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-95a18e9{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-181 .elementor-element.elementor-element-95a49ac{--display:flex;--justify-content:center;}.elementor-181 .elementor-element.elementor-element-95a49ac.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-181 .elementor-element.elementor-element-ab51eb2{text-align:center;}.elementor-181 .elementor-element.elementor-element-29bdc3c{--display:flex;--min-height:400px;--justify-content:center;}.elementor-181 .elementor-element.elementor-element-29bdc3c:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-29bdc3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_primary );}.elementor-181 .elementor-element.elementor-element-b9f347a{text-align:center;}.elementor-181 .elementor-element.elementor-element-b9f347a .elementor-heading-title{font-family:"Castoro Titling", Sans-serif;color:#FFFFFF;}.elementor-181 .elementor-element.elementor-element-3997c87{--display:flex;--justify-content:center;}.elementor-181 .elementor-element.elementor-element-3997c87:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-3997c87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://themclinic.net/wp-content/uploads/2025/04/kh.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-181 .elementor-element.elementor-element-3997c87.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-181 .elementor-element.elementor-element-e138816{--display:flex;--padding-top:05px;--padding-bottom:05px;--padding-left:05px;--padding-right:05px;}.elementor-181 .elementor-element.elementor-element-21501a2 > .elementor-widget-container{padding:50px 0px 50px 0px;}.elementor-181 .elementor-element.elementor-element-21501a2 p{margin-bottom:45px;}.elementor-181 .elementor-element.elementor-element-c713465{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-c713465:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-c713465 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-181 .elementor-element.elementor-element-f6077a9 img{width:100%;max-width:100%;}.elementor-181 .elementor-element.elementor-element-da550a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-ead7a76{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-e665b4f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-e665b4f:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-e665b4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_primary );}.elementor-181 .elementor-element.elementor-element-e665b4f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-181 .elementor-element.elementor-element-6fb356f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-3d60c93 img{width:100%;}.elementor-181 .elementor-element.elementor-element-3e736e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-bf7e859{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-fb7c362{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-1dc2b59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-181 .elementor-element.elementor-element-95a49ac{--width:33%;}.elementor-181 .elementor-element.elementor-element-3997c87{--width:30.547%;}.elementor-181 .elementor-element.elementor-element-e665b4f{--width:57.573%;}}@media(max-width:767px){.elementor-181 .elementor-element.elementor-element-47fe0a6 .elementor-heading-title{font-size:39px;}.elementor-181 .elementor-element.elementor-element-dfbc2eb{--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;}.elementor-181 .elementor-element.elementor-element-3997c87{--min-height:80vh;}.elementor-181 .elementor-element.elementor-element-c713465{--min-height:100vh;--justify-content:center;}.elementor-181 .elementor-element.elementor-element-e665b4f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-181 .elementor-element.elementor-element-6fb356f{--min-height:100vh;}}/* Start custom CSS *//* --- Global Variables & Shared Styles --- */
:root {
    --primary-green: #07442d;
    --gold-light: #c7a76b;
    --gold-dark: #ab8640;
    --cream-light: #f7eac2;
    --cream: #e5e3db;
    --white: #ffffff;
    --transition: all 0.4s ease;
}

/* Base typography (Consider using Elementor Site Settings instead) */
body, /* Or a more specific body.elementor-page-181 if needed */
.mclinic-about-section-container, /* Apply defaults to containers */
.mclinic-services-section-container,
.mclinic-doctor-section-container,
.mclinic-promise-section-container,
.mclinic-cta-section-container,
.mclinic-app-section-container,
.mclinic-final-cta-section-container {
    font-family: 'Poppins', sans-serif;
    color: #333;
    line-height: 1.6;
}

h1, h2, h3, h4, h5 { /* Apply to all headings or scope if needed */
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1rem;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
p { margin-bottom: 1rem; }
a { text-decoration: none; }

/* Shared utility classes */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.btn {
    display: inline-block;
    background-color: var(--gold-light);
    color: var(--primary-green);
    padding: 12px 28px;
    border-radius: 50px;
    font-weight: 500; /* Ensure Poppins font applies if not set globally */
    font-family: 'Poppins', sans-serif;
    transition: var(--transition);
    border: 2px solid var(--gold-light);
    cursor: pointer;
}

.btn:hover {
    background-color: transparent;
    color: var(--gold-light);
}

.btn-outline {
    background-color: transparent;
    color: var(--gold-light);
    border: 2px solid var(--gold-light); /* Ensure border exists */
}

.btn-outline:hover {
    background-color: var(--gold-light);
    color: var(--primary-green);
}

/* Shared animation class (Requires JS) */
.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-up.appear {
    opacity: 1;
    transform: translateY(0);
}

/* Shared Section Header (Used in Promise section) */
.section-header {
    text-align: center;
    margin-bottom: 3rem;
}

.section-header h2 {
    color: var(--primary-green);
    position: relative;
    display: inline-block;
    padding-bottom: 0.5rem;
}

.section-header h2::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 3px;
    background-color: var(--gold-light);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.section-header p em {
    font-style: italic;
}


/* --- Styles for Elementor Hero Text Widget (If Used) --- */
.elementor-hero-text-mclinic { /* Apply this class to the *widget* if needed */
    color: var(--white);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 2rem 1rem;
}
.elementor-hero-text-mclinic .hero-logo { margin-bottom: 2rem; max-width: 150px; width: 150px; height: auto; display: inline-block; }
.elementor-hero-text-mclinic .hero-logo svg { max-width: 100%; height: auto; display: block; }
.elementor-hero-text-mclinic .hero-logo g { fill: var(--gold-light); }
.elementor-hero-text-mclinic .hero-logo path { stroke: var(--gold-light); stroke-width: 2; fill: none; }
.elementor-hero-text-mclinic .hero-logo text { font-family: 'Playfair Display', serif; font-size: 12px; fill: var(--gold-light); text-anchor: start; }
.elementor-hero-text-mclinic .hero-logo circle { fill: var(--gold-light); }
.elementor-hero-text-mclinic h1 { font-size: 3rem; margin-bottom: 1.5rem; color: var(--white); }
.elementor-hero-text-mclinic h1 span { color: var(--gold-light); }
.elementor-hero-text-mclinic p { font-size: 1.1rem; margin-bottom: 2rem; line-height: 1.6; color: var(--white); }
/* .elementor-hero-text-mclinic .btn styles are covered by global .btn */


/* --- CSS for About Section --- */
.mclinic-about-section-container {
     background-color: var(--white); /* Apply background to container */
     padding: 6rem 0; /* Apply padding to container */
}
.mclinic-about-section-container .about-content {
    display: flex;
    align-items: center;
    gap: 4rem;
}
.mclinic-about-section-container .about-text {
    flex: 1;
}
.mclinic-about-section-container .about-text p {
    margin-bottom: 1.5rem; /* Specific override */
}
.mclinic-about-section-container .about-text em {
    font-style: italic;
}
.mclinic-about-section-container .about-image {
    flex: 1;
    position: relative;
    z-index: 1;
}
.mclinic-about-section-container .about-image::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--primary-green);
    top: -20px;
    left: -20px;
    z-index: -1;
}
.mclinic-about-section-container .about-image img {
    width: 100%;
    object-fit: cover;
    display: block;
}

/* --- CSS for Services Section (Image BG, Dynamic & Compact) --- */
.mclinic-services-section-container {
    padding: 4rem 0;
    background-color: var(--cream); /* Container background */
    position: relative;
    overflow: hidden;
}
/* Optional: Keep subtle decorative elements */
.mclinic-services-section-container::before {
    content: ''; position: absolute; width: 350px; height: 350px;
    background: radial-gradient(circle, rgba(199, 167, 107, 0.7) 0%, rgba(199, 167, 107, 0) 70%);
    opacity: 0.1; top: -175px; left: -175px; border-radius: 50%; z-index: 0;
}
.mclinic-services-section-container::after {
    content: ''; position: absolute; width: 350px; height: 350px;
    background: radial-gradient(circle, rgba(199, 167, 107, 0.7) 0%, rgba(199, 167, 107, 0) 70%);
    opacity: 0.1; bottom: -175px; right: -175px; border-radius: 50%; z-index: 0;
}

.mclinic-services-section-container .services-container {
    position: relative; z-index: 2; max-width: 1000px; margin: 0 auto;
}
.mclinic-services-section-container .services-title {
    text-align: center; margin-bottom: 2.5rem;
    position: relative; z-index: 2;
}
.mclinic-services-section-container .services-title h2 {
    color: var(--primary-green); font-size: 2.5rem; margin-bottom: 0.8rem;
}
.mclinic-services-section-container .services-title p {
    color: #555; max-width: 600px; margin: 0 auto; font-size: 1.1em;
}
.mclinic-services-section-container .services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    position: relative;
    z-index: 1;
}
.mclinic-services-section-container .service-card {
    border-radius: 16px;
    padding: 2rem 2rem;
    text-align: left;
    box-shadow: 0 8px 25px rgba(7, 68, 45, 0.1);
    /* Added border-color, background-position to transition */
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background-position 1.2s cubic-bezier(0.25, 0.1, 0.25, 1); /* Slower, smoother bg transition */
    border: 2px solid transparent; /* Thicker border prep */
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 300px;
    background-color: var(--white);
    background-size: cover; /* Keep cover */
    background-position: center center; /* Start centered */
    background-repeat: no-repeat;
    z-index: 1;
}

/* --- Dark Green Overlay --- */
.mclinic-services-section-container .service-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(7, 68, 45, 0.75); /* Initial overlay */
    border-radius: inherit;
    z-index: 2;
    /* Added opacity to transition */
    transition: background-color 0.4s ease, opacity 0.5s ease;
    opacity: 1; /* Start fully opaque overlay color */
}

/* --- Content Styling (above overlay) --- */
.mclinic-services-section-container .service-icon {
    width: 60px; height: 60px;
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    display: flex; justify-content: center; align-items: center;
    margin-bottom: 1rem;
    position: relative;
    z-index: 3;
    /* Added transform to transition */
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* Bouncy transition */
    flex-shrink: 0;
    align-self: flex-start;
}
.mclinic-services-section-container .service-icon i {
    color: var(--gold-light);
    font-size: 1.6rem;
    transition: color 0.3s ease;
}
.mclinic-services-section-container .service-content {
    position: relative;
    z-index: 3;
    flex-grow: 1; display: flex; flex-direction: column;
}
.mclinic-services-section-container .service-content h3 {
    color: var(--white);
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
    transition: color 0.3s ease, transform 0.4s ease; /* Added transform transition */
}
.mclinic-services-section-container .service-content p {
    color: var(--cream-light);
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    flex-grow: 1;
    line-height: 1.6;
     transition: color 0.3s ease; /* Smooth color transition */
}
.mclinic-services-section-container .learn-more {
    display: inline-flex; align-items: center;
    color: var(--gold-light);
    font-weight: 600; font-size: 0.9rem;
    transition: color 0.3s ease, transform 0.3s ease; /* Added transform */
    margin-top: auto; align-self: flex-start;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.mclinic-services-section-container .learn-more i {
    margin-left: 6px;
    transition: transform 0.3s ease; /* Transition only arrow transform */
}

/* --- DYNAMIC HOVER EFFECTS --- */
.mclinic-services-section-container .service-card:hover {
    transform: translateY(-10px); /* Slightly more lift */
    box-shadow: 0 16px 35px rgba(7, 68, 45, 0.18); /* Enhanced shadow */
    border-color: var(--gold-light);
    background-position: center 40%; /* PAN BACKGROUND IMAGE UP slightly on hover */
}
.mclinic-services-section-container .service-card:hover::before {
     background-color: rgba(7, 68, 45, 0.60); /* Make overlay more transparent */
     opacity: 1; /* Ensure it's visible */
}
.mclinic-services-section-container .service-card:hover .service-icon {
    background-color: rgba(255, 255, 255, 0.25);
    border-color: var(--gold-light);
    /* ICON bounce/rotate animation */
    transform: rotate(-10deg) scale(1.15);
}
.mclinic-services-section-container .service-card:hover .service-icon i {
    color: var(--white);
}
.mclinic-services-section-container .service-card:hover .service-content h3 {
    color: var(--gold-light);
    transform: translateY(-2px); /* Subtle lift for heading */
}
/* Optional: Slightly fade paragraph on hover to focus on heading/link */
/* .mclinic-services-section-container .service-card:hover .service-content p {
    color: rgba(229, 227, 219, 0.8);
} */
.mclinic-services-section-container .service-card:hover .learn-more {
    color: var(--white);
    transform: translateX(3px); /* Nudge link right slightly */
}
.mclinic-services-section-container .service-card:hover .learn-more i {
    transform: translateX(6px); /* More arrow movement */
}

/* Footer Styles */
.mclinic-services-section-container .services-footer {
    text-align: center; color: var(--primary-green);
    margin-top: 3rem;
    position: relative; z-index: 2;
}
.mclinic-services-section-container .services-footer p em {
    font-style: normal; font-weight: 500; font-size: 1.1em;
}

/* Responsive adjustments remain the same */
@media (min-width: 769px) {
    .mclinic-services-section-container .service-card-featured {
       grid-column: span 2;
       min-height: 320px;
    }
}
@media (max-width: 768px) {
    .mclinic-services-section-container .service-card-featured {
         grid-column: auto;
    }
    .mclinic-services-section-container { padding: 3rem 0; }
    .mclinic-services-section-container .service-card { min-height: 280px; }
    /* Disable background pan on mobile if it feels distracting */
    /* .mclinic-services-section-container .service-card:hover {
        background-position: center center !important;
    } */
}





/* --- CSS for Doctor Section --- */
.mclinic-doctor-section-container {
    padding: 6rem 0;
    background-color: var(--white);
}
.mclinic-doctor-section-container .doctor-content {
    display: flex;
    align-items: center;
    gap: 4rem;
}
.mclinic-doctor-section-container .doctor-image {
    flex: 1;
    position: relative;
    z-index: 1;
}
.mclinic-doctor-section-container .doctor-image::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--gold-light);
    bottom: -20px;
    right: -20px;
    z-index: -1;
}
.mclinic-doctor-section-container .doctor-image img {
    width: 100%;
    object-fit: cover;
    display: block;
}
.mclinic-doctor-section-container .doctor-text {
    flex: 1;
}
.mclinic-doctor-section-container .doctor-text h2 {
    color: var(--primary-green);
}
.mclinic-doctor-section-container .doctor-text h3 {
    color: var(--gold-light);
    font-weight: 500;
    margin-bottom: 1.5rem;
}
.mclinic-doctor-section-container .doctor-text p {
    margin-bottom: 1.5rem;
}
.mclinic-doctor-section-container .doctor-text p em {
    font-style: italic;
}
.mclinic-doctor-section-container .doctor-text strong {
    color: var(--primary-green);
    font-weight: 600;
}

/* --- CSS for Promise Section (JS Interaction Ready) --- */
.mclinic-promise-section-container {
    padding: 5rem 0;
    background-color: var(--cream);
    overflow: hidden; /* Contain potential transforms */
}
/* Uses shared .section-header styles defined globally */
.mclinic-promise-section-container .section-header p {
    max-width: 700px;
    margin: 0 auto;
}
.mclinic-promise-section-container .promise-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    margin-top: 3rem;
    justify-content: center;
    perspective: 1000px; /* Apply perspective for 3D effect */
}
.mclinic-promise-section-container .promise-item {
    flex: 1;
    min-width: calc(50% - 2.5rem);
    max-width: calc(50% - 2.5rem);
    background-color: var(--white);
    padding: 2.5rem 2rem;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    /* Transitions for non-transform properties */
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
    position: relative;
    border: 2px solid transparent; /* Prep for hover border */
    will-change: transform; /* Hint for JS animation */
    transform-style: preserve-3d; /* For 3D children if any */
    /* Initial state set by JS on leave, or defaults to no transform */
}

/* Hover Effects (excluding transform, handled by JS) */
.mclinic-promise-section-container .promise-item:hover {
    /* transform: ... ; */ /* REMOVED - JS handles tilt/scale */
    box-shadow: 0 18px 35px rgba(7, 68, 45, 0.15); /* Keep shadow change */
    border-color: var(--gold-light); /* Keep border change */
    z-index: 10; /* Ensure hovered card is on top */
}

/* Icon Styling */
.mclinic-promise-section-container .promise-item i {
    color: var(--gold-light);
    font-size: 2.5rem;
    margin-bottom: 1.2rem;
    display: block;
    /* Transition only for color (transform handled by JS or removed) */
    transition: color 0.3s ease;
    will-change: transform; /* Hint if JS animates icon */
}
/* Icon Hover Effects (excluding transform) */
.mclinic-promise-section-container .promise-item:hover i {
    /* transform: ... ; */ /* REMOVED - JS might handle this or keep static */
    color: var(--primary-green); /* Keep color change */
}

/* Text Content Styling */
.mclinic-promise-section-container .promise-item h3 {
    color: var(--primary-green);
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
    transition: color 0.3s ease;
}
.mclinic-promise-section-container .promise-item:hover h3 {
    color: var(--gold-dark); /* Keep heading color change */
}
.mclinic-promise-section-container .promise-item p {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
}

/* --- Shine Effect Pseudo-Element --- */
.mclinic-promise-section-container .promise-item::after {
    content: '';
    position: absolute;
    /* Use CSS variables set by JS for position */
    top: var(--shine-y, 0px);
    left: var(--shine-x, 0px);
    width: 150px; /* Shine size */
    height: 150px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
    border-radius: 50%;
    transform: translate(-50%, -50%); /* Center shine on cursor */
    opacity: 0; /* Hidden by default */
    transition: opacity 0.4s ease; /* Transition opacity only */
    pointer-events: none; /* Don't interfere with mouse */
    z-index: 5; /* Above content, below cursor */
}
/* Show shine on hover via CSS */
.mclinic-promise-section-container .promise-item:hover::after {
    opacity: 1;
}

/* --- Styling for the concluding paragraph --- */
.mclinic-promise-section-container .promise-conclusion {
    text-align: center;
    max-width: 750px;
    margin: 3rem auto 0 auto;
    font-size: 1.1em;
    line-height: 1.7;
    color: var(--primary-green);
    font-weight: 500;
}

/* --- Responsive Adjustments --- */
@media (max-width: 991px) {
    .mclinic-promise-section-container .promise-item {
        min-width: calc(50% - 2rem);
        max-width: calc(50% - 2rem);
    }
}
@media (max-width: 767px) {
    .mclinic-promise-section-container .promise-item {
        min-width: 90%;
        max-width: 90%;
    }
    .mclinic-promise-section-container {
        padding: 3rem 0;
    }
    .mclinic-promise-section-container .promise-list {
        gap: 1.5rem;
        perspective: none; /* Disable perspective on mobile? Optional */
    }
}

/* Optional: Tone down hover on touch devices (Kept from previous step) */
@media (hover: none) {
  .mclinic-promise-section-container .promise-item:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
     border-color: transparent;
     /* No transform to revert as it's handled by JS which shouldn't run hover on tap */
  }
   .mclinic-promise-section-container .promise-item:hover i {
       color: var(--gold-light);
   }
    .mclinic-promise-section-container .promise-item:hover h3 {
        color: var(--primary-green);
    }
    .mclinic-promise-section-container .promise-item:hover::after {
        opacity: 0; /* Ensure shine doesn't stick */
    }
}

/* Optional: More Impactful Entrance (Kept from previous step) */
/* Note: This overrides the global .fade-up for *these* items */
.mclinic-promise-section-container .promise-item.fade-up {
    opacity: 0;
    transform: translateY(60px) scale(0.95);
    transition: opacity 0.7s ease-out, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.mclinic-promise-section-container .promise-item.fade-up.appear {
    opacity: 1;
    transform: translateY(0) scale(1);
}
/* --- End Optional Entrance Animation --- */

/* --- CSS for CTA Section --- */
.mclinic-cta-section-container {
    padding: 4rem 0;
    background-color: var(--primary-green);
    color: var(--white);
    text-align: center;
}
.mclinic-cta-section-container h2 { /* Target h2 specifically within this container */
    margin-bottom: 1.5rem;
    color: var(--white); /* Ensure heading color */
}
.mclinic-cta-section-container p {
    max-width: 700px;
    margin: 0 auto 2rem;
}
.mclinic-cta-section-container p em {
    font-style: italic;
}
/* Button uses global .btn styles, color should contrast automatically */


/* --- CSS for App Section --- */
.mclinic-app-section-container {
    padding: 6rem 0;
    background-color: var(--white);
}
.mclinic-app-section-container .app-content {
    display: flex;
    align-items: center;
    gap: 4rem;
}
.mclinic-app-section-container .app-text {
    flex: 1;
}
.mclinic-app-section-container .app-text h2 {
    color: var(--primary-green);
    margin-bottom: 1.5rem;
}
.mclinic-app-section-container .app-text p {
    margin-bottom: 2rem;
}
.mclinic-app-section-container .app-buttons {
    display: flex;
    gap: 1rem;
}
.mclinic-app-section-container .app-btn { /* Specific styling for app buttons */
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--primary-green);
    color: var(--white);
    padding: 0.8rem 1.5rem;
    border-radius: 8px;
    transition: var(--transition);
    border: none; /* Override default button border if needed */
}
.mclinic-app-section-container .app-btn:hover {
    background-color: var(--gold-light);
     color: var(--primary-green); /* Adjust hover text color */
}
.mclinic-app-section-container .app-btn i {
    font-size: 1.5rem;
}
.mclinic-app-section-container .app-btn span {
    font-size: 0.8rem;
    display: block; /* Stack text lines */
    line-height: 1.2;
}
.mclinic-app-section-container .app-btn strong {
    font-size: 1rem;
    font-weight: 600;
    display: block; /* Stack text lines */
    line-height: 1.2;
}
.mclinic-app-section-container .app-image {
    flex: 1;
}
.mclinic-app-section-container .app-image img {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    display: block;
    height: auto;
}

/* --- CSS for Final CTA Section --- */
.mclinic-final-cta-section-container {
    padding: 6rem 0;
    background-color: var(--cream);
    text-align: center;
}
.mclinic-final-cta-section-container h2 {
    color: var(--primary-green);
    margin-bottom: 1.5rem;
}
.mclinic-final-cta-section-container p {
    max-width: 700px;
    margin: 0 auto 2rem;
}
.mclinic-final-cta-section-container p em {
    font-style: italic;
}
.mclinic-final-cta-section-container strong {
    font-weight: 600; /* Ensure strong tag is bold */
}
/* Button uses global .btn styles */


/* --- Responsive Design --- */
@media (max-width: 991px) {
    /* Apply flex-direction changes to specific containers */
    .mclinic-about-section-container .about-content,
    .mclinic-doctor-section-container .doctor-content,
    .mclinic-app-section-container .app-content {
        flex-direction: column;
        gap: 3rem;
    }
     /* Services grid relies on auto-fit, should adjust automatically */
}

@media (max-width: 768px) {
    /* Adjust global heading sizes if needed */
    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
     /* Adjust hero text sizes if using .elementor-hero-text-mclinic */
     .elementor-hero-text-mclinic h1 { font-size: 2.2rem; }
     .elementor-hero-text-mclinic p { font-size: 1rem; }
     .elementor-hero-text-mclinic { padding: 1.5rem 0.5rem; }


    .mclinic-services-section-container .services-grid {
        grid-template-columns: 1fr; /* Switch to single column */
    }
    .mclinic-services-section-container .service-card-featured {
         grid-column: auto; /* Reset span */
    }

    .mclinic-promise-section-container .promise-item {
        flex: 1 1 100%; /* Ensure full width */
        min-width: unset; /* Remove min-width constraint */
    }

    .mclinic-app-section-container .app-buttons {
        flex-direction: column;
         align-items: center; /* Center buttons when stacked */
    }
     .mclinic-app-section-container .app-btn {
         width: fit-content; /* Prevent buttons stretching full width */
     }
}

/* Rule for featured service card on wider screens */
@media (min-width: 769px) {
     /* Ensure the auto-fit grid allows spanning */
     .mclinic-services-section-container .service-card-featured {
        grid-column: span 2;
        /* Optional: define explicit columns if auto-fit isn't reliable */
        /* .mclinic-services-section-container .services-grid {
             grid-template-columns: repeat(3, 1fr);
        } */
     }
}

/* Adjustments for promise items on smaller tablets */
@media (min-width: 481px) and (max-width: 768px) {
     .mclinic-promise-section-container .promise-item {
         flex-basis: calc(50% - 1rem); /* Two items per row */
         flex-grow: 0; /* Prevent stretching if uneven number */
     }
}





/* --- CSS for Statistics Section --- */

/* Apply base styles directly to container */
.mclinic-statistics-section-container {
    position: relative;
    /* min-height: 100vh; */ /* Consider removing fixed min-height */
    background: linear-gradient(160deg, #053f2a 0%, #052f20 100%);
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    display: flex; /* Keep flex for centering */
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 4rem 0;
}

/* Use global .container styling if defined, or keep scoped: */
.mclinic-statistics-section-container .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Use global .section-header styling if defined, or keep scoped: */
.mclinic-statistics-section-container .section-header {
    text-align: center;
    margin-bottom: 4rem; /* Keep specific margin */
}
.mclinic-statistics-section-container .section-header h2 {
    font-size: 3.5rem;
    margin-bottom: 0.5rem;
    color: #ffffff;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    letter-spacing: -0.5px;
}
.mclinic-statistics-section-container .accent-dot {
    color: #d9ba7a;
}
.mclinic-statistics-section-container .section-header p {
    font-size: 1.25rem;
    color: #ffffff;
    max-width: 600px;
    margin: 0 auto;
}

/* Slides Layout */
.mclinic-statistics-section-container .statistics-content {
    margin-bottom: 3rem;
}
.mclinic-statistics-section-container .slides-container {
    position: relative;
    min-height: 450px; /* Add min-height to prevent collapse during transition */
}
.mclinic-statistics-section-container .stat-slide {
    display: none; /* Changed from flex */
    opacity: 0;
    transition: opacity 0.5s ease;
    position: absolute; /* Position slides absolutely for fade effect */
    top: 0;
    left: 0;
    width: 100%;
    /* Add flex styles that were on active originally */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 4rem;
}
.mclinic-statistics-section-container .stat-slide.active {
    /* display: flex; */ /* Moved display:flex to base .stat-slide */
    position: relative; /* Active slide takes space */
    opacity: 1;
    z-index: 2; /* Ensure active is on top */
}

@media (max-width: 992px) {
    .mclinic-statistics-section-container .stat-slide { /* Apply to all slides */
        flex-direction: column;
        gap: 2.5rem;
    }
     .mclinic-statistics-section-container .slides-container {
        min-height: 600px; /* Adjust min-height for column layout */
    }
}

/* Slide Text Content */
.mclinic-statistics-section-container .slide-text {
    flex: 1;
    max-width: 500px;
    position: relative; /* Ensure z-index works */
    z-index: 1;
}
.mclinic-statistics-section-container .slide-text h3 {
    font-size: 2.25rem; margin-bottom: 1.5rem; color: #ffffff;
    font-family: 'Playfair Display', serif; font-weight: 600;
}
.mclinic-statistics-section-container .slide-text p {
    font-size: 1.125rem; line-height: 1.8; margin-bottom: 1.5rem;
    color: rgba(255, 255, 255, 0.95); font-weight: 300;
}
.mclinic-statistics-section-container .quote {
    border-left: 3px solid #d9ba7a; padding-left: 1.5rem; margin-top: 2rem; position: relative;
}
.mclinic-statistics-section-container .quote:before {
    content: '"'; position: absolute; top: -15px; left: 12px;
    font-size: 2.5rem; color: rgba(217, 186, 122, 0.3); font-family: 'Playfair Display', serif;
}
.mclinic-statistics-section-container .quote p {
    font-style: italic; font-family: 'Playfair Display', serif; font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.9);
}

/* Stat Visuals */
.mclinic-statistics-section-container .stat-visuals {
    flex: 1; display: flex; flex-direction: column; justify-content: center;
    position: relative; z-index: 1;
}

/* Prevalence Slide Specifics */
.mclinic-statistics-section-container .stat-highlight {
    display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 2.5rem;
}
.mclinic-statistics-section-container .stat-circle {
    width: 150px; height: 150px; border-radius: 50%;
    border: 2px solid rgba(217, 186, 122, 0.4); background: rgba(217, 186, 122, 0.05);
    display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;
    position: relative; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    animation: pulse 4s infinite ease-in-out;
}
.mclinic-statistics-section-container .stat-circle .counter {
    font-size: 3.5rem; font-weight: 700;
    background: linear-gradient(135deg, #ffffff 0%, #e6d5b3 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent; /* Added fallback */
    font-family: 'Playfair Display', serif;
}
.mclinic-statistics-section-container .percent {
    font-size: 1.5rem; color: #ffffff; margin-left: 4px; /* Add space */
}
.mclinic-statistics-section-container .stat-highlight p {
    font-size: 1rem; color: #ffffff; max-width: 200px; text-align: center;
}
.mclinic-statistics-section-container .stat-data-row {
    display: flex; justify-content: space-around; flex-wrap: wrap;
}
.mclinic-statistics-section-container .stat-data-item {
    flex: 1; min-width: 100px; text-align: center; margin: 0 1rem;
}
.mclinic-statistics-section-container .data-number {
    display: block; font-size: 2.5rem; font-weight: 700; color: #ffffff; margin-bottom: 0.5rem;
    font-family: 'Playfair Display', serif;
}
.mclinic-statistics-section-container .data-label {
    display: block; font-size: 0.9rem; color: #ffffff;
}

/* Symptoms Slide Specifics */
.mclinic-statistics-section-container .symptom-bars {
    display: flex; flex-direction: column; gap: 1.5rem;
}
.mclinic-statistics-section-container .symptom-bar-item {
    display: flex; align-items: center; gap: 1.5rem;
    animation: fadeIn 0.6s ease-out forwards;
    animation-delay: calc(var(--index) * 0.1s); /* Make sure HTML includes style="--index: N;" */
    opacity: 0;
}
.mclinic-statistics-section-container .symptom-icon {
    width: 60px; height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.07);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.08);
}
.mclinic-statistics-section-container .symptom-icon i {
    font-size: 1.8rem; color: #d9ba7a; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.mclinic-statistics-section-container .symptom-info { flex: 1; }
.mclinic-statistics-section-container .symptom-bar-container {
    height: 8px; background: rgba(255, 255, 255, 0.08); border-radius: 20px;
    overflow: hidden; margin-bottom: 0.75rem; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mclinic-statistics-section-container .symptom-bar {
    height: 100%; background: linear-gradient(90deg, #c4a06b 0%, #d9ba7a 100%);
    width: 0; transition: width 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: 20px;
}
.mclinic-statistics-section-container .symptom-label {
    display: flex; justify-content: space-between; font-size: 1.1rem; color: #ffffff;
}

/* Mental Health Slide Specifics */
.mclinic-statistics-section-container .mental-health-data {
    display: flex; flex-direction: column; gap: 2rem;
}
.mclinic-statistics-section-container .mental-health-main {
    display: flex; flex-direction: column; align-items: center; text-align: center;
}
.mclinic-statistics-section-container .mental-health-circle {
    width: 150px; height: 150px; border-radius: 50%; border: 5px solid #8bc34a;
    display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;
}
.mclinic-statistics-section-container .mental-health-circle .counter {
    font-size: 3rem; font-weight: 700; color: #ffffff; font-family: 'Playfair Display', serif;
}
.mclinic-statistics-section-container .mental-health-main p {
    font-size: 1rem; color: #ffffff; max-width: 200px;
}
.mclinic-statistics-section-container .mental-health-items {
    display: flex; flex-direction: column; gap: 1.5rem;
}
.mclinic-statistics-section-container .mental-health-item {
    display: flex; align-items: center; gap: 1.5rem;
}
.mclinic-statistics-section-container .mental-icon {
    width: 50px; height: 50px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mclinic-statistics-section-container .mental-icon i { font-size: 1.5rem; color: #8bc34a; }
.mclinic-statistics-section-container .mental-data { flex: 1; }
.mclinic-statistics-section-container .mental-number {
    display: block; font-size: 1.5rem; font-weight: 600; color: #ffffff; margin-bottom: 0.3rem;
}
.mclinic-statistics-section-container .mental-label {
    display: block; font-size: 1rem; color: #ffffff;
}

/* Future Health Slide Specifics */
.mclinic-statistics-section-container .future-health-data {
    display: flex; flex-direction: column; gap: 2rem;
}
.mclinic-statistics-section-container .future-main {
    display: flex; flex-direction: column; align-items: center; text-align: center;
}
.mclinic-statistics-section-container .future-circle {
    width: 150px; height: 150px; border-radius: 50%; border: 5px solid #64b5f6;
    display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;
}
.mclinic-statistics-section-container .future-circle .counter {
    font-size: 3rem; font-weight: 700; color: #ffffff; font-family: 'Playfair Display', serif;
}
.mclinic-statistics-section-container .future-main p {
    font-size: 1rem; color: #ffffff; max-width: 200px;
}
.mclinic-statistics-section-container .future-risk-items {
    display: flex; flex-direction: column; gap: 1.5rem;
}
.mclinic-statistics-section-container .future-risk { margin-bottom: 1rem; }
.mclinic-statistics-section-container .risk-label {
    display: flex; align-items: center; gap: 1rem; margin-bottom: 0.5rem;
}
.mclinic-statistics-section-container .risk-label i { font-size: 1.5rem; color: #64b5f6; }
.mclinic-statistics-section-container .risk-label span {
    font-size: 1.1rem; font-weight: 500; color: #ffffff;
}
.mclinic-statistics-section-container .risk-bar-container {
    height: 8px; background-color: rgba(255, 255, 255, 0.2); border-radius: 4px;
    overflow: hidden; margin-bottom: 0.5rem;
}
.mclinic-statistics-section-container .risk-bar {
    height: 100%; background-color: #ff6b6b; width: 0; transition: width 1.5s ease-out; border-radius: 4px;
}
.mclinic-statistics-section-container .positive-bar { background-color: #64b5f6; }
.mclinic-statistics-section-container .risk-percentage { font-size: 0.9rem; color: #ffffff; }

/* Navigation Buttons */
.mclinic-statistics-section-container .nav-buttons {
    display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-top: 3rem;
    position: relative; z-index: 5; /* Ensure buttons are clickable above absolute slides */
}
.mclinic-statistics-section-container .nav-btn {
    padding: 0.8rem 1.8rem; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.9); font-size: 0.95rem;
    font-weight: 400; cursor: pointer; transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); letter-spacing: 0.3px;
}
.mclinic-statistics-section-container .nav-btn:hover {
    background: rgba(217, 186, 122, 0.15); border-color: rgba(217, 186, 122, 0.3);
    transform: translateY(-2px);
}
.mclinic-statistics-section-container .nav-btn.active {
    background: linear-gradient(135deg, #c4a06b 0%, #d9ba7a 100%); color: #053f2a;
    border-color: rgba(217, 186, 122, 0.5); font-weight: 500;
    box-shadow: 0 4px 12px rgba(196, 160, 107, 0.2);
    transform: translateY(0); /* Reset hover transform */
}

/* Source Text */
.mclinic-statistics-section-container .source-text {
    text-align: center; margin-top: 2rem; font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7); font-style: italic;
    position: relative; z-index: 5;
}

/* Animation Keyframes (Global - Do Not Prefix) */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(217, 186, 122, 0.2); }
    70% { box-shadow: 0 0 0 10px rgba(217, 186, 122, 0); }
    100% { box-shadow: 0 0 0 0 rgba(217, 186, 122, 0); }
}
@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}
/* Removed countUp keyframes as JS handles counter animation */

/* Responsive Adjustments */
@media (max-width: 767px) {
     .mclinic-statistics-section-container .section-header h2 { font-size: 2.5rem; }
     .mclinic-statistics-section-container .section-header p { font-size: 1.1rem; }
     .mclinic-statistics-section-container .slide-text h3 { font-size: 1.8rem; }
     .mclinic-statistics-section-container .slide-text p { font-size: 1rem; }
     .mclinic-statistics-section-container .nav-buttons { gap: 0.5rem; }
     .mclinic-statistics-section-container .nav-btn { padding: 0.6rem 1.2rem; font-size: 0.85rem; }
     .mclinic-statistics-section-container { padding: 3rem 0; }
     .mclinic-statistics-section-container .slides-container { min-height: 700px; /* Further adjust if needed */ }
}/* End custom CSS */