@keyframes marquee {

            0% {

                transform: translateX(0);

            }



            100% {

                transform: translateX(-50%);

            }

        }



        /* Minimal marquee styles for simple, clean effect */

        .awards-marquee {

            display: flex;

            overflow-x: auto;

            gap: 1.5rem;

            scroll-behavior: smooth;

            padding-bottom: 0.5rem;

        }



        .awards-marquee::-webkit-scrollbar {

            display: none;

        }



        .awards-item {

            flex: 0 0 auto;

            width: 8rem;

            height: 8rem;

            background: #fff;

            border-radius: 1rem;

            box-shadow: 0 4px 20px 0 rgba(59, 130, 246, 0.06);

            display: flex;

            align-items: center;

            justify-content: center;

            border: 2px solid #e5e7eb;

            transition: border 0.3s;

        }



        .awards-item:hover {

            border: 2px solid #0ea5e9;

        }



        /* Read More button style */

        .read-more-btn {

            display: inline-block;

            margin: 2rem auto 0;

            padding: 0.75rem 2rem;

            background: linear-gradient(90deg, #38bdf8 0%, #0ea5e9 100%);

            color: #fff;

            font-weight: 600;

            border-radius: 9999px;

            text-align: center;

            text-decoration: none;

            box-shadow: 0 4px 16px 0 rgba(14, 165, 233, 0.10);

            transition: background 0.2s, box-shadow 0.2s;

        }



        .read-more-btn:hover {

            background: linear-gradient(90deg, #0ea5e9 0%, #38bdf8 100%);

            box-shadow: 0 6px 28px 0 rgba(14, 165, 233, 0.15);

        }



        @keyframes marquee-reverse {

            0% {

                transform: translateX(-50%);

            }



            100% {

                transform: translateX(0);

            }

        }



        .animate-marquee {

            animation: marquee 30s linear infinite;

        }



        .animate-marquee-reverse {

            animation: marquee-reverse 30s linear infinite;

        }



        .group:hover .animate-marquee,

        .group:hover .animate-marquee-reverse {

            animation-play-state: paused;

        }



        /* Scroll Progress Bar Styles */
        .scroll-progress {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: rgba(255, 255, 255, 0.2);
            z-index: 9999;
            transition: opacity 0.3s ease;
        }

        .scroll-progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #ff4d01 0%, #eab308 50%, #facc15 100%);
            border-radius: 0 1px 1px 0;
            transition: width 0.1s ease-out;
            box-shadow: 0 0 10px rgba(202, 138, 4, 0.5);
        }


        .scroll-progress.hidden {
            opacity: 0;
            pointer-events: none;
        }

        /* Custom xs breakpoint for ultra-small devices */
        @media (max-width: 475px) {
            .hero-slider-height {
                height: 200px;
            }
        }

        /* Improved navigation button responsiveness */
        .hero-nav-btn {
            padding: 0.5rem 0.75rem;
        }

        @media (max-width: 640px) {
            .hero-nav-btn {
                padding: 0.375rem 0.5rem;
            }
        }

        /* Reserve space for the fixed navbar (top-bar 36px + nav 64px) so hero is not hidden */
        #navbar-container {
            height: 100px;
        }

        @media (max-width: 768px) {
            #navbar-container {
                height: 64px;
            }
        }

        /* Hero slide text overlay */
        .slide {
            overflow: hidden;
        }

        #heroSlider .slide {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        #heroSlider .slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: right center;
        }

        .slide-content {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            padding-left: clamp(2rem, 9vw, 9rem);
            padding-right: 1rem;
            pointer-events: none;
            z-index: 5;
        }

        .slide-content-inner {
            position: relative;
            max-width: min(600px, 55%);
            pointer-events: auto;
            opacity: 0;
            transform: translateX(-60px);
            transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .slide.active .slide-content-inner {
            opacity: 1;
            transform: translateX(0);
        }

        .hero-heading {
            color: #dc2626;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(1.4rem, 3.8vw, 2.9rem);
            line-height: 1.15;
            font-weight: 600;
            letter-spacing: -0.01em;
            margin: 0;
            text-shadow: 0 1px 8px rgba(255, 255, 255, 0.55);
        }

        .hero-subline {
            color: #40495a;
            font-size: clamp(0.78rem, 1.4vw, 1.05rem);
            font-weight: 400;
            line-height: 1.5;
            margin-top: 0.6em;
            max-width: 500px;
            text-shadow: 0 1px 6px rgba(255, 255, 255, 0.55);
        }

        .hero-cta-group {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 0.75rem;
            margin-top: 0.9rem;
        }

        .hero-cta {
            position: relative;
            overflow: hidden;
            z-index: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding: 0.65rem 1.45rem;
            border-radius: 9999px;
            background: linear-gradient(135deg, #cf3339 0%, #b91c1c 100%);
            color: #fff;
            font-weight: 600;
            font-size: clamp(0.72rem, 1.1vw, 0.95rem);
            letter-spacing: 0.02em;
            text-decoration: none;
            transition: color 0.35s ease;
        }

        .hero-cta::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: -1;
            border-radius: inherit;
            background: linear-gradient(135deg, #f6ad00 0%, #fbbf24 100%);
            transform: translateX(-101%);
            transition: transform 0.45s ease;
        }

        .hero-cta:hover::before {
            transform: translateX(0);
        }

        .hero-cta:hover {
            color: #401f00;
        }

        @media (max-width: 640px) {
            .slide-content {
                padding-left: 1.25rem;
            }

            .slide-content-inner {
                max-width: 68%;
            }

            .hero-heading {
                font-size: clamp(1rem, 4.6vw, 1.4rem);
            }

            .hero-subline {
                font-size: clamp(0.65rem, 2.1vw, 0.8rem);
            }

            .hero-cta-group {
                margin-top: 0.6rem;
                gap: 0.5rem;
            }

            .hero-cta {
                padding: 0.45rem 0.95rem;
                font-size: 0.7rem;
            }
        }

        @media (max-width: 475px) {
            .slide-content {
                padding-left: 1rem;
            }

            .slide-content-inner {
                max-width: 74%;
            }

            .hero-cta {
                padding: 0.4rem 0.85rem;
            }
        }

.homepage-section-heading {
            font-family: Inter, "Segoe UI", Arial, sans-serif !important;
            font-size: clamp(31px, 2.1vw, 44px) !important;
            font-weight: 750 !important;
            color: #0d1b3d !important;
            line-height: 1.12 !important;
            letter-spacing: -0.045em !important;
        }

        /* Unified section eyebrow / label */
        .homepage-section-eyebrow {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 0.5rem !important;
            font-family: Inter, "Segoe UI", Arial, sans-serif !important;
            font-size: 0.78rem !important;
            font-weight: 600 !important;
            letter-spacing: 0.08em !important;
            text-transform: uppercase !important;
            color: #b45309 !important;
            background: #fffbeb !important;
            border: 1px solid #fde68a !important;
            padding: 0.35rem 1.1rem !important;
            border-radius: 9999px !important;
            margin-bottom: 0.9rem !important;
            line-height: 1.3 !important;
        }

        /* Remove decorative heading underlines everywhere */
        .facilities-title-line,
        .german-doctors-heading-rule,
        .media-eyebrow-line {
            display: none !important;
        }

        /* Remove section container shadows */
        .statistics-card-shell,
        .statistics-achievements-section .statistics-card-shell:hover,
        .germanten-profile-layout,
        .germanten-main-image,
        #why-choose-clean .why-left-box,
        #facilities-team-section .facility-showcase-card,
        #facilities-team-section .facility-showcase-card:hover,
        .testimonial-card,
        .video-card,
        .faq-card.is-open {
            box-shadow: none !important;
        }

html,
        body {
            max-width: 100%;
            overflow-x: hidden;
        }

.statistics-achievements-section {
                --sa-navy: #0b2a5b;
                --sa-gold: #d99a08;
                --sa-red: #dc2626;
                --sa-text: #40495a;
                position: relative;
                z-index: 20;
                width: 100%;
                margin-top: -60px;
                padding: 0 0 12px;
                overflow: visible;
                background: radial-gradient(circle at 10% 0%, rgba(246, 173, 0, .09), transparent 24%),
                    linear-gradient(180deg, #fffdf9 0%, #fffaf2 100%) !important;
                font-family: Inter, "Segoe UI", Arial, sans-serif
            }

            .statistics-achievements-section * {
                box-sizing: border-box
            }

            .statistics-achievements-container {
                width: 100%;
                margin: 0 auto
            }

            .statistics-card-shell {
                display: grid;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                overflow: hidden;
                background: rgba(255, 255, 255, .96);
                border: none;
                border-radius: 22px;
                box-shadow: 0 16px 38px rgba(15, 23, 42, .08)
            }

            .statistics-count-card {
                position: relative;
                display: flex;
                min-height: 84px;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                padding: 10px 10px 10px;
                text-align: center;
                background: linear-gradient(180deg, #fff, #fffdf8);
                border-right: 1px solid #eee7da;
                transition: .28s ease
            }

            .statistics-count-card:last-child {
                border-right: 0
            }

            .statistics-count-card:hover {
                z-index: 2;
                background: #fff;
                box-shadow: none;
                transform: none
            }

            .statistics-count-card::after {
                position: absolute;
                left: 50%;
                bottom: 8px;
                width: 38px;
                height: 2px;
                content: "";
                background: radial-gradient(circle at center, var(--sa-gold) 0 3px, transparent 4px),
                    linear-gradient(90deg, var(--sa-gold) 0 40%, transparent 40% 60%, var(--sa-gold) 60% 100%);
                transform: translateX(-50%)
            }

            .statistics-count-value {
                color: var(--sa-navy) !important;
                font-family: Georgia, "Times New Roman", serif;
                font-size: clamp(28px, 2.6vw, 42px);
                font-weight: 600 !important;
                line-height: 1;
                letter-spacing: -.045em
            }

            .statistics-count-label {
                margin-top: 5px;
                color: #333b49;
                font-family: Georgia, "Times New Roman", serif;
                font-size: clamp(11px, .9vw, 14px);
                font-weight: 500;
                line-height: 1.35
            }

            .awards-strip {
                position: relative;
                width: min(1380px, 100%);
                margin: 8px auto 0;
                overflow: hidden;
                background: #fff !important;
                border: none;
                border-radius: 18px;
                box-shadow: 0 11px 27px rgba(15, 23, 42, .07)
            }

            .awards-strip::before {
                position: absolute;
                z-index: 5;
                inset: 0 auto 0 0;
                width: 76px;
                content: "";
                background: linear-gradient(145deg, #0b2a5b, #062048);
                border-right: 4px solid var(--sa-gold);
                border-radius: 17px 0 0 17px
            }

            .achievements-label {
                position: absolute;
                z-index: 8;
                inset: 0 auto 0 0;
                display: flex;
                width: 76px;
                align-items: center;
                justify-content: center;
                gap: 11px;
                color: #fff;
                pointer-events: none
            }

            .achievements-label i {
                color: #f6ad00;
                font-size: 22px
            }

            .achievements-label span {
                display: none
            }

            .marquee-container {
                width: 100%;
                overflow: hidden;
                padding-left: 84px;
                white-space: nowrap
            }

            .marquee-content {
                display: inline-flex;
                align-items: center;
                min-height: 64px;
                animation: scrollLeft 28s linear infinite;
                white-space: nowrap
            }

            .awards-strip:hover .marquee-content {
                animation-play-state: paused
            }

            .marquee-wrapper {
                display: flex;
                width: fit-content;
                align-items: center
            }

            .award-item {
                display: inline-flex;
                min-height: 44px;
                align-items: center;
                gap: 11px;
                padding: 6px 14px;
                color: var(--sa-text);
                background: #f0e9c6 !important;
                border-radius: 8px;
                border-right: none;
                margin: 0 8px;
                font-size: 13px;
                font-weight: 600;
                text-shadow: none !important
            }

            .award-item i {
                display: inline-flex;
                width: 32px;
                height: 32px;
                align-items: center;
                justify-content: center;
                color: var(--sa-red);
                background: #fff7e8;
                border: 1px solid #f1dfbb;
                border-radius: 50%;
                font-size: 13px
            }

            .separator {
                display: none
            }

            @keyframes scrollLeft {
                0% {
                    transform: translateX(0)
                }

                100% {
                    transform: translateX(-50%)
                }
            }

            @media(max-width:768px) {
                .statistics-achievements-section {
                    padding: 24px 10px 22px
                }

                .statistics-card-shell {
                    grid-template-columns: repeat(5, minmax(116px, 1fr));
                    overflow-x: auto;
                    scroll-snap-type: x mandatory;
                    border-radius: 17px
                }

                .statistics-count-card {
                    min-height: 142px;
                    padding: 22px 10px;
                    scroll-snap-align: start
                }

                .statistics-count-value {
                    font-size: 38px
                }

                .statistics-count-label {
                    margin-top: 8px;
                    font-size: 13px
                }

                .statistics-count-card::after {
                    bottom: 14px;
                    width: 46px
                }

                .awards-strip {
                    margin-top: 14px
                }

                .awards-strip::before,
                .achievements-label {
                    width: 62px
                }

                .marquee-container {
                    padding-left: 70px
                }

                .achievements-label span {
                    font-size: 12px
                }

                .marquee-content {
                    min-height: 72px;
                    animation-duration: 22s
                }

                .award-item {
                    font-size: 11px;
                    padding: 7px 13px
                }
            }

            @media(max-width:480px) {
                .statistics-card-shell {
                    grid-template-columns: repeat(5, minmax(102px, 1fr))
                }

                .statistics-count-card {
                    min-height: 128px
                }

                .statistics-count-value {
                    font-size: 33px
                }

                .statistics-count-label {
                    font-size: 11px
                }

                .awards-strip::before,
                .achievements-label {
                    width: 54px
                }

                .marquee-container {
                    padding-left: 62px
                }

                .achievements-label span {
                    max-width: 70px;
                    font-size: 10px;
                    text-align: center
                }

                .marquee-content {
                    min-height: 66px
                }
            }

            @media(prefers-reduced-motion:reduce) {
                .marquee-content {
                    animation: none !important
                }

                .statistics-count-card {
                    transition: none !important
                }
            }

.statistics-achievements-section .statistics-card-shell {
                transform: none;
                transition: none
            }

            .statistics-achievements-section .awards-strip {
                margin-left: calc(50% - 50vw);
                margin-right: calc(50% - 50vw);
            }

            .statistics-achievements-section .statistics-card-shell:hover {
                transform: translateY(-3px);
                box-shadow: 0 20px 42px rgba(15, 23, 42, .11);
            }

            .statistics-achievements-section .statistics-count-card {
                cursor: default;
            }

            .statistics-achievements-section .statistics-count-card::before {
                position: absolute;
                inset: 0;
                content: "";
                background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, .7) 50%, transparent 70%);
                transform: translateX(-120%);
                transition: transform .55s ease;
                pointer-events: none;
            }

            .statistics-achievements-section .statistics-count-card:hover::before {
                transform: translateX(120%);
            }

            @media (max-width: 768px) {
                .statistics-achievements-section {
                    margin-top: -64px !important;
                    padding-right: 8px !important;
                    padding-left: 8px !important;
                }

                .statistics-achievements-section .statistics-card-shell {
                    grid-template-columns: repeat(5, minmax(104px, 1fr)) !important;
                }

                .statistics-achievements-section .statistics-count-card {
                    min-height: 112px !important;
                    padding: 16px 8px 15px !important;
                }

                .statistics-achievements-section .statistics-count-value {
                    font-size: 31px !important;
                }

                .statistics-achievements-section .statistics-count-label {
                    font-size: 11px !important;
                }

                .statistics-achievements-section .awards-strip::before,
                .statistics-achievements-section .achievements-label {
                    width: 128px !important;
                }

                .statistics-achievements-section .marquee-container {
                    padding-left: 134px !important;
                }

                .statistics-achievements-section .achievements-label span {
                    font-size: 10px !important;
                }

                .statistics-achievements-section .marquee-content {
                    min-height: 58px !important;
                }
            }

            @media (max-width: 480px) {
                .statistics-achievements-section {
                    margin-top: -38px !important;
                }
            }

@media (max-width: 768px) {
                .statistics-achievements-section {
                    margin-top: -58px !important;
                    padding: 0 0 16px !important;
                    overflow: hidden !important;
                }

                .statistics-achievements-section .statistics-card-shell {
                    display: grid !important;
                    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
                    width: 100% !important;
                    overflow: hidden !important;
                    border-left: 0 !important;
                    border-right: 0 !important;
                }

                .statistics-achievements-section .statistics-count-card {
                    min-width: 0 !important;
                    min-height: 88px !important;
                    padding: 10px 4px 11px !important;
                }

                .statistics-achievements-section .statistics-count-value {
                    font-size: clamp(22px, 7vw, 30px) !important;
                    white-space: nowrap;
                }

                .statistics-achievements-section .statistics-count-label {
                    margin-top: 4px !important;
                    font-size: clamp(8px, 2.5vw, 10px) !important;
                    line-height: 1.15 !important;
                    white-space: normal;
                }

                .statistics-achievements-section .statistics-count-card::after {
                    bottom: 6px !important;
                    width: 26px !important;
                }

                .statistics-achievements-section .awards-strip {
                    width: 100vw !important;
                    max-width: 100vw !important;
                    margin-left: calc(50% - 50vw) !important;
                    margin-right: calc(50% - 50vw) !important;
                }
            }

            @media (max-width: 480px) {
                .statistics-achievements-section {
                    margin-top: -44px !important;
                }

                .statistics-achievements-section .statistics-count-card {
                    min-height: 78px !important;
                    padding: 8px 2px 10px !important;
                }

                .statistics-achievements-section .statistics-count-value {
                    font-size: 22px !important;
                }

                .statistics-achievements-section .statistics-count-label {
                    font-size: 8px !important;
                }
            }

/* Final statistics corrections */
            .statistics-achievements-section {
                overflow: visible !important;
            }

            .statistics-achievements-section .statistics-card-shell,
            .statistics-achievements-section .statistics-card-shell:hover {
                width: 100% !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                transform: none !important;
                transition: none !important;
            }

            .statistics-achievements-section .statistics-count-card,
            .statistics-achievements-section .statistics-count-card:hover {
                box-shadow: none !important;
                transform: none !important;
            }

            .statistics-achievements-section .statistics-count-card::before,
            .statistics-achievements-section .statistics-count-card:hover::before {
                display: none !important;
                content: none !important;
                background: none !important;
                transform: none !important;
            }

            .statistics-achievements-section .awards-strip {
                width: 100vw !important;
                max-width: 100vw !important;
                margin: 10px calc(50% - 50vw) 0 !important;
                border-right: 0 !important;
                border-left: 0 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
            }

            .statistics-achievements-section .awards-strip::before,
            .statistics-achievements-section .achievements-label {
                width: 76px !important;
            }

            .statistics-achievements-section .marquee-container {
                padding-left: 84px !important;
            }

            @media (max-width: 768px) {
                .statistics-achievements-section {
                    margin-top: -32px !important;
                    padding: 0 0 10px !important;
                    overflow: hidden !important;
                }

                .statistics-achievements-section .statistics-card-shell {
                    display: grid !important;
                    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
                    overflow: hidden !important;
                    scroll-snap-type: none !important;
                }

                .statistics-achievements-section .statistics-count-card {
                    min-width: 0 !important;
                    min-height: 72px !important;
                    padding: 8px 3px 9px !important;
                }

                .statistics-achievements-section .statistics-count-value {
                    font-size: clamp(22px, 7vw, 30px) !important;
                }

                .statistics-achievements-section .statistics-count-label {
                    margin-top: 4px !important;
                    font-size: clamp(8px, 2.5vw, 10px) !important;
                    line-height: 1.15 !important;
                }

                .statistics-achievements-section .statistics-count-card::after {
                    bottom: 6px !important;
                    width: 26px !important;
                }

                .statistics-achievements-section .awards-strip::before,
                .statistics-achievements-section .achievements-label {
                    width: 58px !important;
                }

                .statistics-achievements-section .marquee-container {
                    padding-left: 66px !important;
                }

                .statistics-achievements-section .marquee-content {
                    min-height: 58px !important;
                }
            }

            @media (max-width: 480px) {
                .statistics-achievements-section {
                    margin-top: -24px !important;
                }

                .statistics-achievements-section .statistics-count-card {
                    min-height: 62px !important;
                    padding: 6px 2px 8px !important;
                }

                .statistics-achievements-section .statistics-count-value {
                    font-size: 21px !important;
                }

                .statistics-achievements-section .statistics-count-label {
                    font-size: 8px !important;
                }
            }

.germanten-combined-section {
            --gc-navy: #0d1b3d;
            --gc-navy-soft: #24314f;
            --gc-text: #5c6678;
            --gc-red: #df252b;
            --gc-gold: #f5ad00;
            --gc-gold-dark: #d89500;
            --gc-gold-soft: #fff7df;
            --gc-border: #ead9a5;
            --gc-white: #ffffff;

            width: 100%;
            position: relative;
            padding: 58px 20px 62px;
            overflow: hidden;
            background: #f0e9c6;
            font-family: Inter, "Segoe UI", Arial, sans-serif;
        }

        .germanten-combined-section *,
        .germanten-combined-section *::before,
        .germanten-combined-section *::after {
            box-sizing: border-box;
        }

        .germanten-combined-container {
            width: min(1320px, 100%);
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Top heading content */
        .germanten-combined-heading {
            max-width: 980px;
            margin: 0 auto;
            text-align: center;
        }

        .germanten-combined-heading h1 {
            margin: 0;
            color: #111111 !important;
            font-size: clamp(32px, 3.4vw, 48px);
            font-weight: 750;
            line-height: 1.12;
            letter-spacing: -0.045em;
        }

        .germanten-combined-heading h1 span {
            color: inherit;
        }

        .germanten-combined-heading h2 {
            margin: 13px 0 0;
            color: var(--gc-navy-soft);
            font-size: clamp(16px, 1.5vw, 20px);
            font-weight: 650;
            line-height: 1.4;
        }

        .germanten-combined-highlight {
            margin: 8px 0 0;
            color: var(--gc-text);
            font-size: clamp(12px, 1.1vw, 14px);
            line-height: 1.5;
        }

        .germanten-combined-highlight .text-red {
            color: var(--gc-red);
            font-weight: 750;
        }

        .germanten-combined-highlight .text-yellow {
            color: #a86e00;
            font-weight: 750;
        }

        .germanten-combined-intro {
            width: 100%;
            margin: 25px 0 0;
            padding: 22px;
            color: #435066;
            text-align: left;
            font-size: 15px;
            line-height: 1.7;
            background: #ffffff;
            border-radius: 26px 26px 0 0;
        }

        .germanten-combined-intro p {
            margin: 0;
        }

        .germanten-combined-intro strong {
            color: var(--gc-red);
            font-weight: 750;
        }

        .contact-link {
            display: inline-block;
            margin-left: 6px;
            color: #292929;
            text-decoration: none;
            font-size: inherit;
            font-weight: 400;
        }

        .contact-link i {
            margin-left: 4px;
            font-size: 0.75em;
            color: #300000;
        }

        .contact-anim {
            display: inline-block;
            white-space: nowrap;
            clip-path: inset(0 100% 0 0 round 9999px);
            animation: contactReveal 2.5s steps(10) infinite alternate;
        }

        @keyframes contactReveal {
            0% {
                clip-path: inset(0 100% 0 0 round 9999px);
            }

            100% {
                clip-path: inset(0 0 0 0 round 9999px);
            }
        }

        /* Main premium card */
        .germanten-profile-layout {
            position: relative;
            display: grid;
            grid-template-columns: minmax(0, 1.03fr) minmax(0, 0.97fr);
            align-items: stretch;
            gap: 0;
            margin-top: 18px;
            padding: 22px;
            overflow: hidden;
            background: #ffffff;
            border: none;
            border-radius: 26px;
            box-shadow: 0 22px 60px rgba(15, 23, 42, 0.09);
        }

        .germanten-profile-layout::before {
            position: absolute;
            top: -120px;
            right: -100px;
            width: 320px;
            height: 320px;
            content: "";
            background: rgba(245, 173, 0, 0.07);
            border-radius: 50%;
            pointer-events: none;
        }

        /* Left visual */
        .germanten-visual {
            position: relative;
            min-height: 520px;
            padding-right: 28px;
        }

        .germanten-main-image {
            position: absolute;
            inset: 0 28px 0 0;
            overflow: hidden;
            background: #e8edf3;
            border-radius: 22px 96px 22px 22px;
            box-shadow: 0 18px 38px rgba(15, 23, 42, 0.14);
        }

        .germanten-main-image::after {
            position: absolute;
            inset: 0;
            content: "";
            pointer-events: none;
            background:
                linear-gradient(180deg, transparent 62%, rgba(13, 27, 61, 0.12) 100%);
        }

        .germanten-main-image img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: transform 0.55s ease;
        }

        .germanten-main-image:hover img {
            transform: scale(1.035);
        }

        .germanten-visual::before {
            display: none;
        }

        .germanten-visual::after {
            position: absolute;
            z-index: 3;
            bottom: 0;
            left: 0;
            width: 170px;
            height: 120px;
            content: "";
            background: linear-gradient(145deg, var(--gc-gold), #ffcc4d);
            clip-path: polygon(0 35%, 100% 100%, 0 100%);
            border-radius: 0 0 0 20px;
            pointer-events: none;
        }

        /* Circular image cluster */
        .germanten-circle-cluster {
            position: absolute;
            z-index: 8;
            right: -6px;
            bottom: -18px;
            display: flex;
            align-items: flex-end;
            gap: 0;
        }

        .germanten-circle-image {
            position: relative;
            overflow: hidden;
            flex: 0 0 auto;
            background: #ffffff;
            border: 6px solid #ffffff;
            border-radius: 50%;
            box-shadow:
                0 13px 30px rgba(15, 23, 42, 0.16),
                0 0 0 2px rgba(245, 173, 0, 0.25);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .germanten-circle-image:hover {
            z-index: 15;
            transform: translateY(-6px) scale(1.035);
            box-shadow:
                0 18px 35px rgba(15, 23, 42, 0.2),
                0 0 0 3px rgba(245, 173, 0, 0.36);
        }

        .germanten-circle-image img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .germanten-circle-image--one {
            width: 148px;
            height: 148px;
            margin-right: -20px;
        }

        .germanten-circle-image--two {
            z-index: 2;
            width: 170px;
            height: 170px;
            margin-right: -20px;
        }

        .germanten-circle-image--three {
            width: 140px;
            height: 140px;
        }

        .germanten-circle-image--one img {
            object-position: center;
        }

        .germanten-circle-image--two img {
            object-position: center;
        }

        .germanten-circle-image--three img {
            object-position: center;
        }

        /* Right content */
        .germanten-about-card {
            position: relative;
            z-index: 3;
            display: flex;
            min-width: 0;
            flex-direction: column;
            justify-content: center;
            padding: 34px 34px 30px 46px;
            background: rgba(255, 255, 255, 0.96);
        }

        .germanten-about-header {
            display: flex;
            align-items: center;
            gap: 17px;
            margin-bottom: 23px;
        }

        .germanten-about-header-icon {
            display: inline-flex;
            width: 56px;
            height: 56px;
            flex: 0 0 56px;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            background: linear-gradient(145deg, #f8bf16, #ec9700);
            border-radius: 14px;
            font-size: 23px;
            box-shadow: 0 10px 22px rgba(245, 173, 0, 0.22);
        }

        .germanten-about-header h2 {
            margin: 0;
            color: var(--gc-navy);
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(31px, 2.1vw, 44px);
            font-weight: 700;
            line-height: 1.08;
            letter-spacing: -0.035em;
        }

        .germanten-about-header p {
            margin: 5px 0 0;
            color: var(--gc-text);
            font-size: 13px;
            line-height: 1.4;
        }

        .germanten-about-quote {
            margin-bottom: 25px;
            padding: 20px 22px;
            background:
                linear-gradient(100deg, #fff9e9 0%, #fff4e8 100%);
            border-left: 4px solid var(--gc-gold);
            border-radius: 13px;
        }

        .germanten-about-quote p {
            margin: 0;
            color: #29364e;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.7;
        }

        .germanten-about-quote i {
            color: var(--gc-gold-dark);
            font-size: 13px;
        }

        .germanten-about-quote .fa-quote-left {
            margin-right: 8px;
        }

        .germanten-about-quote .fa-quote-right {
            margin-left: 8px;
        }

        .germanten-about-features {
            display: grid;
            gap: 3px;
        }

        .germanten-about-feature {
            display: grid;
            grid-template-columns: 24px minmax(0, 1fr);
            align-items: flex-start;
            gap: 16px;
            padding: 16px 0;
            border-bottom: 1px solid #edf0f4;
            transition: transform 0.25s ease;
        }

        .germanten-about-feature:last-child {
            border-bottom: 0;
        }

        .germanten-about-feature:hover {
            transform: translateX(4px);
        }

        .germanten-about-feature-icon {
            display: inline-flex;
            width: 20px;
            height: 20px;
            margin-top: 2px;
            align-items: center;
            justify-content: center;
            color: #dc2626;
            background: transparent;
            border-radius: 50%;
            font-size: 18px;
            box-shadow: none;
            flex-shrink: 0;
        }

        .germanten-about-feature h3 {
            margin: 0;
            color: var(--gc-navy);
            font-size: 15px;
            font-weight: 750;
            line-height: 1.4;
        }

        .germanten-about-feature h3 a {
            color: inherit;
            text-decoration: none;
        }

        .germanten-about-feature h3 a:hover {
            color: var(--gc-red);
        }

        .germanten-about-feature p {
            margin: 5px 0 0;
            color: var(--gc-text);
            font-size: 12.5px;
            line-height: 1.58;
        }

        /* CTA cards */
        .germanten-combined-actions {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
            width: 100%;
            margin-top: 32px;
        }

        .germanten-combined-action {
            position: relative;
            display: grid;
            grid-template-columns: 44px minmax(0, 1fr) 28px;
            align-items: center;
            gap: 12px;
            min-height: 92px;
            padding: 15px;
            overflow: hidden;
            color: var(--gc-navy);
            background: #ffffff;
            border: 1px solid #e5e9ef;
            border-radius: 13px;
            box-shadow: 0 9px 24px rgba(15, 23, 42, 0.06);
            text-align: left;
            text-decoration: none !important;
            transition:
                border-color 0.25s ease,
                box-shadow 0.25s ease,
                transform 0.25s ease;
        }

        .germanten-combined-action::before {
            position: absolute;
            inset: auto 0 0;
            height: 3px;
            content: "";
            background: linear-gradient(90deg, var(--gc-gold), #ffd86f);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.25s ease;
        }

        .germanten-combined-action:hover {
            color: var(--gc-navy);
            border-color: rgba(245, 173, 0, 0.7);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.1);
            transform: translateY(-4px);
        }

        .germanten-combined-action:hover::before {
            transform: scaleX(1);
        }

        .germanten-combined-action-icon {
            display: inline-flex;
            width: 44px;
            height: 44px;
            align-items: center;
            justify-content: center;
            color: var(--gc-gold-dark);
            background: var(--gc-gold-soft);
            border-radius: 11px;
            font-size: 20px;
        }

        .germanten-combined-action-title {
            display: block;
            color: var(--gc-navy);
            font-size: 14px;
            font-weight: 750;
            line-height: 1.3;
        }

        .germanten-combined-action-description {
            display: block;
            margin-top: 4px;
            color: var(--gc-text);
            font-size: 11px;
            line-height: 1.4;
        }

        .germanten-combined-action-arrow {
            display: inline-flex;
            width: 28px;
            height: 28px;
            align-items: center;
            justify-content: center;
            color: var(--gc-gold-dark);
            font-size: 15px;
            transition: transform 0.25s ease;
        }

        .germanten-combined-action:hover .germanten-combined-action-arrow {
            transform: translateX(4px);
        }

        .germanten-combined-action:focus-visible {
            outline: 2px solid var(--gc-gold);
            outline-offset: 3px;
        }

        /* Tablet */
        @media (max-width: 1050px) {
            .germanten-profile-layout {
                grid-template-columns: 1fr;
                gap: 24px;
            }

            .germanten-visual {
                min-height: 510px;
                padding-right: 0;
            }

            .germanten-main-image {
                inset: 0;
            }

            .germanten-visual::before {
                right: 0;
            }

            .germanten-circle-cluster {
                right: 22px;
            }

            .germanten-about-card {
                padding: 28px 22px 24px;
            }

            .germanten-combined-actions {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        /* Mobile */
        @media (max-width: 640px) {
            .germanten-combined-section {
                padding: 40px 10px 44px;
            }

            .germanten-combined-heading h1 {
                font-size: 29px;
            }

            .germanten-combined-intro {
                padding: 10px;
                border-radius: 18px 18px 0 0;
                font-size: 13px;
            }

            .germanten-profile-layout {
                margin-top: 14px;
                padding: 10px;
                border-radius: 18px;
            }

            .germanten-visual {
                min-height: 390px;
            }

            .germanten-main-image {
                border-radius: 16px 54px 16px 16px;
            }

            .germanten-visual::before {
                width: 62px;
                height: 150px;
                border-width: 3px;
                border-radius: 0 54px 0 0;
            }

            .germanten-visual::after {
                width: 115px;
                height: 80px;
            }

            .germanten-circle-cluster {
                right: 6px;
                bottom: -12px;
            }

            .germanten-circle-image {
                border-width: 4px;
            }

            .germanten-circle-image--one {
                width: 86px;
                height: 86px;
                margin-right: -12px;
            }

            .germanten-circle-image--two {
                width: 102px;
                height: 102px;
                margin-right: -12px;
            }

            .germanten-circle-image--three {
                width: 82px;
                height: 82px;
            }

            .germanten-about-card {
                padding: 25px 16px 20px;
            }

            .germanten-about-header {
                align-items: flex-start;
                gap: 12px;
            }

            .germanten-about-header-icon {
                width: 45px;
                height: 45px;
                flex-basis: 45px;
                font-size: 18px;
            }

            .germanten-about-header h2 {
                font-size: 30px;
            }

            .germanten-about-quote {
                padding: 16px;
            }

            .germanten-about-quote p {
                font-size: 12px;
            }

            .germanten-about-feature {
                grid-template-columns: 22px minmax(0, 1fr);
                gap: 10px;
            }

            .germanten-about-feature-icon {
                width: 18px;
                height: 18px;
                font-size: 16px;
            }

            .germanten-combined-actions {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 9px;
                margin-top: 22px;
            }

            .germanten-combined-action {
                display: flex;
                min-height: 76px;
                align-items: center;
                justify-content: center;
                padding: 10px 6px;
            }

            .germanten-combined-action-copy,
            .germanten-combined-action-arrow {
                display: none;
            }

            .germanten-combined-action-icon {
                width: 42px;
                height: 42px;
                font-size: 20px;
            }
        }

        @media (prefers-reduced-motion: reduce) {

            .germanten-main-image img,
            .germanten-circle-image,
            .germanten-about-feature,
            .germanten-combined-action,
            .germanten-combined-action-arrow {
                transition: none !important;
            }
        }

#facilities-team-section {
                --facility-navy: #111827;
                --facility-text: #626d7e;
                --facility-red: #df252b;
                --facility-red-dark: #c71f25;
                --facility-yellow: #f5b800;
                --facility-yellow-dark: #d99d00;
                --facility-border: #e2e7ed;
                --facility-white: #ffffff;

                position: relative;
                width: 100%;
                overflow: hidden;
                background: #ffffff;
                font-family: Inter, "Segoe UI", Arial, sans-serif;
            }

            #facilities-team-section *,
            #facilities-team-section *::before,
            #facilities-team-section *::after {
                box-sizing: border-box;
            }

            /* =====================================================
           FACILITIES SHOWCASE
        ===================================================== */

            #facilities-team-section .facilities-showcase {
                position: relative;
                width: 100%;
                padding: 58px 28px 48px;
                overflow: hidden;
                isolation: isolate;
                background:
                    linear-gradient(180deg,
                        #fafbfc 0%,
                        #ffffff 100%);
            }

            #facilities-team-section .facilities-container {
                position: relative;
                z-index: 3;
                width: min(1320px, 100%);
                margin: 0 auto;
            }

            /* Section header */
            #facilities-team-section .facilities-header {
                max-width: 760px;
                margin: 0 auto 38px;
                text-align: center;
            }

            #facilities-team-section .facilities-badge {
                display: inline-flex;
                min-height: 34px;
                align-items: center;
                justify-content: center;
                gap: 8px;
                margin-bottom: 16px;
                padding: 7px 15px;
                color: #5c6676;
                background: #ffffff;
                border: 1px solid #e4e8ed;
                border-radius: 999px;
                box-shadow: 0 5px 15px rgba(15, 23, 42, 0.07);
                font-size: 12px;
                font-weight: 500;
            }

            #facilities-team-section .facilities-badge i {
                color: var(--facility-red);
                font-size: 12px;
            }

            #facilities-team-section .facilities-title {
                margin: 0;
                color: var(--facility-navy);
                font-size: clamp(30px, 3.4vw, 46px);
                font-weight: 600;
                line-height: 1.14;
                letter-spacing: -0.04em;
            }

            #facilities-team-section .facilities-title span {
                color: inherit;
                font-weight: inherit;
            }

            #facilities-team-section .facilities-title-line {
                position: relative;
                width: 94px;
                height: 4px;
                margin: 17px auto 0;
                background: var(--facility-red);
                border-radius: 999px;
            }

            #facilities-team-section .facilities-title-line::after {
                position: absolute;
                top: 50%;
                right: -15px;
                width: 7px;
                height: 7px;
                content: "";
                background: var(--facility-red);
                border-radius: 50%;
                transform: translateY(-50%);
            }

            #facilities-team-section .facilities-subtitle {
                max-width: 650px;
                margin: 18px auto 0;
                color: var(--facility-text);
                font-size: 15px;
                line-height: 1.65;
            }

            /* Compact facilities grid */
            #facilities-team-section .facilities-cards {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 18px;
                width: 100%;
            }

            #facilities-team-section .facility-showcase-card {
                position: relative;
                display: flex;
                min-width: 0;
                overflow: hidden;
                flex-direction: column;
                background: #ffffff;
                border: 1px solid var(--facility-border);
                border-radius: 16px 16px 34px 16px;
                box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
                transition:
                    border-color 0.3s ease,
                    box-shadow 0.3s ease,
                    transform 0.3s ease;
            }

            #facilities-team-section .facility-showcase-card:nth-child(even) {
                border-radius: 34px 16px 16px 16px;
            }

            #facilities-team-section .facility-showcase-card:hover {
                border-color: rgba(223, 37, 43, 0.4);
                box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
                transform: translateY(-6px);
            }

            #facilities-team-section .facility-showcase-image {
                position: relative;
                height: 190px;
                margin: 9px 9px 0;
                overflow: hidden;
                background: #e9edf2;
                border-radius: 12px 12px 24px 12px;
            }

            #facilities-team-section .facility-showcase-card:nth-child(even) .facility-showcase-image {
                border-radius: 24px 12px 12px 12px;
            }

            #facilities-team-section .facility-showcase-image::after {
                position: absolute;
                inset: 0;
                content: "";
                pointer-events: none;
                background: linear-gradient(180deg,
                        transparent 68%,
                        rgba(17, 24, 39, 0.08) 100%);
            }

            #facilities-team-section .facility-showcase-image img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.5s ease;
            }

            #facilities-team-section .facility-showcase-card:hover img {
                transform: scale(1.05);
            }

            /* Card icon */
            #facilities-team-section .facility-showcase-icon {
                position: relative;
                z-index: 4;
                display: inline-flex;
                width: 58px;
                height: 58px;
                align-items: center;
                align-self: center;
                justify-content: center;
                margin-top: -29px;
                background: #ffffff;
                border: 6px solid #ffffff;
                border-radius: 50%;
                box-shadow:
                    0 7px 17px rgba(15, 23, 42, 0.1),
                    0 0 0 1px rgba(226, 231, 237, 0.8);
                font-size: 19px;
                transition: transform 0.3s ease;
            }

            #facilities-team-section .facility-showcase-card:hover .facility-showcase-icon {
                transform: translateY(-3px) scale(1.06);
            }

            #facilities-team-section .facility-showcase-icon i {
                color: inherit;
                font-weight: 900;
            }

            #facilities-team-section .facility-icon-room {
                color: var(--facility-yellow);
                background: #ffffff;
            }

            #facilities-team-section .facility-icon-operation {
                color: var(--facility-yellow);
                background: #ffffff;
            }

            #facilities-team-section .facility-icon-icu {
                color: var(--facility-yellow);
                background: #ffffff;
            }

            #facilities-team-section .facility-icon-diagnostic {
                color: var(--facility-yellow);
                background: #ffffff;
            }

            /* Card content */
            #facilities-team-section .facility-showcase-copy {
                padding: 10px 14px 20px;
                text-align: center;
            }

            #facilities-team-section .facility-showcase-copy h3 {
                margin: 0;
                color: var(--facility-navy);
                font-size: 16px;
                font-weight: 650;
                line-height: 1.3;
            }

            #facilities-team-section .facility-showcase-copy p {
                max-width: 210px;
                margin: 7px auto 0;
                color: var(--facility-text);
                font-size: 11px;
                line-height: 1.5;
            }

            /* Bottom operation theatre highlight */
            #facilities-team-section .facilities-highlight {
                position: relative;
                max-width: 950px;
                margin: 0 auto;
                padding-top: 56px;
                text-align: center;
            }

            #facilities-team-section .facilities-connector {
                position: absolute;
                top: 0;
                right: 10%;
                left: 10%;
                height: 56px;
                pointer-events: none;
            }

            #facilities-team-section .facilities-connector::before {
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                height: 47px;
                content: "";
                border-right: 2px dashed #dfe4e9;
                border-bottom: 2px dashed #dfe4e9;
                border-left: 2px dashed #dfe4e9;
                border-radius: 0 0 24px 24px;
            }

            #facilities-team-section .facilities-highlight-icon {
                position: relative;
                z-index: 3;
                display: inline-flex;
                width: 54px;
                height: 54px;
                align-items: center;
                justify-content: center;
                color: #ffffff;
                background: var(--facility-red);
                border: 6px solid #ffffff;
                border-radius: 50%;
                box-shadow:
                    0 8px 19px rgba(223, 37, 43, 0.23),
                    0 0 0 1px rgba(226, 231, 237, 0.7);
                font-size: 17px;
                animation: facilityIconPulse 2.4s ease-in-out infinite;
            }

            @keyframes facilityIconPulse {

                0%,
                100% {
                    transform: scale(1);
                }

                50% {
                    transform: scale(1.08);
                }
            }

            #facilities-team-section .facilities-highlight h3 {
                margin: 9px 0 0;
                color: var(--facility-red);
                font-size: 18px;
                font-weight: 700;
            }

            #facilities-team-section .facilities-highlight p {
                margin: 4px 0 0;
                color: var(--facility-text);
                font-size: 12px;
            }

            /* =====================================================
           DEDICATED TEAM SECTION
        ===================================================== */

            #facilities-team-section .dedicated-team-section {
                position: relative;
                width: 100%;
                padding: 52px 28px 58px;
                overflow: hidden;
                background: #f0e9c6;
            }

            #facilities-team-section .dedicated-team-container {
                position: relative;
                z-index: 2;
                width: min(1280px, 100%);
                margin: 0 auto;
            }

            #facilities-team-section .dedicated-team-grid {
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
                align-items: center;
                gap: 55px;
            }

            #facilities-team-section .dedicated-team-content h2 {
                margin: 0 0 22px;
                color: #000000 !important;
                font-size: clamp(28px, 3vw, 40px);
                font-weight: 700;
                line-height: 1.2;
                letter-spacing: -0.035em;
            }

            #facilities-team-section .dedicated-team-content h2 span {
                display: inline-block;
                color: var(--facility-red);
                /* border-bottom: 4px solid var(--facility-yellow); */
            }

            #facilities-team-section .dedicated-team-content p {
                margin: 0;
                color: #4b5563;
                font-size: 15px;
                line-height: 1.75;
                text-align: justify;

            }

            /* German doctor image area */
            #facilities-team-section .german-visual-column {
                position: relative;
                min-width: 0;
            }

            #facilities-team-section .german-visual-wrap {
                position: relative;
                display: flex;
                min-height: 420px;
                align-items: center;
                justify-content: center;
                overflow: visible;
            }

            #facilities-team-section .german-yellow-circle {
                position: absolute;
                z-index: 0;
                top: 53px;
                right: 35px;
                width: 290px;
                height: 290px;
                background: var(--facility-yellow);
                border-radius: 50%;
            }

            #facilities-team-section .german-small-yellow-circle {
                position: absolute;
                z-index: 0;
                bottom: 60px;
                left: 24px;
                width: 110px;
                height: 110px;
                background: #fde047;
                border-radius: 50%;
                opacity: 0.9;
            }

            #facilities-team-section .german-dotted-ring {
                position: absolute;
                z-index: 20;
                top: 23px;
                right: -20px;
                width: 90px;
                height: 90px;
                border: 4px dotted #15803d;
                border-radius: 50%;
                animation: germanRotate 14s linear infinite;
            }

            #facilities-team-section .german-doctor-icon {
                position: absolute;
                z-index: 30;
                top: 3px;
                right: -28px;
                display: flex;
                width: 60px;
                height: 60px;
                align-items: center;
                justify-content: center;
                color: #fde047;
                background: #15803d;
                border: 4px solid #ffffff;
                border-radius: 50%;
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
                font-size: 19px;
            }

            #facilities-team-section .german-image-wrap {
                position: relative;
                z-index: 10;
                animation: germanImageFloat 4s ease-in-out infinite;
            }

            #facilities-team-section .german-main-image {
                display: block;
                width: 480px;
                max-width: 100%;
                height: auto;
                object-fit: contain;
                border-radius: 12px;
                filter: drop-shadow(0 18px 20px rgba(15, 23, 42, 0.18));
            }

            #facilities-team-section .german-panel-label {
                position: absolute;
                z-index: 20;
                bottom: 68px;
                left: 18px;
                animation: germanBadgeFloat 3.5s ease-in-out infinite;
            }

            #facilities-team-section .german-panel-label span {
                display: inline-block;
                padding: 8px 15px;
                color: #ffffff;
                background: #15803d;
                border-radius: 999px;
                box-shadow: 0 7px 17px rgba(21, 128, 61, 0.22);
                font-size: 12px;
                font-weight: 650;
                white-space: nowrap;
            }

            #facilities-team-section .german-read-more {
                margin-top: 8px;
                text-align: center;
            }

            #facilities-team-section .bottom-dots {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 7px;
                margin-top: 44px;
            }

            #facilities-team-section .bottom-dot {
                width: 8px;
                height: 8px;
                background: var(--facility-red);
                border-radius: 50%;
            }

            #facilities-team-section .bottom-dot:nth-child(2) {
                background: #f87171;
            }

            #facilities-team-section .bottom-dot:nth-child(3) {
                background: #fecaca;
            }

            @keyframes germanImageFloat {

                0%,
                100% {
                    transform: translateY(0);
                }

                50% {
                    transform: translateY(-8px);
                }
            }

            @keyframes germanBadgeFloat {

                0%,
                100% {
                    transform: translateY(0);
                }

                50% {
                    transform: translateY(-5px);
                }
            }

            @keyframes germanRotate {
                from {
                    transform: rotate(0deg);
                }

                to {
                    transform: rotate(360deg);
                }
            }

            /* =====================================================
           RESPONSIVE
        ===================================================== */

            @media (max-width: 1100px) {
                #facilities-team-section .facilities-showcase {
                    padding-right: 22px;
                    padding-left: 22px;
                }

                #facilities-team-section .facility-showcase-image {
                    height: 175px;
                }

                #facilities-team-section .dedicated-team-grid {
                    gap: 38px;
                }

                #facilities-team-section .german-main-image {
                    width: 440px;
                }
            }

            @media (max-width: 900px) {
                #facilities-team-section .facilities-cards {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    max-width: 760px;
                    margin: 0 auto;
                }

                #facilities-team-section .facility-showcase-image {
                    height: 210px;
                }

                #facilities-team-section .facilities-connector {
                    display: none;
                }

                #facilities-team-section .facilities-highlight {
                    padding-top: 30px;
                }

                #facilities-team-section .dedicated-team-grid {
                    grid-template-columns: 1fr;
                    max-width: 760px;
                    margin: 0 auto;
                }

                #facilities-team-section .dedicated-team-content {
                    text-align: center;
                }

                #facilities-team-section .dedicated-team-content p {
                    text-align: left;
                }
            }

            @media (max-width: 640px) {
                #facilities-team-section .facilities-showcase {
                    padding: 38px 14px 34px;
                }

                #facilities-team-section .facilities-header {
                    margin-bottom: 28px;
                }

                #facilities-team-section .facilities-badge {
                    margin-bottom: 13px;
                    padding: 7px 12px;
                    font-size: 10px;
                }

                #facilities-team-section .facilities-title {
                    font-size: 29px;
                }

                #facilities-team-section .facilities-title-line {
                    width: 72px;
                    height: 3px;
                    margin-top: 13px;
                }

                #facilities-team-section .facilities-subtitle {
                    margin-top: 15px;
                    font-size: 12px;
                }

                #facilities-team-section .facilities-cards {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 10px;
                }

                #facilities-team-section .facility-showcase-card {
                    border-radius: 12px 12px 24px 12px;
                }

                #facilities-team-section .facility-showcase-card:nth-child(even) {
                    border-radius: 24px 12px 12px 12px;
                }

                #facilities-team-section .facility-showcase-image {
                    height: 135px;
                    margin: 7px 7px 0;
                }

                #facilities-team-section .facility-showcase-icon {
                    width: 48px;
                    height: 48px;
                    margin-top: -24px;
                    border-width: 5px;
                    font-size: 16px;
                }

                #facilities-team-section .facility-showcase-copy {
                    padding: 8px 7px 15px;
                }

                #facilities-team-section .facility-showcase-copy h3 {
                    font-size: 12px;
                }

                #facilities-team-section .facility-showcase-copy p {
                    margin-top: 4px;
                    font-size: 9px;
                    line-height: 1.4;
                }

                #facilities-team-section .facilities-highlight {
                    padding-top: 24px;
                }

                #facilities-team-section .facilities-highlight-icon {
                    width: 49px;
                    height: 49px;
                    border-width: 5px;
                    font-size: 15px;
                }

                #facilities-team-section .facilities-highlight h3 {
                    margin-top: 7px;
                    font-size: 16px;
                }

                #facilities-team-section .facilities-highlight p {
                    font-size: 10px;
                }

                #facilities-team-section .dedicated-team-section {
                    padding: 38px 14px 42px;
                }

                #facilities-team-section .dedicated-team-content h2 {
                    font-size: 28px;
                }

                #facilities-team-section .dedicated-team-content p {
                    font-size: 13px;
                    line-height: 1.7;
                }

                #facilities-team-section .german-visual-wrap {
                    min-height: 350px;
                }

                #facilities-team-section .german-yellow-circle {
                    top: 54px;
                    right: 50%;
                    width: 230px;
                    height: 230px;
                    transform: translateX(50%);
                }

                #facilities-team-section .german-small-yellow-circle {
                    bottom: 52px;
                    left: 8px;
                    width: 92px;
                    height: 92px;
                }

                #facilities-team-section .german-dotted-ring,
                #facilities-team-section .german-doctor-icon {
                    display: none;
                }

                #facilities-team-section .german-main-image {
                    width: 320px;
                }

                #facilities-team-section .german-panel-label {
                    bottom: 48px;
                    left: 50%;
                    animation: none;
                    transform: translateX(-50%);
                }

                #facilities-team-section .german-panel-label span {
                    padding: 7px 12px;
                    font-size: 11px;
                }
            }

            @media (max-width: 390px) {
                #facilities-team-section .facilities-showcase {
                    padding-right: 9px;
                    padding-left: 9px;
                }

                #facilities-team-section .facilities-cards {
                    gap: 7px;
                }

                #facilities-team-section .facility-showcase-image {
                    height: 118px;
                }

                #facilities-team-section .facility-showcase-copy h3 {
                    font-size: 11px;
                }

                #facilities-team-section .facility-showcase-copy p {
                    display: none;
                }
            }

            @media (prefers-reduced-motion: reduce) {

                #facilities-team-section *,
                #facilities-team-section *::before,
                #facilities-team-section *::after {
                    animation-duration: 0.01ms !important;
                    animation-iteration-count: 1 !important;
                    transition-duration: 0.01ms !important;
                }
            }

