:root {
                --brand: #098388;
                --ink: #2c454c;

                --bg-soft: #f6fbfb;
                --line: rgba(44, 69, 76, 0.12);

                --radius-xl: 22px;
                --shadow-soft: 0 14px 40px rgba(0, 0, 0, 0.12);
                --shadow-nav: 0 10px 30px rgba(0, 0, 0, 0.08);
            }

            html,
            body {
                height: 100%;
            }
            body {
                font-family:
                    "Jost",
                    system-ui,
                    -apple-system,
                    Segoe UI,
                    Roboto,
                    "Helvetica Neue",
                    Arial,
                    "Noto Sans",
                    "Liberation Sans",
                    sans-serif;
                color: var(--ink);
                background: #ffffff;
            }
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                font-family:
                    "Outfit",
                    system-ui,
                    -apple-system,
                    Segoe UI,
                    Roboto,
                    "Helvetica Neue",
                    Arial,
                    "Noto Sans",
                    "Liberation Sans",
                    sans-serif;
                color: var(--ink);
                letter-spacing: -0.02em;
            }

            /* =========================
       Header / Navbar
    ========================= */
            .mk-header {
                position: sticky;
                top: 0;
                z-index: 1030;
                transition:
                    background 0.25s ease,
                    box-shadow 0.25s ease,
                    border-color 0.25s ease,
                    padding 0.25s ease;
                background: rgba(255, 255, 255, 0.86);
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                border-bottom: 1px solid transparent;
            }
            .mk-header.is-scrolled {
                box-shadow: var(--shadow-nav);
                border-bottom-color: var(--line);
                background: rgba(255, 255, 255, 0.92);
            }

            .mk-navbar {
                padding: 14px 0;
                transition: padding 0.25s ease;
            }
            .mk-header.is-scrolled .mk-navbar {
                padding: 10px 0;
            }

            .brand-logo {
                display: inline-flex;
                align-items: center;
                gap: 12px;
                text-decoration: none;
            }
            .brand-logo img {
                height: 54px;
                width: auto;
                display: block;
            }
            .brand-wordmark {
                display: none;
                font-family: "Outfit";
                font-weight: 600;
                letter-spacing: -0.02em;
                color: var(--ink);
            }
            @media (min-width: 992px) {
                .brand-wordmark {
                    display: inline;
                }
            }

            .mk-nav .nav-link {
                color: rgba(44, 69, 76, 0.88);
                font-weight: 500;
                padding: 0.65rem 0.9rem !important;
                border-radius: 10px;
                transition:
                    background 0.2s ease,
                    color 0.2s ease;
            }
            .mk-nav .nav-link:hover {
                color: var(--ink);
                background: rgba(9, 131, 136, 0.08);
            }

            /* Dropdown */
            .mk-dropdown .dropdown-menu {
                border: 1px solid var(--line);
                box-shadow: 0 16px 45px rgba(0, 0, 0, 0.1);
                border-radius: 16px;
                padding: 10px;
                min-width: 240px;
                overflow: hidden;
            }
            .mk-dropdown .dropdown-item {
                border-radius: 12px;
                padding: 0.7rem 0.9rem;
                font-weight: 500;
                color: rgba(44, 69, 76, 0.92);
            }
            .mk-dropdown .dropdown-item:hover {
                background: rgba(9, 131, 136, 0.1);
                color: var(--ink);
            }

            /* Modern sharp toggle button */
            .mk-toggler {
                border: 1px solid var(--line);
                background: #fff;
                width: 46px;
                height: 42px;
                border-radius: 10px; /* modern but still “sharp-ish” */
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 5px;
                transition:
                    transform 0.15s ease,
                    box-shadow 0.2s ease,
                    border-color 0.2s ease;
                box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);
            }
            .mk-toggler:hover {
                border-color: rgba(9, 131, 136, 0.25);
                box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);
                transform: translateY(-1px);
            }
            .mk-burger {
                width: 18px;
                height: 14px;
                position: relative;
                display: inline-block;
            }
            .mk-burger span {
                position: absolute;
                left: 0;
                right: 0;
                height: 2px;
                background: var(--ink);
                border-radius: 2px;
                transition:
                    transform 0.2s ease,
                    top 0.2s ease,
                    opacity 0.2s ease;
            }
            .mk-burger span:nth-child(1) {
                top: 1px;
            }
            .mk-burger span:nth-child(2) {
                top: 6px;
                opacity: 0.9;
            }
            .mk-burger span:nth-child(3) {
                top: 11px;
            }

            .mk-toggler[aria-expanded="true"] .mk-burger span:nth-child(1) {
                top: 6px;
                transform: rotate(45deg);
            }
            .mk-toggler[aria-expanded="true"] .mk-burger span:nth-child(2) {
                opacity: 0;
            }
            .mk-toggler[aria-expanded="true"] .mk-burger span:nth-child(3) {
                top: 6px;
                transform: rotate(-45deg);
            }

            /* WhatsApp CTA (sharp edges, no radius) */
            .btn-whatsapp {
                background: var(--brand);
                color: #fff;
                border: 1px solid rgba(255, 255, 255, 0.18);
                border-radius: 0;
                padding: 0.75rem 1rem;
                font-weight: 600;
                display: inline-flex;
                align-items: center;
                gap: 0.55rem;
                transition:
                    transform 0.15s ease,
                    box-shadow 0.2s ease,
                    background 0.2s ease;
                box-shadow: 0 14px 35px rgba(9, 131, 136, 0.18);
                text-decoration: none;
                white-space: nowrap;
            }
            .btn-whatsapp:hover {
                color: #fff;
                background: #08777b;
                transform: translateY(-1px);
                box-shadow: 0 18px 42px rgba(9, 131, 136, 0.24);
            }

            /* Mobile menu: full-width dropdown panel */
            @media (max-width: 991.98px) {
                .navbar {
                    position: relative;
                }

                .navbar-collapse {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: calc(100% + 10px);
                    background: #ffffff;
                    border: 1px solid var(--line);
                    box-shadow: var(--shadow-nav);
                    padding: 14px 14px 18px;
                    border-radius: 18px;
                    overflow: hidden;
                }

                /* subtle top accent strip */
                .navbar-collapse::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    height: 4px;
                    background: linear-gradient(90deg, var(--brand), rgba(9, 131, 136, 0.35), var(--brand));
                }

                .mk-nav .nav-link {
                    border-radius: 14px;
                    padding: 0.85rem 0.9rem !important;
                    background: rgba(9, 131, 136, 0.05);
                    margin-bottom: 8px;
                }

                .mk-dropdown .dropdown-menu {
                    border-radius: 14px;
                    box-shadow: none;
                    border: 1px solid var(--line);
                    padding: 10px;
                    margin-top: 8px;
                }
            }

            /* =========================
       Hero
    ========================= */
            .mk-hero {
                position: relative;
                min-height: 86vh;
                display: grid;
                align-items: center;
                overflow: hidden;
                background: url("/assets/img/herobg.jpg") center/cover no-repeat;
            }
            .mk-hero::before {
                /* dark overlay */
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(900px 380px at 12% 30%, rgba(9, 131, 136, 0.32), transparent 55%),
                    linear-gradient(
                        90deg,
                        rgba(12, 18, 22, 0.88) 0%,
                        rgba(12, 18, 22, 0.72) 40%,
                        rgba(12, 18, 22, 0.55) 65%,
                        rgba(12, 18, 22, 0.35) 100%
                    );
            }
            .mk-hero::after {
                /* subtle pattern */
                content: "";
                position: absolute;
                inset: -2px;
                background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.08) 1px, transparent 0);
                background-size: 18px 18px;
                opacity: 0.35;
                pointer-events: none;
                mix-blend-mode: overlay;
            }

            .mk-hero .container {
                position: relative;
                z-index: 2;
                padding-top: 44px;
                padding-bottom: 44px;
            }

            .hero-kicker {
                display: inline-flex;
                align-items: center;
                gap: 0.55rem;
                padding: 0.5rem 0.75rem;
                border: 1px solid rgba(255, 255, 255, 0.16);
                color: rgba(255, 255, 255, 0.9);
                background: rgba(255, 255, 255, 0.06);
                backdrop-filter: blur(8px);
                -webkit-backdrop-filter: blur(8px);
                font-weight: 600;
                letter-spacing: 0.02em;
                text-transform: uppercase;
                font-size: 0.86rem;
            }
            .hero-kicker i {
                color: rgba(255, 255, 255, 0.95);
            }

            .hero-title {
                color: #fff;
                font-weight: 700;
                font-size: clamp(2.1rem, 3.6vw, 3.4rem);
                line-height: 1.08;
                margin-top: 14px;
                margin-bottom: 14px;
            }
            .hero-title .accent {
                color: #bdf3f1;
                text-shadow: 0 14px 34px rgba(9, 131, 136, 0.25);
            }
            .hero-sub {
                color: rgba(255, 255, 255, 0.82);
                font-size: 1.1rem;
                line-height: 1.7;
                max-width: 52ch;
                margin-bottom: 22px;
            }

            .btn-hero {
                border-radius: 0; /* sharp edges */
                background: var(--brand);
                color: #fff;
                border: 1px solid rgba(255, 255, 255, 0.18);
                padding: 0.95rem 1.2rem;
                font-weight: 700;
                letter-spacing: 0.01em;
                display: inline-flex;
                align-items: center;
                gap: 0.6rem;
                transition:
                    transform 0.15s ease,
                    box-shadow 0.2s ease,
                    background 0.2s ease;
                box-shadow: 0 18px 48px rgba(9, 131, 136, 0.22);
                text-decoration: none;
            }
            .btn-hero:hover {
                color: #fff;
                background: #08777b;
                transform: translateY(-1px);
                box-shadow: 0 22px 58px rgba(9, 131, 136, 0.28);
            }

            .btn-column {
                border-radius: 0; /* sharp edges */
                background: var(--brand);
                color: #fff;
                border: 1px solid rgba(255, 255, 255, 0.18);
                padding: 0.95rem 1.2rem;
                font-weight: 700;
                letter-spacing: 0.01em;
                display: inline-flex;
                align-items: center;
                gap: 0.6rem;
                transition:
                    transform 0.15s ease,
                    box-shadow 0.2s ease,
                    background 0.2s ease;
                box-shadow: 0 18px 48px rgba(9, 131, 136, 0.22);
                text-decoration: none;
                margin-top: 20px;
            }
            .btn-column:hover {
                color: #fff;
                background: #08777b;
                transform: translateY(-1px);
                box-shadow: 0 22px 58px rgba(9, 131, 136, 0.28);
            }

            /* Hero feature ticks */
            .hero-points {
                margin-top: 18px;
                display: grid;
                gap: 10px;
                color: rgba(255, 255, 255, 0.78);
                font-weight: 500;
            }
            .hero-points .pt {
                display: flex;
                align-items: flex-start;
                gap: 10px;
            }
            .hero-points i {
                color: #bdf3f1;
                margin-top: 2px;
                font-size: 1.05rem;
            }

            /* Form card (premium glass panel) */
            .mk-form-card {
                background: rgba(255, 255, 255, 0.92);
                border: 1px solid rgba(255, 255, 255, 0.35);
                border-radius: var(--radius-xl);
                box-shadow: var(--shadow-soft);
                overflow: hidden;
                position: relative;
            }
            .mk-form-card::before {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(700px 280px at 15% 0%, rgba(9, 131, 136, 0.18), transparent 60%),
                    linear-gradient(180deg, rgba(9, 131, 136, 0.06) 0%, transparent 45%);
                pointer-events: none;
            }
            .mk-form-head {
                position: relative;
                padding: 18px 18px 12px;
                border-bottom: 1px solid rgba(44, 69, 76, 0.1);
            }
            .mk-form-head h5 {
                margin: 0;
                font-weight: 700;
            }
            .mk-form-head p {
                margin: 6px 0 0;
                color: rgba(44, 69, 76, 0.75);
                font-size: 0.98rem;
                line-height: 1.5;
            }

            .mk-form-body {
                position: relative;
                padding: 16px 18px 18px;
            }
            .form-control,
            .form-select {
                border-radius: 14px;
                border: 1px solid rgba(44, 69, 76, 0.16);
                padding: 0.85rem 0.95rem;
                font-weight: 500;
                color: var(--ink);
                background: #fff;
            }
            .form-control:focus,
            .form-select:focus {
                border-color: rgba(9, 131, 136, 0.45);
                box-shadow: 0 0 0 0.25rem rgba(9, 131, 136, 0.12);
            }

            .btn-submit {
                border-radius: 0; /* sharp */
                background: var(--ink);
                color: #fff;
                border: 1px solid rgba(44, 69, 76, 0.2);
                padding: 0.95rem 1.1rem;
                font-weight: 700;
                width: 100%;
                transition:
                    transform 0.15s ease,
                    box-shadow 0.2s ease,
                    background 0.2s ease;
                box-shadow: 0 14px 34px rgba(0, 0, 0, 0.14);
            }
            .btn-submit:hover {
                color: #fff;
                background: #23383d;
                transform: translateY(-1px);
                box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
            }

            .mk-note {
                margin-top: 10px;
                font-size: 0.92rem;
                color: rgba(44, 69, 76, 0.72);
            }

            /* Responsive spacing */
            @media (max-width: 991.98px) {
                .mk-hero {
                    min-height: auto;
                }
                .hero-sub {
                    max-width: none;
                }
            }
        
        
        
            /* =========================
   About Us - Minimal
========================= */
            .mk-about-min {
                padding: 90px 0;
                background: #ffffff;
            }

            .about-label {
                display: inline-block;
                font-size: 0.8rem;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                font-weight: 700;
                color: var(--brand);
                margin-bottom: 14px;
            }

            .about-heading {
                font-size: clamp(2rem, 3.4vw, 2.8rem);
                font-weight: 700;
                line-height: 1.12;
                margin-bottom: 16px;
            }

            .about-heading .accent {
                color: var(--brand);
            }

            .about-para {
                font-size: 1.05rem;
                line-height: 1.7;
                color: rgba(44, 69, 76, 0.85);
                max-width: 48ch;
                margin-bottom: 26px;
            }

            /* Micro stats */
            .about-stats {
                display: flex;
                gap: 22px;
                flex-wrap: wrap;
            }

            .about-stats .stat {
                border-left: 2px solid rgba(9, 131, 136, 0.35);
                padding-left: 12px;
            }

            .about-stats strong {
                display: block;
                font-family: "Outfit";
                font-weight: 700;
                font-size: 0.95rem;
                color: var(--ink);
            }

            .about-stats span {
                font-size: 0.9rem;
                color: rgba(44, 69, 76, 0.75);
            }

            /* Image */
            .about-image-wrap {
                position: relative;
                border-radius: 28px;
                overflow: hidden;
                box-shadow: 0 30px 70px rgba(0, 0, 0, 0.12);
            }

            .about-image-wrap img {
                width: 100%;
                height: 420px;
                object-fit: cover;
                display: block;
            }

            .about-image-wrap .image-overlay {
                position: absolute;
                inset: 0;
                background: linear-gradient(
                    90deg,
                    rgba(12, 18, 22, 0.65) 0%,
                    rgba(12, 18, 22, 0.35) 40%,
                    rgba(12, 18, 22, 0.1) 70%,
                    rgba(12, 18, 22, 0) 100%
                );
            }

            /* Responsive */
            @media (max-width: 991.98px) {
                .mk-about-min {
                    padding: 70px 0;
                }
                .about-image-wrap img {
                    height: 320px;
                }
            }
        
        
        
        
            /* =========================
   Our Services
========================= */
            .mk-services {
                padding: 90px 0;
                background: linear-gradient(180deg, #f6fbfb 0%, #ffffff 100%);
                border-top: 1px solid rgba(44, 69, 76, 0.08);
            }

            .services-label {
                display: inline-block;
                font-size: 0.8rem;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                font-weight: 700;
                color: var(--brand);
                margin-bottom: 14px;
            }

            .services-heading {
                font-size: clamp(2rem, 3.2vw, 2.7rem);
                font-weight: 700;
                line-height: 1.12;
            }

            .services-heading .accent {
                color: var(--brand);
            }

            /* Service Cards */
            .service-card {
                display: block;
                height: 100%;
                background: #ffffff;
                border: 1px solid rgba(44, 69, 76, 0.12);
                border-radius: 22px;
                padding: 28px 24px 30px;
                text-decoration: none;
                color: var(--ink);
                transition:
                    transform 0.2s ease,
                    box-shadow 0.25s ease,
                    border-color 0.25s ease;
                position: relative;
                overflow: hidden;
            }

            .service-card::before {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(300px 140px at 20% 0%, rgba(9, 131, 136, 0.18), transparent 60%);
                opacity: 0;
                transition: opacity 0.25s ease;
            }

            .service-card:hover::before {
                opacity: 1;
            }

            .service-card:hover {
                transform: translateY(-6px);
                box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
                border-color: rgba(9, 131, 136, 0.35);
            }

            .icon-wrap {
                width: 54px;
                height: 54px;
                border-radius: 14px;
                background: rgba(9, 131, 136, 0.12);
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 18px;
            }

            .icon-wrap i {
                font-size: 1.6rem;
                color: var(--brand);
            }

            .service-card h5 {
                font-family: "Outfit";
                font-weight: 700;
                margin-bottom: 10px;
            }

            .service-card p {
                font-size: 0.98rem;
                line-height: 1.65;
                color: rgba(44, 69, 76, 0.78);
                margin-bottom: 18px;
            }

            .service-link {
                font-weight: 600;
                font-size: 0.95rem;
                color: var(--brand);
                display: inline-flex;
                align-items: center;
                gap: 6px;
            }

            .service-link i {
                transition: transform 0.2s ease;
            }

            .service-card:hover .service-link i {
                transform: translateX(4px);
            }

            /* Responsive */
            @media (max-width: 991.98px) {
                .mk-services {
                    padding: 70px 0;
                }
            }
        
        
        
            /* =========================
   CTA Section
========================= */
            .mk-cta {
                padding: 80px 0;
                background: linear-gradient(180deg, rgba(9, 131, 136, 0.12) 0%, rgba(9, 131, 136, 0.05) 100%);
            }

            .cta-box {
                background: linear-gradient(135deg, #098388 0%, #0b6f73 100%);
                border-radius: 26px;
                padding: 46px 42px;
                color: #ffffff;
                position: relative;
                overflow: hidden;
                box-shadow: 0 40px 90px rgba(9, 131, 136, 0.35);
            }

            .cta-box::before {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(600px 260px at 12% 0%, rgba(255, 255, 255, 0.22), transparent 60%);
                pointer-events: none;
            }

            .cta-box::after {
                content: "";
                position: absolute;
                right: -80px;
                bottom: -80px;
                width: 260px;
                height: 260px;
                background: rgba(255, 255, 255, 0.06);
                border-radius: 50%;
            }

            .cta-label {
                display: inline-block;
                font-size: 0.8rem;
                letter-spacing: 0.14em;
                text-transform: uppercase;
                font-weight: 700;
                opacity: 0.9;
                margin-bottom: 12px;
            }

            .cta-heading {
                font-size: clamp(2rem, 3vw, 2.6rem);
                font-weight: 700;
                line-height: 1.12;
                margin-bottom: 14px;
                color: #fff;
            }

            .cta-text {
                font-size: 1.05rem;
                line-height: 1.7;
                opacity: 0.92;
                max-width: 46ch;
            }

            /* Actions */
            .cta-actions {
                display: grid;
                grid-template-columns: 1fr;
                gap: 14px;
            }

            /* Buttons */
            .cta-btn {
                display: flex;
                align-items: center;
                gap: 10px;
                font-family: "Outfit";
                font-weight: 700;
                padding: 16px 18px;
                text-decoration: none;
                transition:
                    transform 0.15s ease,
                    box-shadow 0.2s ease,
                    background 0.2s ease,
                    color 0.2s ease;
                border-radius: 0; /* sharp edges */
                white-space: nowrap;
            }

            .cta-btn i {
                font-size: 1.25rem;
            }

            /* Primary Call */
            .cta-btn.primary {
                background: #ffffff;
                color: #098388;
                box-shadow: 0 20px 44px rgba(0, 0, 0, 0.18);
            }

            .cta-btn.primary span {
                margin-left: auto;
                font-family: "Jost";
                font-weight: 600;
                opacity: 0.9;
            }

            .cta-btn.primary:hover {
                transform: translateY(-2px);
                box-shadow: 0 26px 60px rgba(0, 0, 0, 0.22);
            }

            /* WhatsApp */
            .cta-btn.outline {
                background: rgba(255, 255, 255, 0.12);
                color: #ffffff;
                border: 1px solid rgba(255, 255, 255, 0.35);
            }

            .cta-btn.outline:hover {
                background: rgba(255, 255, 255, 0.18);
                transform: translateY(-2px);
            }

            /* Form */
            .cta-btn.ghost {
                background: transparent;
                color: rgba(255, 255, 255, 0.95);
                border: 1px dashed rgba(255, 255, 255, 0.45);
            }

            .cta-btn.ghost:hover {
                background: rgba(255, 255, 255, 0.1);
                transform: translateY(-2px);
            }

            /* Responsive */
            @media (min-width: 992px) {
                .cta-actions {
                    grid-template-columns: 1fr 1fr;
                }
                .cta-btn.primary {
                    grid-column: span 2;
                }
            }

            @media (max-width: 991.98px) {
                .mk-cta {
                    padding: 60px 0;
                }
                .cta-box {
                    padding: 36px 28px;
                }
            }
        
        
        
            /* =========================
   Patient Reviews (FINAL)
========================= */

            /* Section */
            .mk-reviews {
                padding: 90px 0;
                background: #ffffff;
                border-top: 1px solid rgba(44, 69, 76, 0.08);
                overflow: visible;
            }

            /* Heading */
            .reviews-label {
                display: inline-block;
                font-size: 0.8rem;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                font-weight: 700;
                color: var(--brand);
                margin-bottom: 14px;
            }

            .reviews-heading {
                font-size: clamp(2rem, 3.2vw, 2.7rem);
                font-weight: 700;
                line-height: 1.12;
            }

            .reviews-heading .accent {
                color: var(--brand);
            }

            /* Swiper wrapper */
            .mk-review-slider {
                margin-top: 20px;
                padding-bottom: 0;
                overflow: visible;
            }

            .swiper {
                overflow: visible;
            }

            .swiper-wrapper {
                align-items: stretch;
            }

            /* Slides */
            .swiper-slide {
                height: auto;
            }

            /* Review Card */
            .review-card {
                height: 100%;
                background: #ffffff;
                border: 1px solid rgba(44, 69, 76, 0.12);
                border-radius: 22px;
                padding: 32px 28px 34px;
                /*box-shadow: 0 28px 60px rgba(0,0,0,.12);*/
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                transition:
                    transform 0.25s ease,
                    box-shadow 0.25s ease;
            }

            /* Active slide emphasis */
            .swiper-slide-active .review-card {
                transform: translateY(-4px);
                /*box-shadow: 0 38px 90px rgba(0,0,0,.16);*/
            }

            /* Stars */
            .review-stars {
                color: #f4c430;
                margin-bottom: 14px;
                font-size: 1.05rem;
            }

            /* Review text */
            .review-text {
                font-size: 1.02rem;
                line-height: 1.7;
                color: rgba(44, 69, 76, 0.85);
                margin-bottom: 26px;
            }

            /* Author */
            .review-author strong {
                display: block;
                font-family: "Outfit";
                font-weight: 700;
                color: var(--ink);
            }

            .review-author span {
                font-size: 0.9rem;
                color: rgba(44, 69, 76, 0.7);
            }

            /* Navigation wrapper (SAFE – no clipping) */
            .review-nav {
                margin-top: 32px;
                display: flex;
                justify-content: flex-end;
                gap: 12px;
            }

            /* Arrow buttons */
            .review-prev,
            .review-next {
                width: 48px;
                height: 48px;
                background: #ffffff;
                border: 1px solid rgba(44, 69, 76, 0.16);
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                transition:
                    transform 0.15s ease,
                    box-shadow 0.2s ease,
                    background 0.2s ease;
                box-shadow: 0 16px 34px rgba(0, 0, 0, 0.14);
            }

            .review-prev:hover,
            .review-next:hover {
                transform: translateY(-2px);
                box-shadow: 0 22px 48px rgba(0, 0, 0, 0.2);
            }

            .review-prev i,
            .review-next i {
                font-size: 1.2rem;
                color: var(--ink);
            }

            /* Disabled state (Swiper adds this) */
            .review-prev.swiper-button-disabled,
            .review-next.swiper-button-disabled {
                opacity: 0.4;
                pointer-events: none;
            }

            /* Responsive */
            @media (max-width: 991.98px) {
                .mk-reviews {
                    padding: 70px 0;
                }
                .review-nav {
                    justify-content: center;
                }
            }

            @media (max-width: 575.98px) {
                .review-card {
                    padding: 26px 22px 28px;
                }
            }
        
        
        
            /* =========================
   USP / Key Numbers
========================= */
            .mk-usp {
                padding: 90px 0;
                background: linear-gradient(180deg, #f6fbfb 0%, #ffffff 100%);
                border-top: 1px solid rgba(44, 69, 76, 0.08);
            }

            .usp-label {
                display: inline-block;
                font-size: 0.8rem;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                font-weight: 700;
                color: var(--brand);
                margin-bottom: 14px;
            }

            .usp-heading {
                font-size: clamp(2rem, 3.2vw, 2.7rem);
                font-weight: 700;
                line-height: 1.12;
            }

            .usp-heading .accent {
                color: var(--brand);
            }

            /* Cards */
            .usp-card {
                height: 100%;
                background: #ffffff;
                border: 1px solid rgba(44, 69, 76, 0.12);
                border-radius: 22px;
                padding: 38px 24px;
                text-align: center;
                box-shadow: 0 26px 60px rgba(0, 0, 0, 0.1);
                transition:
                    transform 0.25s ease,
                    box-shadow 0.25s ease;
            }

            .usp-card:hover {
                transform: translateY(-6px);
                box-shadow: 0 36px 80px rgba(0, 0, 0, 0.14);
            }

            .usp-card h3 {
                font-family: "Outfit";
                font-size: clamp(2.4rem, 3.4vw, 3rem);
                font-weight: 700;
                color: var(--brand);
                margin-bottom: 8px;
            }

            .usp-card p {
                font-size: 1rem;
                font-weight: 600;
                color: rgba(44, 69, 76, 0.8);
                margin: 0;
            }

            /* Responsive */
            @media (max-width: 991.98px) {
                .mk-usp {
                    padding: 70px 0;
                }
            }
        
        
        
            /* =========================
   FAQ Section
========================= */
            .mk-faq {
                padding: 90px 0;
                background: linear-gradient(180deg, rgba(9, 131, 136, 0.12) 0%, rgba(9, 131, 136, 0.05) 100%);
                border-top: 1px solid rgba(44, 69, 76, 0.08);
            }

            .faq-label {
                display: inline-block;
                font-size: 0.8rem;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                font-weight: 700;
                color: var(--brand);
                margin-bottom: 14px;
            }

            .faq-heading {
                font-size: clamp(2rem, 3.2vw, 2.7rem);
                font-weight: 700;
                line-height: 1.12;
            }

            .faq-heading .accent {
                color: var(--brand);
            }

            /* Accordion */
            .mk-accordion .accordion-item {
                border: 1px solid rgba(44, 69, 76, 0.12);
                border-radius: 18px;
                margin-bottom: 14px;
                overflow: hidden;
                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
            }

            .mk-accordion .accordion-header {
                margin: 0;
            }

            .mk-accordion .accordion-button {
                font-family: "Outfit";
                font-weight: 600;
                font-size: 1.02rem;
                padding: 20px 22px;
                color: var(--ink);
                background: #ffffff;
                box-shadow: none;
            }

            .mk-accordion .accordion-button:not(.collapsed) {
                background: rgba(9, 131, 136, 0.06);
                color: var(--ink);
            }

            .mk-accordion .accordion-button:focus {
                box-shadow: none;
                border-color: rgba(9, 131, 136, 0.35);
            }

            .mk-accordion .accordion-button::after {
                background-size: 1rem;
                transform: scale(1.1);
            }

            .mk-accordion .accordion-body {
                padding: 18px 22px 22px;
                font-size: 0.98rem;
                line-height: 1.7;
                color: rgba(44, 69, 76, 0.85);
                background: #ffffff;
            }

            /* Responsive */
            @media (max-width: 991.98px) {
                .mk-faq {
                    padding: 70px 0;
                }
            }
        
        
        
            /* =========================
   Footer – Medikure Health
========================= */

            p.footer-note a {
                font-size: 0.88rem;
                color: rgba(255, 255, 255, 0.85);
                text-decoration: none;
            }

            .mk-footer-main {
                background: #098388;
                color: rgba(255, 255, 255, 0.92);
                padding: 80px 0 36px;
            }

            /* Brand */
            .footer-brand img {
                height: 66px;
                margin-bottom: 16px;
            }

            .footer-brand p {
                font-size: 0.95rem;
                line-height: 1.7;
                color: rgba(255, 255, 255, 0.85);
                max-width: 42ch;
            }

            /* Titles */
            .footer-title {
                font-family: "Outfit";
                font-size: 0.95rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.08em;
                margin-bottom: 18px;
                color: #ffffff;
            }

            /* Links */
            .footer-links {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .footer-links li {
                margin-bottom: 10px;
            }

            .footer-links a {
                text-decoration: none;
                color: rgba(255, 255, 255, 0.82);
                font-size: 0.95rem;
                transition: color 0.2s ease;
            }

            .footer-links a:hover {
                color: #ffffff;
            }

            /* Contact */
            .footer-contact {
                list-style: none;
                padding: 0;
                margin: 0 0 18px;
            }

            .footer-contact li {
                display: flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 12px;
            }

            .footer-contact i {
                font-size: 1.1rem;
                color: rgba(255, 255, 255, 0.9);
            }

            .footer-contact a {
                color: rgba(255, 255, 255, 0.9);
                text-decoration: none;
                font-weight: 600;
            }

            /* Footer Actions */
            .footer-actions {
                display: flex;
                gap: 12px;
                flex-wrap: wrap;
            }

            .footer-btn {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 12px 16px;
                font-family: "Outfit";
                font-weight: 700;
                font-size: 0.9rem;
                text-decoration: none;
                border-radius: 0;
                transition:
                    transform 0.15s ease,
                    box-shadow 0.2s ease,
                    background 0.2s ease;
            }

            .footer-btn.primary {
                background: #ffffff;
                color: #098388;
                box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
            }

            .footer-btn.primary:hover {
                transform: translateY(-2px);
            }

            .footer-btn.outline {
                border: 1px solid rgba(255, 255, 255, 0.45);
                color: #ffffff;
            }

            .footer-btn.outline:hover {
                background: rgba(255, 255, 255, 0.12);
            }

            /* Divider */
            .footer-divider {
                height: 1px;
                background: rgba(255, 255, 255, 0.18);
                margin: 46px 0 26px;
            }

            /* Bottom */
            .footer-note {
                font-size: 0.88rem;
                color: rgba(255, 255, 255, 0.8);
                margin: 0;
            }

            .footer-note .sep {
                margin: 0 8px;
                opacity: 0.6;
            }

            /* Legal */
            .footer-legal {
                list-style: none;
                padding: 0;
                margin: 0;
                display: inline-flex;
                gap: 16px;
            }

            .footer-legal a {
                font-size: 0.88rem;
                color: rgba(255, 255, 255, 0.85);
                text-decoration: none;
            }

            .footer-legal a:hover {
                color: #ffffff;
            }

            /* Responsive */
            @media (max-width: 991.98px) {
                .mk-footer-main {
                    padding: 60px 0 30px;
                }
                .footer-bottom {
                    text-align: center;
                }
                .footer-legal {
                    justify-content: center;
                }
            }
        
        
        
            /* =========================
   Fixed Action Buttons
========================= */
            .mk-fab {
                position: fixed;
                right: 20px;
                bottom: 24px;
                display: flex;
                flex-direction: column;
                gap: 14px;
                z-index: 1050;
            }

            /* Base button */
            .fab-btn {
                width: 54px;
                height: 54px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #ffffff;
                font-size: 1.25rem;
                text-decoration: none;
                box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
                transition:
                    transform 0.15s ease,
                    box-shadow 0.2s ease,
                    background 0.2s ease;
            }

            /* Hover */
            .fab-btn:hover {
                transform: translateY(-3px);
                box-shadow: 0 24px 55px rgba(0, 0, 0, 0.32);
                color: #ffffff;
            }

            /* Individual colors */
            .fab-btn.call {
                background: #2c454c;
            }

            .fab-btn.call:hover {
                background: #23383d;
            }

            .fab-btn.whatsapp {
                background: #25d366;
            }

            .fab-btn.whatsapp:hover {
                background: #1ebe5d;
            }

            .fab-btn.instagram {
                background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
            }

            /* Mobile tweak */
            @media (max-width: 575.98px) {
                .mk-fab {
                    right: 16px;
                    bottom: 18px;
                }
                .fab-btn {
                    width: 50px;
                    height: 50px;
                    font-size: 1.15rem;
                }
            }
            
            
            
            
            
            
/* =========================
   About Page Top / Breadcrumb Hero
========================= */
.mk-page-hero{
  background: #098388;
  color: rgba(255,255,255,.95);
  padding: 78px 0 58px;
  position: relative;
  overflow: hidden;
}

.mk-page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(800px 320px at 15% 15%, rgba(255,255,255,.22), transparent 62%),
    radial-gradient(520px 220px at 90% 60%, rgba(0,0,0,.18), transparent 60%);
  pointer-events:none;
}

.mk-page-hero::after{
  content:"";
  position:absolute;
  right:-120px;
  top:-140px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  pointer-events:none;
}

.mk-page-eyebrow{
  display: inline-block;
  font-family: "Outfit", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 600;
  font-size: .82rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .9;
  margin-bottom: 10px;
}

.mk-page-title{
  font-family: "Outfit", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 700;
  font-size: clamp(2.1rem, 3.4vw, 3.2rem);
  line-height: 1.08;
  margin: 0 0 10px;
  color: #ffffff;
}

.mk-page-sub{
  margin: 0;
  font-family: "Jost", system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-size: 1.05rem;
  line-height: 1.7;
  color: rgba(255,255,255,.88);
  max-width: 56ch;
}

/* Breadcrumb */
.mk-breadcrumb-wrap{
  position: relative;
  z-index: 1;
}

.mk-breadcrumb{
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 12px 14px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 18px;
}

.mk-breadcrumb .breadcrumb-item,
.mk-breadcrumb .breadcrumb-item::before{
  color: rgba(255,255,255,.80);
}

.mk-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  content: "›";
  font-weight: 700;
  opacity: .85;
}

.mk-breadcrumb a{
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
}

.mk-breadcrumb a:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}

.mk-breadcrumb .active{
  color: rgba(255,255,255,.85);
  font-weight: 600;
}

/* Responsive */
@media (max-width: 991.98px){
  .mk-page-hero{
    padding: 64px 0 48px;
  }
  .mk-breadcrumb{
    border-radius: 16px;
  }
}




    
    /* =========================
   Compact Contact Band
========================= */
.mk-contact-band{
  background:#ffffff;
  overflow:hidden;
}

/* LEFT FORM */
.mk-contact-form-wrap{
  background:#009ea5;
  color:#ffffff;
  padding:60px 50px;
  display:flex;
  align-items:center;
}

.mk-contact-form-inner{
  width:100%;
  max-width:460px;
  margin-left:auto;
  margin-right:auto;
}

.mk-contact-title{
  font-family:"Outfit";
  font-weight:700;
  font-size:2rem;
  margin-bottom:10px;
  color:#fff;
}

.mk-contact-sub{
  font-size:.95rem;
  line-height:1.6;
  color:rgba(255,255,255,.9);
  margin-bottom:28px;
}

/* Inputs */
.mk-input{
  background:transparent;
  border:none;
  border-bottom:1px solid rgba(255,255,255,.45);
  border-radius:0;
  padding:10px 4px;
  color:#ffffff;
  font-size:.95rem;
}

.mk-input::placeholder{
  color:rgba(255,255,255,.7);
}

.mk-input:focus{
  background:transparent;
  border-color:#ffffff;
  box-shadow:none;
  color:#ffffff;
}

.form-select.mk-input option{
  color:#2c454c;
}

/* Submit */
.mk-submit-btn{
  width:100%;
  margin-top:10px;
  padding:14px 16px;
  background:#ffffff;
  color:#098388;
  font-family:"Outfit";
  font-weight:700;
  border:none;
  border-radius:0;
  transition:transform .15s ease, box-shadow .2s ease;
  box-shadow:0 16px 36px rgba(0,0,0,.25);
}

.mk-submit-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 48px rgba(0,0,0,.35);
}