@media (max-width: 639px) {
                    .doctor-card .w-full.h-48.sm\:h-56 {
                        height: 16rem !important;
                        /* Increase from h-48 (12rem) to 16rem */
                    }

                    .doctor-card .w-full.h-48.sm\:h-56.rounded-lg.overflow-hidden {
                        height: 16rem !important;
                    }

                    /* Fix image cropping - use object-contain instead of object-cover */
                    .doctor-card .w-full.h-full.object-cover {
                        object-fit: contain !important;
                        object-position: center top !important;
                    }
                }

#why-choose-clean .why-left-box {
                background: linear-gradient(180deg, #fffdf5 0%, #ffffff 100%);
                border: 1px solid #e5e7eb;
                box-shadow: 0 16px 35px rgba(0, 0, 0, 0.06);
            }

            #why-choose-clean .why-clean-btn {
                background: #f0e9c6;
                border: 1px solid #f3f4f6;
                color: #111827;
                transition: all 0.3s ease;
            }

            #why-choose-clean .why-clean-btn:hover {
                border-color: #facc15;
                background: #f0e9c6;
                transform: translateY(-2px);
                box-shadow: 0 12px 26px rgba(0, 0, 0, 0.07);
            }

            #why-choose-clean .why-clean-btn.is-active {
                background: #f0e9c6;
                border-color: #facc15;
                color: #7f1d1d;
            }

            #why-choose-clean .why-clean-btn p {
                color: #6b7280;
            }

            #why-choose-clean .why-clean-btn.is-active p {
                color: #7f1d1d;
            }

            #why-choose-clean .why-clean-icon {
                background: #ffffff;
                color: #dc2626;
                transition: all 0.3s ease;
            }

            #why-choose-clean .why-clean-btn.is-active .why-clean-icon {
                background: #dc2626;
                color: #ffffff;
            }

            #why-choose-clean .why-clean-panel {
                opacity: 0;
                transform: translateY(10px);
                transition: all 0.35s ease;
            }

            #why-choose-clean .why-clean-panel.is-visible {
                opacity: 1;
                transform: translateY(0);
            }

            #why-choose-clean .why-clean-point {
                background: #f0e9c6;
                border: 1px solid #e5e7eb;
            }

            #why-choose-clean .why-clean-point p:first-child {
                font-size: 1rem;
            }

            #why-choose-clean .why-clean-point p:last-child {
                font-size: 0.625rem;
            }

            #why-choose-clean .why-right-box {
                box-shadow: 0 16px 35px rgba(0, 0, 0, 0.07);
            }

            /* Mobile View Only */
            @media (max-width: 640px) {
                #why-choose-clean .why-clean-point {
                    padding: 0.5rem !important;
                }

                #why-choose-clean .why-clean-point p:first-child {
                    font-size: 0.875rem !important;
                }

                #why-choose-clean .why-clean-point p:last-child {
                    font-size: 0.5rem !important;
                }

                #why-choose-clean .why-left-box {
                    background: #facc15 !important;
                    border: none !important;
                    box-shadow: none !important;
                    padding: 0.45rem !important;
                    border-radius: 1rem !important;
                }

                #why-choose-clean .why-left-box .mb-6 {
                    display: none !important;
                }

                #why-choose-clean .why-left-box .space-y-4 {
                    display: flex !important;
                    gap: 0 !important;
                    justify-content: center !important;
                    align-items: center !important;
                    padding: 0 !important;
                    margin: 0 !important;
                    border-radius: 0.875rem !important;
                    overflow: hidden !important;
                }

                #why-choose-clean .why-left-box .space-y-4> :not([hidden])~ :not([hidden]) {
                    margin-top: 0 !important;
                }

                #why-choose-clean .why-clean-btn {
                    width: 33.33% !important;
                    padding: 0.85rem 0 !important;
                    background: transparent !important;
                    border: none !important;
                    box-shadow: none !important;
                    transform: none !important;
                    border-radius: 0 !important;
                    position: relative !important;
                }

                #why-choose-clean .why-clean-btn:not(:last-child)::after {
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 22%;
                    width: 1px;
                    height: 56%;
                    background: rgba(255, 255, 255, 0.85);
                }

                #why-choose-clean .why-clean-btn:hover,
                #why-choose-clean .why-clean-btn.is-active {
                    background: transparent !important;
                    border: none !important;
                    box-shadow: none !important;
                    transform: none !important;
                    color: #ffffff !important;
                }

                #why-choose-clean .why-clean-btn>div {
                    justify-content: center !important;
                    align-items: center !important;
                    gap: 0 !important;
                }

                #why-choose-clean .why-clean-icon,
                #why-choose-clean .why-clean-btn:hover .why-clean-icon,
                #why-choose-clean .why-clean-btn.is-active .why-clean-icon {
                    width: 3rem !important;
                    height: 3rem !important;
                    background: transparent !important;
                    color: #ffffff !important;
                    border-radius: 0 !important;
                    box-shadow: none !important;
                }

                #why-choose-clean .why-clean-icon i {
                    color: #ffffff !important;
                    font-size: 1.5rem !important;
                    font-weight: 900 !important;
                }

                #why-choose-clean .why-clean-btn h3,
                #why-choose-clean .why-clean-btn p {
                    display: none !important;
                }

                #why-choose-clean .why-left-box .hero-cta {
                    display: none !important;
                }
            }

#exp-scroller {

                scrollbar-width: thin;

                scrollbar-color: #facc15 #f3f4f6;

            }



            #exp-scroller::-webkit-scrollbar {

                height: 6px;

            }



            #exp-scroller::-webkit-scrollbar-track {

                background: #f3f4f6;

                border-radius: 999px;

                margin: 0 4px;

            }



            #exp-scroller::-webkit-scrollbar-thumb {

                background: linear-gradient(to right, #facc15, #ca8a04);

                border-radius: 999px;

            }



            #exp-scroller::-webkit-scrollbar-thumb:hover {

                background: #ca8a04;

            }



            .exp-card {

                text-decoration: none;

            }

@keyframes marquee {

            0% {

                transform: translateX(0);

            }



            100% {

                transform: translateX(-50%);

            }

        }



        .animate-marquee {

            animation: marquee 35s linear infinite;

            width: max-content;

        }



        .animate-marquee:hover {

            animation-play-state: paused;

        }

.line-clamp-3 {

            display: -webkit-box;

            display: -moz-box;

            display: box;

            -webkit-line-clamp: 3;

            -moz-line-clamp: 3;

            line-clamp: 3;

            -webkit-box-orient: vertical;

            -moz-box-orient: vertical;

            box-orient: vertical;

            overflow: hidden;

            text-overflow: ellipsis;

        }