/* RIGHT VISUAL */
.mk-contact-visual{
  position:relative;
  background:
    linear-gradient(
      135deg,
      rgba(9,131,136,.2),
      rgba(9,131,136,.1)
    ),
    url("/assets/img/contact-bg.jpg?aa") center/cover no-repeat;
  display:flex;
  align-items:flex-end;
  padding:60px;
}

.mk-contact-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.15),
      rgba(0,0,0,.45)
    );
}

.mk-contact-visual-content{
  position:relative;
  max-width:420px;
  color:#ffffff;
}

.mk-contact-visual-content h3{
  font-family:"Outfit";
  font-weight:700;
  font-size:2.1rem;
  line-height:1.1;
  color: #fff;
  margin-bottom:12px;
}

.mk-contact-visual-content p{
  font-size:1rem;
  line-height:1.6;
  color:rgba(255,255,255,.9);
}

/* Responsive */
@media (max-width:991.98px){
  .mk-contact-form-wrap{
    padding:50px 28px;
  }
  .mk-contact-visual{
    min-height:300px;
    padding:40px 28px;
  }
}



    /* =========================
   Single Service – LASIK
========================= */
.mk-service-single{
  padding: 90px 0;
  background: #ffffff;
  border-top: 1px solid rgba(44,69,76,.08);
}