@keyframes doctorJumpFromTop {
            0% {
                opacity: 0;
                transform: translate3d(0, -120px, 0) scale(0.96);
            }

            45% {
                opacity: 1;
                transform: translate3d(0, 12px, 0) scale(1.02);
            }

            62% {
                transform: translate3d(0, -6px, 0) scale(0.995);
            }

            78% {
                transform: translate3d(0, 4px, 0) scale(1.005);
            }

            90% {
                transform: translate3d(0, -2px, 0) scale(0.998);
            }

            100% {
                opacity: 1;
                transform: translate3d(0, 0, 0) scale(1);
            }
        }

        /* Animation only for desktop/tablet grid. Mobile carousel remains unchanged */
        @media (min-width: 640px) {
            .german-doctors-section.jump-ready:not(.is-in-view) .doctor-jump-image {
                opacity: 0;
                transform: translate3d(0, -120px, 0) scale(0.96);
                will-change: transform, opacity;
            }

            .german-doctors-section.is-in-view .doctor-jump-image {
                animation: doctorJumpFromTop 1.15s cubic-bezier(0.16, 1, 0.3, 1) both;
                will-change: transform, opacity;
                backface-visibility: hidden;
            }

            .german-doctors-section.is-in-view .german-doctors-desktop-grid>div:nth-child(1) .doctor-jump-image {
                animation-delay: 0.05s;
            }

            .german-doctors-section.is-in-view .german-doctors-desktop-grid>div:nth-child(2) .doctor-jump-image {
                animation-delay: 0.24s;
            }

            .german-doctors-section.is-in-view .german-doctors-desktop-grid>div:nth-child(3) .doctor-jump-image {
                animation-delay: 0.43s;
            }

            .german-doctors-section.is-in-view .german-doctors-desktop-grid>div:nth-child(4) .doctor-jump-image {
                animation-delay: 0.62s;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .german-doctors-section .doctor-jump-image {
                opacity: 1 !important;
                transform: none !important;
                animation: none !important;
            }
        }

.german-doctors-section {
                --german-navy: #17233a;
                --german-red: #e52b32;
                --german-red-soft: #f3b7ba;
                --german-text: #5f6878;
                --german-line: #d9dce2;
                --german-white: #ffffff;

                width: 100%;
                position: relative;
                padding: 34px 20px 44px;
                overflow: hidden;
                background: #f0e9c6;
                font-family: Inter, "Segoe UI", Arial, sans-serif;
            }

            .german-doctors-section *,
            .german-doctors-section *::before,
            .german-doctors-section *::after {
                box-sizing: border-box;
            }

            .german-doctors-container {
                width: min(1320px, 100%);
                margin: 0 auto;
                position: relative;
                z-index: 1;
            }

            .german-doctors-header {
                margin-bottom: 30px;
                text-align: center;
            }

            .german-doctors-header h2 {
                margin: 0;
                color: var(--german-navy);
                font-size: clamp(26px, 3vw, 38px);
                font-weight: 700;
                line-height: 1.2;
                letter-spacing: -0.035em;
            }

            .german-doctors-heading-rule {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                margin-top: 13px;
            }

            .german-doctors-heading-rule span {
                display: block;
                height: 2px;
                background: #f5a6aa;
            }

            .german-doctors-heading-rule span:first-child,
            .german-doctors-heading-rule span:last-child {
                width: 58px;
            }

            .german-doctors-heading-rule span:nth-child(2) {
                width: 118px;
                height: 4px;
                background: var(--german-red);
                border-radius: 999px;
            }

            /* Desktop timeline */
            .german-doctors-timeline {
                position: relative;
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 24px;
                padding: 4px 0 0;
            }

            .german-doctors-timeline::before {
                position: absolute;
                top: 70px;
                left: 12.5%;
                right: 12.5%;
                height: 1px;
                content: "";
                background: repeating-linear-gradient(90deg,
                        var(--german-line) 0 5px,
                        transparent 5px 10px);
            }

            .german-doctor-item {
                position: relative;
                z-index: 2;
                min-width: 0;
                text-align: center;
            }

            .german-doctor-item:not(:last-child)::after {
                position: absolute;
                top: 64px;
                right: -15px;
                width: 11px;
                height: 11px;
                content: "";
                background: var(--german-red);
                border: 3px solid #fff8f8;
                border-radius: 50%;
                box-shadow: 0 0 0 1px rgba(229, 43, 50, 0.12);
            }

            .german-doctor-photo-wrap {
                position: relative;
                display: inline-flex;
                width: 116px;
                height: 116px;
                align-items: center;
                justify-content: center;
                margin-bottom: 13px;
                overflow: hidden;
                background: #ffffff;
                border: 4px solid #ffffff;
                border-radius: 50%;
                box-shadow:
                    0 10px 24px rgba(23, 35, 58, 0.12),
                    0 0 0 1px rgba(217, 220, 226, 0.9);
                opacity: 0;
                transform: translateY(28px) scale(0.92);
                transition:
                    opacity 0.65s ease,
                    transform 0.65s cubic-bezier(.2, .75, .25, 1),
                    box-shadow 0.3s ease;
            }

            .german-doctor-item.is-visible .german-doctor-photo-wrap {
                opacity: 1;
                transform: translateY(0) scale(1);
            }

            .german-doctor-item:nth-child(2) .german-doctor-photo-wrap {
                transition-delay: 0.08s;
            }

            .german-doctor-item:nth-child(3) .german-doctor-photo-wrap {
                transition-delay: 0.16s;
            }

            .german-doctor-item:nth-child(4) .german-doctor-photo-wrap {
                transition-delay: 0.24s;
            }

            .german-doctor-item:hover .german-doctor-photo-wrap {
                box-shadow:
                    0 14px 30px rgba(23, 35, 58, 0.17),
                    0 0 0 2px rgba(229, 43, 50, 0.2);
                transform: translateY(-5px) scale(1.03);
            }

            .german-doctor-photo-wrap img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .german-doctor-item h3 {
                margin: 0;
                color: var(--german-navy);
                font-size: 14px;
                font-weight: 700;
                line-height: 1.35;
            }

            .german-doctor-role {
                margin: 5px auto 0;
                color: var(--german-red);
                font-size: 11px;
                font-weight: 650;
                line-height: 1.45;
            }

            .german-doctor-hospital {
                max-width: 250px;
                margin: 4px auto 0;
                color: var(--german-text);
                font-size: 10px;
                line-height: 1.45;
            }

            /* Mobile carousel */
            .german-doctors-mobile {
                display: none;
            }

            @media (max-width: 900px) {
                .german-doctors-section {
                    padding: 32px 16px 40px;
                }

                .german-doctors-timeline {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 32px 26px;
                    max-width: 760px;
                    margin: 0 auto;
                }

                .german-doctors-timeline::before,
                .german-doctor-item::after {
                    display: none;
                }
            }

            @media (max-width: 640px) {
                .german-doctors-section {
                    padding: 28px 12px 34px;
                }

                .german-doctors-header {
                    margin-bottom: 24px;
                }

                .german-doctors-header h2 {
                    font-size: 27px;
                }

                .german-doctors-timeline {
                    display: none;
                }

                .german-doctors-mobile {
                    position: relative;
                    display: block;
                    max-width: 420px;
                    margin: 0 auto;
                }

                .german-doctors-mobile-viewport {
                    overflow: hidden;
                    border-radius: 16px;
                }

                .german-doctors-mobile-track {
                    display: flex;
                    transition: transform 0.45s ease;
                    will-change: transform;
                }

                .german-doctors-mobile-slide {
                    flex: 0 0 100%;
                    padding: 4px 22px 8px;
                    text-align: center;
                }

                .german-doctors-mobile-slide .german-doctor-photo-wrap {
                    opacity: 1;
                    transform: none;
                    width: 124px;
                    height: 124px;
                    margin-bottom: 14px;
                }

                .german-doctors-mobile-slide h3 {
                    margin: 0;
                    color: var(--german-navy);
                    font-size: 15px;
                    font-weight: 700;
                }

                .german-doctors-mobile-slide .german-doctor-role {
                    font-size: 11px;
                }

                .german-doctors-mobile-slide .german-doctor-hospital {
                    font-size: 10px;
                }

                .german-doctors-mobile-controls {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 12px;
                    margin-top: 16px;
                }

                .german-doctors-mobile-button {
                    display: inline-flex;
                    width: 36px;
                    height: 36px;
                    align-items: center;
                    justify-content: center;
                    color: #ffffff;
                    background: var(--german-red);
                    border: 0;
                    border-radius: 50%;
                    box-shadow: 0 7px 16px rgba(229, 43, 50, 0.2);
                    cursor: pointer;
                }

                .german-doctors-mobile-dots {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 6px;
                }

                .german-doctors-mobile-dot {
                    width: 7px;
                    height: 7px;
                    padding: 0;
                    background: #f3b7ba;
                    border: 0;
                    border-radius: 50%;
                    cursor: pointer;
                    transition: width 0.25s ease, background 0.25s ease;
                }

                .german-doctors-mobile-dot.is-active {
                    width: 20px;
                    background: var(--german-red);
                    border-radius: 999px;
                }
            }

            @media (prefers-reduced-motion: reduce) {

                .german-doctor-photo-wrap,
                .german-doctors-mobile-track {
                    transition: none !important;
                }
            }

#media-interviews-section {
                --media-navy: #0d2148;
                --media-red: #dc2626;
                --media-red-dark: #b91c1c;
                --media-yellow: #f4b400;
                --media-text: #596273;
                --media-border: #dfe4ea;
                --media-white: #ffffff;

                width: 100%;
                padding: 46px 20px 52px;
                overflow: hidden;
                background: linear-gradient(180deg,
                        #ffffff 0%,
                        #fbfcfe 100%);
                font-family: Inter, "Segoe UI", Arial, sans-serif;
            }

            #media-interviews-section *,
            #media-interviews-section *::before,
            #media-interviews-section *::after {
                box-sizing: border-box;
            }

            #media-interviews-section .media-container {
                width: min(1280px, 100%);
                margin: 0 auto;
            }

            /* =========================
           SECTION HEADER
        ========================= */

            #media-interviews-section .media-header {
                max-width: 760px;
                margin: 0 auto 34px;
                text-align: center;
            }

            #media-interviews-section .media-eyebrow {
                display: inline-block;
                margin: 0;
                color: var(--media-red);
                font-size: 11px;
                font-weight: 700;
                line-height: 1.3;
                text-transform: uppercase;
                letter-spacing: 0.22em;
            }

            #media-interviews-section .media-eyebrow-line {
                width: 48px;
                height: 2px;
                margin: 10px auto 13px;
                background: var(--media-red);
                border-radius: 999px;
            }

            #media-interviews-section .media-heading {
                margin: 0;
                color: var(--media-navy);
                font-family: Georgia, "Times New Roman", serif;

                /* Reduced heading size */
                font-size: clamp(29px, 3.1vw, 43px);
                font-weight: 600;
                line-height: 1.15;
                letter-spacing: -0.025em;
            }

            #media-interviews-section .media-subtitle {
                max-width: 620px;
                margin: 13px auto 0;
                color: var(--media-text);
                font-size: clamp(13px, 1.2vw, 16px);
                font-weight: 400;
                line-height: 1.6;
            }

            /* =========================
           DESKTOP GRID
        ========================= */

            #media-interviews-section .media-grid {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 22px;
                align-items: start;
            }

            /* Exact angled card shape */
            #media-interviews-section .media-card {
                position: relative;
                display: flex;
                min-width: 0;
                height: auto;
                min-height: 0;
                overflow: hidden;
                flex-direction: column;
                background: var(--media-white);
                border: 1px solid var(--media-border);
                box-shadow: 0 12px 29px rgba(15, 23, 42, 0.09);

                /* Top-left and bottom-right cut corners */
                clip-path: polygon(38px 0,
                        100% 0,
                        100% calc(100% - 38px),
                        calc(100% - 38px) 100%,
                        0 100%,
                        0 38px);

                transition:
                    border-color 0.3s ease,
                    box-shadow 0.3s ease,
                    transform 0.3s ease;
            }

            #media-interviews-section .media-card:hover {
                border-color: rgba(220, 38, 38, 0.38);
                box-shadow: 0 19px 38px rgba(15, 23, 42, 0.13);
                transform: translateY(-5px);
            }

            /* Inner border to preserve shape definition */
            #media-interviews-section .media-card::before {
                position: absolute;
                z-index: 5;
                inset: 0;
                content: "";
                pointer-events: none;
                border: 1px solid rgba(219, 225, 232, 0.8);
                clip-path: polygon(38px 0,
                        100% 0,
                        100% calc(100% - 38px),
                        calc(100% - 38px) 100%,
                        0 100%,
                        0 38px);
            }

            /* Bottom red accent */
            #media-interviews-section .media-card::after {
                position: absolute;
                z-index: 6;
                right: 40px;
                bottom: 0;
                width: 135px;
                height: 4px;
                content: "";
                background: var(--media-red);
                border-radius: 999px 999px 0 0;
            }

            /* =========================
           VIDEO AREA
        ========================= */

            #media-interviews-section .media-video {
                position: relative;
                margin: 14px 14px 0;
                overflow: hidden;
                aspect-ratio: 16 / 9;
                background: #0f172a;

                /* Matching angled image shape */
                clip-path: polygon(30px 0,
                        100% 0,
                        100% calc(100% - 30px),
                        calc(100% - 30px) 100%,
                        0 100%,
                        0 30px);
            }

            #media-interviews-section .media-video iframe {
                display: block;
                width: 100%;
                height: 100%;
                border: 0;
            }

            /* =========================
           CARD CONTENT
        ========================= */

            #media-interviews-section .media-body {
                display: flex;
                height: auto;
                min-height: 0;
                flex: 0 0 auto;
                flex-direction: column;
                padding: 18px 20px 23px;
            }

            #media-interviews-section .media-type {
                display: inline-flex;
                align-items: center;
                align-self: flex-start;
                gap: 8px;
                margin-bottom: 9px;
                color: #646d7b;
                font-size: 10px;
                font-weight: 700;
                line-height: 1;
                text-transform: uppercase;
                letter-spacing: 0.17em;
            }

            #media-interviews-section .media-type i {
                color: var(--media-red);
                font-size: 15px;
            }

            #media-interviews-section .media-card-title {
                margin: 0;
                color: var(--media-navy);
                font-family: Georgia, "Times New Roman", serif;

                /* Reduced card heading size */
                font-size: clamp(16px, 1.35vw, 20px);
                font-weight: 600;
                line-height: 1.25;
            }

            #media-interviews-section .media-description {
                margin: 0;
                color: var(--media-text);
                font-size: 13px;
                font-weight: 400;
                line-height: 1.62;
            }

            #media-interviews-section .media-watch-link {
                display: inline-flex;
                align-items: center;
                align-self: flex-start;
                gap: 8px;
                margin-top: 8px;
                padding-top: 0;
                color: var(--media-red);
                font-size: 13px;
                font-weight: 700;
                text-decoration: none;
                transition:
                    color 0.25s ease,
                    transform 0.25s ease;
            }

            #media-interviews-section .media-watch-link:hover {
                color: var(--media-red-dark);
                transform: translateX(3px);
            }

            #media-interviews-section .media-watch-link i {
                font-size: 11px;
            }

            /* =========================
           VIEW ALL BUTTON
        ========================= */

            #media-interviews-section .media-view-all {
                margin-top: 27px;
                text-align: center;
            }

            #media-interviews-section .media-view-all a {
                display: inline-flex;
                min-width: 205px;
                min-height: 44px;
                align-items: center;
                justify-content: center;
                gap: 10px;
                padding: 9px 22px;
                color: var(--media-red);
                background: #ffffff;
                border: 1.5px solid var(--media-red);
                border-radius: 999px;
                font-size: 13px;
                font-weight: 700;
                text-decoration: none;
                transition:
                    color 0.25s ease,
                    background-color 0.25s ease,
                    box-shadow 0.25s ease,
                    transform 0.25s ease;
            }

            #media-interviews-section .media-view-all a:hover {
                color: #ffffff;
                background: var(--media-red);
                box-shadow: 0 10px 22px rgba(220, 38, 38, 0.2);
                transform: translateY(-2px);
            }

            /* =========================
           MOBILE CAROUSEL
        ========================= */

            #media-interviews-section .media-mobile {
                display: none;
            }

            #media-interviews-section .media-carousel-viewport {
                overflow: hidden;
            }

            #media-interviews-section .media-carousel-track {
                display: flex;
                align-items: start;
                transition: transform 0.5s ease;
                will-change: transform;
            }

            #media-interviews-section .media-slide {
                width: 100%;
                flex: 0 0 100%;
                padding: 0 4px;
                height: auto;
            }

            #media-interviews-section .media-carousel-controls {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                margin-top: 18px;
            }

            #media-interviews-section .media-carousel-button {
                display: inline-flex;
                width: 38px;
                height: 38px;
                align-items: center;
                justify-content: center;
                color: var(--media-navy);
                background: #ffffff;
                border: 1px solid var(--media-border);
                border-radius: 50%;
                box-shadow: 0 6px 15px rgba(15, 23, 42, 0.08);
                cursor: pointer;
                transition:
                    color 0.25s ease,
                    border-color 0.25s ease,
                    transform 0.25s ease;
            }

            #media-interviews-section .media-carousel-button:hover {
                color: var(--media-red);
                border-color: var(--media-red);
                transform: translateY(-2px);
            }

            #media-interviews-section .media-carousel-dots {
                display: flex;
                align-items: center;
                gap: 6px;
            }

            #media-interviews-section .media-carousel-dot {
                width: 7px;
                height: 7px;
                padding: 0;
                background: #d4d8df;
                border: 0;
                border-radius: 50%;
                cursor: pointer;
                transition:
                    width 0.25s ease,
                    background-color 0.25s ease,
                    border-radius 0.25s ease;
            }

            #media-interviews-section .media-carousel-dot.is-active {
                width: 22px;
                background: var(--media-red);
                border-radius: 999px;
            }

            /* =========================
           RESPONSIVE
        ========================= */

            @media (max-width: 1050px) {
                #media-interviews-section {
                    padding-right: 18px;
                    padding-left: 18px;
                }

                #media-interviews-section .media-grid {
                    gap: 15px;
                }

                #media-interviews-section .media-body {
                    padding: 16px 16px 20px;
                    height: auto;
                    min-height: 0;
                }

                #media-interviews-section .media-card-title {
                    font-size: 19px;
                }
            }

            @media (max-width: 767px) {
                #media-interviews-section {
                    padding: 36px 12px 42px;
                }

                #media-interviews-section .media-header {
                    margin-bottom: 26px;
                }

                #media-interviews-section .media-eyebrow {
                    font-size: 9px;
                }

                #media-interviews-section .media-eyebrow-line {
                    margin-top: 8px;
                    margin-bottom: 10px;
                }

                #media-interviews-section .media-heading {
                    font-size: 29px;
                }

                #media-interviews-section .media-subtitle {
                    margin-top: 10px;
                    font-size: 12px;
                }

                #media-interviews-section .media-desktop {
                    display: none;
                }

                #media-interviews-section .media-mobile {
                    display: block;
                }

                #media-interviews-section .media-card {
                    height: auto;
                    min-height: 0;

                    clip-path: polygon(28px 0,
                            100% 0,
                            100% calc(100% - 28px),
                            calc(100% - 28px) 100%,
                            0 100%,
                            0 28px);
                }

                #media-interviews-section .media-card::before {
                    clip-path: polygon(28px 0,
                            100% 0,
                            100% calc(100% - 28px),
                            calc(100% - 28px) 100%,
                            0 100%,
                            0 28px);
                }

                #media-interviews-section .media-video {
                    margin: 10px 10px 0;

                    clip-path: polygon(22px 0,
                            100% 0,
                            100% calc(100% - 22px),
                            calc(100% - 22px) 100%,
                            0 100%,
                            0 22px);
                }

                #media-interviews-section .media-body {
                    height: auto;
                    min-height: 0;
                    padding: 16px 17px 20px;
                }

                #media-interviews-section .media-card-title {
                    font-size: 20px;
                }

                #media-interviews-section .media-description {
                    font-size: 12px;
                }

                #media-interviews-section .media-card::after {
                    right: 30px;
                    width: 105px;
                }

                #media-interviews-section .media-view-all {
                    margin-top: 22px;
                }
            }

            @media (max-width: 390px) {
                #media-interviews-section {
                    padding-right: 8px;
                    padding-left: 8px;
                }

                #media-interviews-section .media-heading {
                    font-size: 27px;
                }

                #media-interviews-section .media-card {
                    height: auto;
                    min-height: 0;
                }
            }

            @media (prefers-reduced-motion: reduce) {

                #media-interviews-section *,
                #media-interviews-section *::before,
                #media-interviews-section *::after {
                    scroll-behavior: auto !important;
                    animation-duration: 0.01ms !important;
                    animation-iteration-count: 1 !important;
                    transition-duration: 0.01ms !important;
                }
            }

* {

                margin: 0;

                padding: 0;

                box-sizing: border-box;

            }



            body {

                font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, sans-serif;

                background: #fefcf8;

            }



            /* smooth transitions, clean look */

            .carousel-track {

                transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);

            }



            /* image/video cards – light & elegant (no heavy dark backgrounds) */

            .testimonial-card,

            .video-card {

                background: #ffffff;

                border-radius: 1.5rem;

                overflow: hidden;

                box-shadow: 0 12px 28px -8px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.02);

                transition: all 0.2s ease;

                height: 100%;

                display: flex;

                flex-direction: column;

                border: 1px solid rgba(253, 186, 116, 0.25);

            }



            /* optional very subtle lift on hover (no scaling) */

            .testimonial-card:hover,

            .video-card:hover {

                transform: translateY(-2px);

                box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.08);

                border-color: #fde047;

            }



            /* images inside cards */

            .card-img {

                width: 100%;

                height: 280px;

                object-fit: cover;

                display: block;

                background: #fef3c7;

            }



            .iframe-wrapper {

                position: relative;

                width: 100%;

                height: 280px;

                background: #fef9e3;

            }



            .iframe-wrapper iframe {

                width: 100%;

                height: 100%;

                border: 0;

            }



            /* card content area – light, warm white/yellowish tint */

            .card-content {

                padding: 1.25rem 1rem 1.5rem;

                background: linear-gradient(135deg, #ffffff 0%, #fffef7 100%);

                border-top: 1px solid #ffedd5;

            }



            .card-title {

                font-size: 1.1rem;

                font-weight: 700;

                color: #b45309;

                margin-bottom: 0.5rem;

                letter-spacing: -0.2px;

            }



            .card-description {

                font-size: 0.85rem;

                color: #7c5e3a;

                line-height: 1.4;

                font-weight: 500;

            }



            /* custom toggle buttons - matching screenshot style */

            .toggle-btn {

                padding: 0.6rem 1.8rem;

                border-radius: 40px;

                font-weight: 600;

                font-size: 0.95rem;

                transition: all 0.2s;

                cursor: pointer;

                border: 1.5px solid transparent;

                background-color: #fef3c7;

                color: #b45309;

            }



            .toggle-btn.active {

                background-color: #eab308;

                color: #422006;

                border-color: #eab308;

                box-shadow: 0 4px 10px rgba(234, 179, 8, 0.25);

            }



            .toggle-btn:not(.active):hover {

                background-color: #fffbeb;

                border-color: #fde047;

            }



            /* yellow diagonal element – more subtle and modern */

            .yellow-diagonal {

                position: absolute;

                right: 0;

                top: -10%;

                bottom: -10%;

                width: 45%;

                background: linear-gradient(135deg, #fffbeb 0%, #fef9c3 100%);

                transform: skewX(-8deg);

                z-index: 0;

                border-radius: 48px 0 0 48px;

                opacity: 0.7;

                pointer-events: none;

            }



            /* navigation arrows – light & consistent */

            .nav-arrow {

                background-color: #fff7e6;

                border: 1px solid #fed7aa;

                border-radius: 60px;

                width: 42px;

                height: 42px;

                display: flex;

                align-items: center;

                justify-content: center;

                cursor: pointer;

                transition: all 0.2s;

                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);

                color: #c2410c;

            }



            .nav-arrow:hover {

                background-color: #fef3c7;

                border-color: #f59e0b;

                color: #b45309;

                transform: scale(1.02);

            }



            /* indicators (dots) */

            .indicator-dot {

                width: 8px;

                height: 8px;

                border-radius: 50%;

                background-color: #fed7aa;

                margin: 0 4px;

                transition: all 0.2s;

                cursor: pointer;

            }



            .indicator-dot.active {

                background-color: #eab308;

                width: 24px;

                border-radius: 20px;

            }



            /* spacing & responsiveness */

            @media (max-width: 768px) {



                .card-img,

                .iframe-wrapper {

                    height: 170px;

                }



                .card-title {

                    font-size: 0.95rem;

                }



                .card-description {

                    font-size: 0.75rem;

                }



                .toggle-btn {

                    padding: 0.45rem 1.2rem;

                    font-size: 0.85rem;

                }



                .nav-arrow {

                    width: 36px;

                    height: 36px;

                }



                .yellow-diagonal {

                    width: 70%;

                    transform: skewX(-12deg);

                    opacity: 0.5;

                }

            }



            @media (max-width: 480px) {



                .card-img,

                .iframe-wrapper {

                    height: 150px;

                }



                .card-content {

                    padding: 1rem 0.75rem;

                }

            }



            /* smoother container */

            .max-w-7xl {

                max-width: 80rem;

            }



            .mx-auto {

                margin-left: auto;

                margin-right: auto;

            }

@keyframes softFloat {

                0%,
                100% {
                    transform: translateY(0);
                }

                50% {
                    transform: translateY(-10px);
                }
            }

            @keyframes fadeUp {
                from {
                    opacity: 0;
                    transform: translateY(24px);
                }

                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            @keyframes softPulse {

                0%,
                100% {
                    opacity: 0.35;
                    transform: scale(1);
                }

                50% {
                    opacity: 0.55;
                    transform: scale(1.05);
                }
            }

            .about-fade-up {
                animation: fadeUp 0.9s ease-out both;
            }

            .about-soft-float {
                animation: softFloat 5s ease-in-out infinite;
            }

            .about-soft-pulse {
                animation: softPulse 4s ease-in-out infinite;
            }

            @media (prefers-reduced-motion: reduce) {

                .about-fade-up,
                .about-soft-float,
                .about-soft-pulse {
                    animation: none;
                }
            }

@keyframes articleFadeUp {
                from {
                    opacity: 0;
                    transform: translateY(24px);
                }

                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            @keyframes smallShapeMove {

                0%,
                100% {
                    transform: translateY(0) rotate(0deg);
                }

                50% {
                    transform: translateY(-10px) rotate(10deg);
                }
            }

            .article-fade-up {
                animation: articleFadeUp 0.8s ease-out both;
            }

            .small-shape-move {
                animation: smallShapeMove 5s ease-in-out infinite;
            }

            .article-read-btn {
                position: relative;
                overflow: hidden;
                z-index: 1;
            }

            .article-read-btn::before {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(90deg, #ffcc00 0%, #f8ff99 50%, #ff6161 50%, #fee2e2 100%);
                transform: translateX(-101%);
                transition: transform 0.45s ease;
                z-index: -1;
            }

            .article-read-btn:hover::before {
                transform: translateX(0);
            }

            .article-read-btn:hover {
                color: #000000;
                border-color: transparent;
            }

            .article-read-btn:hover .article-btn-content {
                text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
            }

            .article-link {
                display: inline-flex;
                align-items: center;
                gap: 0.35rem;
                color: #dc2626;
                font-size: 0.95rem;
                font-weight: 600;
                text-decoration: none;
                transition: color 0.25s ease;
            }

            .article-link::after {
                content: "\2192";
                transition: transform 0.25s ease;
            }

            .article-link:hover {
                color: #111111;
            }

            .article-link:hover::after {
                transform: translateX(3px);
            }

            @media (prefers-reduced-motion: reduce) {

                .article-fade-up,
                .small-shape-move {
                    animation: none;
                }

                .article-read-btn::before {
                    transition: none;
                }
            }

/* ── FAQ WRAPPER ── */
            .faq-section-title {
                font-family: 'Playfair Display', Georgia, serif;
                font-size: clamp(1.5rem, 3vw, 2rem);
                font-weight: 600;
                color: #1a1a1a;
                text-align: center;
                margin-bottom: 2.5rem;
            }

            /* ── FAQ ACCORDION LAYOUT ── */
            .faq-page__accordion {
                display: flex;
                flex-wrap: wrap;
                margin: -10px;
                padding: 0 4rem;
            }

            @media (max-width: 640px) {
                .faq-page__accordion {
                    padding: 0 1.5rem;
                }
            }

            .faq-accordion {
                display: flex;
                flex-wrap: wrap;
                width: 100%;
            }

            .faq-accordion .col-lg-6 {
                width: 50%;
                padding: 10px;
            }

            @media (max-width: 768px) {
                .faq-accordion .col-lg-6 {
                    width: 100%;
                }
            }

            /* ── EACH CARD ── */
            .faq-card {
                background: #fff;
                border: 1.5px solid #e5e7eb;
                border-radius: 10px;
                overflow: hidden;
                transition: border-color .25s ease, box-shadow .25s ease;
                display: flex;
                flex-direction: column;
                min-height: fit-content;
            }

            .faq-card.is-open {
                border-color: #fbbf24;
                box-shadow: 0 4px 20px rgba(251, 191, 36, .15);
            }

            /* ── QUESTION ROW ── */
            .faq-card-btn {
                display: flex;
                align-items: center;
                gap: 1rem;
                width: 100%;
                padding: 1.1rem 1.25rem;
                background: transparent;
                border: none;
                cursor: pointer;
                text-align: left;
            }

            /* ── SQUARE ICON ── */
            .faq-icon-box {
                flex-shrink: 0;
                width: 2.4rem;
                height: 2.4rem;
                border-radius: 7px;
                background: #d97706;
                /* amber/yellow closed */
                display: flex;
                align-items: center;
                justify-content: center;
                transition: background .25s ease, transform .25s ease;
            }

            .faq-card.is-open .faq-icon-box {
                background: #f59e0b;
                /* lighter yellow when open */
                transform: none;
            }

            .faq-icon-box svg {
                width: 1.1rem;
                height: 1.1rem;
                color: #fff;
                transition: transform .3s ease;
            }

            /* ── QUESTION TEXT ── */
            .faq-card-question {
                flex: 1;
                font-size: .92rem;
                font-weight: 600;
                color: #1c1c1c;
                line-height: 1.45;
            }

            /* ── ANSWER PANEL ── */
            .faq-card-answer {
                max-height: 0;
                overflow: hidden;
                transition: max-height .4s cubic-bezier(.22, 1, .36, 1);
                flex-shrink: 0;
            }

            .faq-card.is-open .faq-card-answer {
                max-height: 500px;
            }

            .faq-card-answer-inner {
                padding: 0 1.25rem 1.25rem 1.25rem;
                border-top: 1px solid #fde68a;
            }

            .faq-card-answer-inner p {
                font-size: .875rem;
                color: #4b5563;
                line-height: 1.8;
                margin: .9rem 0 0;
            }

            .faq-card-answer-inner ul {
                margin: .7rem 0 0;
                padding: 0;
                list-style: none;
            }

            .faq-card-answer-inner ul li {
                display: flex;
                align-items: center;
                gap: .55rem;
                font-size: .875rem;
                color: #374151;
                padding: .28rem 0;
            }

            .faq-card-answer-inner ul li::before {
                content: '';
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background: #f59e0b;
                flex-shrink: 0;
            }

            @media (max-width: 480px) {
                .faq-card-btn {
                    padding: .9rem 1rem;
                    gap: .75rem;
                }

                .faq-icon-box {
                    width: 2.1rem;
                    height: 2.1rem;
                }

                .faq-card-question {
                    font-size: .85rem;
                }

                .faq-card-answer-inner {
                    padding: 0 1rem 1rem 1rem;
                }
            }

.reviews-widget-wrap {
                width: 100%;
                max-width: 100%;
                margin: 0 auto;
                padding: 0 0.5rem;
                overflow: hidden;
            }

            .reviews-widget-wrap>div[id^="JFWebsiteWidget"] {
                width: 100% !important;
                max-width: 100% !important;
            }

            .reviews-widget-wrap iframe {
                width: 100% !important;
                max-width: 100% !important;
                height: 190px !important;
                border: 0;
                display: block;
            }

            @media (max-width: 640px) {
                .reviews-widget-wrap iframe {
                    height: 240px !important;
                }
            }

.st-word {
            display: inline-block;
            will-change: transform, opacity;
        }

        .st-split.st-pending .st-word {
            opacity: 0;
            transform: translateY(25px) skewY(5deg);
        }

        .st-split.st-reveal .st-word {
            opacity: 1;
            transform: translateY(0) skewY(0deg);
            transition:
                opacity 0.45s ease-out,
                transform 0.65s cubic-bezier(0.34, 1.56, 0.64, 1);
            transition-delay: var(--st-delay, 0s);
        }

        @media (max-width: 640px) {
            .st-split.st-pending .st-word {
                transform: translateY(14px) skewY(3deg);
            }
        }