/* Text */
.service-eyebrow{
  display:inline-block;
  font-size:.8rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--brand);
  margin-bottom:14px;
}

.service-title{
  font-family:"Outfit";
  font-size:clamp(2.1rem,3.4vw,2.8rem);
  font-weight:700;
  line-height:1.12;
  margin-bottom:18px;
}

.service-title span{
  color:var(--brand);
}

.service-text{
  font-size:1.05rem;
  line-height:1.75;
  color:rgba(44,69,76,.85);
  max-width:52ch;
  margin-bottom:22px;
}

/* Points */
.service-points{
  list-style:none;
  padding:0;
  margin:0 0 28px;
}

.service-points li{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:500;
  color:rgba(44,69,76,.9);
  margin-bottom:10px;
}

.service-points i{
  color:var(--brand);
  font-size:1.05rem;
}

/* Actions */
.service-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.service-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  font-family:"Outfit";
  font-weight:700;
  font-size:.95rem;
  text-decoration:none;
  border-radius:0;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}

.service-btn.primary{
  background:var(--brand);
  color:#ffffff;
  box-shadow:0 16px 36px rgba(9,131,136,.25);
}

.service-btn.primary:hover{
  background:#08777b;
  transform:translateY(-2px);
}

.service-btn.outline{
  border:1px solid rgba(9,131,136,.45);
  color:var(--brand);
}

.service-btn.outline:hover{
  background:rgba(9,131,136,.08);
}

/* Visual */
.service-visual{
  position:relative;
  min-height:480px;
  border-radius:28px;
  overflow:hidden;
  background:
    linear-gradient(
      135deg,
      rgba(9,131,136,.9),
      rgba(9,131,136,.65)
    ),
    url("/assets/img/lasik.jpg") center/cover no-repeat;
  box-shadow:0 40px 90px rgba(0,0,0,.18);
  display:flex;
  align-items:flex-end;
  padding:34px;
}

.service-visual-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.15),
      rgba(0,0,0,.5)
    );
}

.service-visual-content{
  position:relative;
  color:#ffffff;
}

.service-visual-content strong{
  display:block;
  font-family:"Outfit";
  font-size:1.6rem;
  font-weight:700;
}

.service-visual-content span{
  font-size:.95rem;
  opacity:.9;
}

/* Responsive */
@media (max-width:991.98px){
  .mk-service-single{
    padding:70px 0;
  }
  .service-visual{
    min-height:300px;
  }
}