/* ============================================================
   Tech Authen — Brand Color System
   #305d4c  deep forest green  → primary & base (dominant)
   #437393  steel blue         → secondary accent only
   #efeee9  warm cream         → light backgrounds / white2
   ============================================================ */
:root {
    --mediox-primary:          #305d4c;
    --mediox-primary-rgb:      48, 93, 76;

    /* Base = green so buttons/CTAs/active states are green, not blue */
    --mediox-base:             #305d4c;
    --mediox-base-rgb:         48, 93, 76;

    --mediox-text:             #566e65;
    --mediox-text-rgb:         86, 110, 101;
    --mediox-text-dark:        #305d4c;
    --mediox-text-dark-rgb:    48, 93, 76;

    --mediox-white2:           #efeee9;
    --mediox-white2-rgb:       239, 238, 233;

    --mediox-black:            #1e3d31;
    --mediox-black-rgb:        30, 61, 49;
    --mediox-black2:           #243d32;
    --mediox-black2-rgb:       36, 61, 50;

    --mediox-gray:             #d8d7d2;
    --mediox-gray-rgb:         216, 215, 210;
    --mediox-border-color:     #c9c8c3;
    --mediox-border-color-rgb: 201, 200, 195;
}

/* ── Override two hardcoded-blue gradients in mediox.css ──────── */
.service-card__image::after {
    background: linear-gradient(180deg, rgba(30, 61, 49, 0) 0%, #1e3d31 100%) !important;
}
.appointment-one__bg::after {
    background: linear-gradient(100.77deg, #305d4c 30.23%, rgba(48, 93, 76, 0) 100%) !important;
}

/* ── Preloader: cream background ─────────────────────────────── */
.preloader {
    background-color: #efeee9 !important;
}

/* ── Footer contact bar — equal 3-column spacing ─────────────── */
.main-footer__info__col-1,
.main-footer__info__col-2,
.main-footer__info__col-3 {
    width: 33.333% !important;
}
@media (max-width: 767px) {
    .main-footer__info__col-1,
    .main-footer__info__col-2,
    .main-footer__info__col-3 {
        width: 100% !important;
    }
}

/* Footer mother company line */
.footer-widget__mother-company {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.footer-widget__mother-company > span {
    font-size: 13px;
    font-weight: 700;
    color: #305d4c;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.footer-widget__mother-company-logo img {
    display: block;
    transition: opacity .25s;
}
.footer-widget__mother-company-logo:hover img {
    opacity: .75;
}

/* ── Footer: cream background + readable dark-green text ─────── */
.main-footer {
    background-color: #efeee9 !important;
    border-top: 2px solid #305d4c !important;
}
/* Title text was white — flip to primary green */
.footer-widget__title {
    color: #305d4c !important;
}
.footer-widget__title::before {
    background-color: #305d4c !important;
}
/* CTA button border was rgba(white, 0.2) — make it visible on cream */
.footer-widget__btn {
    border-color: rgba(48, 93, 76, 0.35) !important;
    color: #305d4c !important;
}
.footer-widget__btn:hover,
.footer-widget__btn:hover .footer-widget__btn__icon {
    color: #efeee9 !important;
}
.footer-widget__btn::before,
.footer-widget__btn::after {
    background-color: #305d4c !important;
}
/* Footer links */
.footer-widget__links li,
.footer-widget__links li a {
    color: #305d4c !important;
    font-size: 15px !important;
}
.footer-widget__links li a:hover {
    color: #1e3d31 !important;
}
/* Footer contact bar — text size */
.main-footer__contact__text {
    font-size: 16px !important;
}

/* Footer contact bar — hover */
.main-footer__contact__text:hover,
.main-footer__contact__text a:hover {
    color: #efeee9 !important;
}
.main-footer__contact:hover .main-footer__contact__icon {
    background-color: #efeee9 !important;
    color: #305d4c !important;
}

/* Copyright bar */
.main-footer__copyright-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.main-footer__copyright,
.main-footer__powered {
    color: #566e65 !important;
    margin: 0 !important;
    font-size: 14px;
}
.main-footer__powered {
    display: flex;
    align-items: center;
    gap: 8px;
}
.main-footer__powered-logo img {
    display: inline-block;
    vertical-align: middle;
    transition: opacity .25s;
}
.main-footer__powered-logo:hover img {
    opacity: .75;
}
@media (max-width: 575px) {
    .main-footer__copyright-bar {
        justify-content: center;
        text-align: center;
    }
}

/* ── Mobile nav: cream background + primary-green text ───────── */
.mobile-nav__content {
    background-color: #efeee9 !important;
}
/* Close button */
.mobile-nav__close {
    color: #305d4c !important;
}
/* Nav links */
.mobile-nav__content .main-menu__list li > a {
    color: #305d4c !important;
}
.mobile-nav__content .main-menu__list > li.current > a,
.mobile-nav__content .main-menu__list > li:hover > a {
    color: #1e3d31 !important;
}
/* Dividers between items */
.mobile-nav__content .main-menu__list li:not(:last-child),
.mobile-nav__content .main-menu__list ul {
    border-color: rgba(48, 93, 76, 0.15) !important;
}
/* Contact items (email / phone) */
.mobile-nav__contact li {
    color: #305d4c !important;
}

/* ── Sidebar: cream background + primary-green text ──────────── */
.sidebar-one__content {
    background-color: #efeee9 !important;
}
/* Close button */
.sidebar-one__close {
    color: #305d4c !important;
}
/* Section title */
.sidebar-one__title {
    color: #305d4c !important;
}
/* About text */
.sidebar-one__about__text {
    color: #566e65 !important;
}
/* Contact list items (address, email, phone) */
.sidebar-one__info__list li {
    color: #305d4c !important;
}
.sidebar-one__info__list li a:hover {
    color: #1e3d31 !important;
}

/* ── Steel blue (#437393) as a restrained secondary accent ───── */
/* Badges and small label chips */
.mediox-tag,
.service-one__badge,
[class*="__badge"] {
    background: transparent !important;
    color: var(--mediox-primary) !important;
    text-align: center !important;
    justify-content: center !important;
    display: inline-flex !important;
    align-items: center !important;
}
/* Subtle blue hover on buttons (gives visual feedback without overriding base) */
.mediox-btn:hover,
.mediox-btn:focus {
    background-color: #3a6280 !important;   /* slightly darker blue-green on hover */
}

/* Slider patients badge */
.main-slider-one__patients {
    padding: 20px !important;
}

/* ── Commitment section button ────────────────────────────────────── */
.welcome-one .mediox-btn {
    background-color: #fff !important;
    color: var(--mediox-primary) !important;
}
.welcome-one .mediox-btn .mediox-btn__icon {
    background-color: transparent !important;
    color: var(--mediox-primary) !important;
}
.welcome-one .mediox-btn:hover {
    background-color: #efeee9 !important;
    color: var(--mediox-primary) !important;
}
.welcome-one .mediox-btn:hover .mediox-btn__icon {
    background-color: #fff !important;
    color: var(--mediox-primary) !important;
}

/* ── Commitment section bg overlay ───────────────────────────────── */
.welcome-one__inner__bg::after {
    background: linear-gradient(-90deg, #305d4c 0%, rgba(48, 93, 76, 0.9) 100%) !important;
}

/* ── Internal page topbar ───────────────────────────────────────── */
.topbar-one {
    background-color: var(--mediox-primary) !important;
}
.topbar-one__info li,
.topbar-one__info li a {
    color: #efeee9 !important;
}
.topbar-one__info li a:hover {
    color: #fff !important;
}
.topbar-one__info__icon {
    color: #efeee9 !important;
}
.topbar-one .social-links a {
    color: #efeee9 !important;
}
.topbar-one .social-links a:hover {
    color: #fff !important;
}

/* ── Header nav + right-side spacing ───────────────────��─────── */
.main-header__right {
    gap: 16px !important;
}
.main-header__sidebar-btn {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Tech Authen — English (LTR) custom overrides */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, input, textarea, select, button {
    font-family: 'Manrope', sans-serif;
}

/* Language Switcher — header (smaller mediox-btn variant) */
.lang-header-btn {
    font-size: 13px !important;
    padding: 8px 16px !important;
    gap: 7px !important;
}
.lang-header-btn .fa-globe { font-size: 13px; }

/* Mobile-only lang switcher next to hamburger */
.mobile-lang-btn {
    display: none;
    align-items: center;
    gap: 5px;
    background-color: var(--mediox-primary);
    color: #fff;
    border-radius: 6px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1;
    transition: background-color .3s;
}
.mobile-lang-btn:hover { background-color: var(--mediox-black); color: #fff; }
.mobile-lang-btn .fa-globe { font-size: 13px; }
@media (max-width: 991px) {
    .mobile-lang-btn { display: flex; }
}

/* Language switcher inside sidebar-one */
.lang-switch-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 11px 26px;
    background: var(--mediox-primary, #305d4c);
    color: #fff !important;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    letter-spacing: .03em;
    transition: opacity .25s, transform .25s;
}
.lang-switch-btn:hover { opacity: .88; transform: translateY(-2px); }
.lang-switch-btn i { font-size: 15px; }

/* ── Services page ────────────────────────────────────────────────── */
/* Section heading above the cards */
.services-page .section-title {
    font-size: 36px;
    font-weight: 800;
    color: var(--mediox-primary);
    margin-bottom: 0;
}
/* Bullet list inside service card (replaces <p> text) */
.service-card-three__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.service-card-three__list li {
    position: relative;
    padding-inline-start: 18px;
    margin-bottom: 6px;
    font-size: 14px;
    color: var(--mediox-text);
    line-height: 1.6;
}
.service-card-three__list li::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    top: 9px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--mediox-primary);
}
.mb-60 { margin-bottom: 60px; }

.why-choose-two__list li { font-size: 14px !important; }

/* Replace medical cross shapes with tech circles */
.why-choose-two__shape { display: block !important; }
.why-choose-two__shape::before,
.why-choose-two__shape::after {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: rgba(48, 93, 76, 0.35) !important;
    transform: translate(-50%, -50%) !important;
}
.why-choose-two__shape::after {
    width: 6px !important;
    height: 6px !important;
    background-color: rgba(67, 115, 147, 0.5) !important;
    transform: translate(-50%, -50%) rotate(0deg) !important;
    top: 60% !important;
    left: 60% !important;
}

/* ── Slider background image opacity ─────────────────────────────── */
.main-slider-one__bg {
    opacity: 0.05 !important;
}


/* ── Work Process Steps ────────────────────────────────────────────── */
.at-process-section { background-color: #fff; }

.at-process-row {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 48px;
}
.at-process-row:last-child { margin-bottom: 0; }

.at-process-step {
    flex: 0 0 calc(25% - 30px);
    width: calc(25% - 30px);
    display: flex;
    align-items: flex-start;
}
.at-process-step--last {
    flex: 0 0 calc(25% - 30px);
    width: calc(25% - 30px);
}

.at-process-step__inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 8px;
}

.at-process-step__num {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--mediox-primary);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.at-process-step__circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgba(48, 93, 76, 0.08);
    border: 2px solid rgba(48, 93, 76, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    transition: background-color .3s, border-color .3s;
}
.at-process-step__inner:hover .at-process-step__circle {
    background-color: var(--mediox-primary);
    border-color: var(--mediox-primary);
}
.at-process-step__circle i {
    font-size: 26px;
    color: var(--mediox-primary);
    transition: color .3s;
}
.at-process-step__inner:hover .at-process-step__circle i { color: #fff; }

.at-process-step__title {
    font-size: 13px;
    font-weight: 700;
    color: var(--mediox-text-dark);
    margin: 0;
    line-height: 1.5;
}

/* Arrow connector */
.at-process-step__arrow {
    flex-shrink: 0;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 78px; /* num(28) + margin(10) + half-circle(40) */
}
.at-process-step__arrow i {
    font-size: 16px;
    color: rgba(48, 93, 76, 0.30);
}

/* Tablet */
@media (max-width: 991px) {
    .at-process-row {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    .at-process-step,
    .at-process-step--last {
        flex: none;
        width: 100%;
        max-width: 420px;
        flex-direction: column;
        align-items: center;
    }
    .at-process-step__inner {
        width: 100%;
    }
    .at-process-step__arrow {
        padding-top: 0;
        width: auto;
        height: 32px;
        transform: rotate(90deg);
    }
}
/* Mobile */
@media (max-width: 575px) {
    .at-process-step,
    .at-process-step--last {
        max-width: 280px;
    }
}

/* ── About experience badge padding ───────────────────────────────── */
/* ── About experience badge — size, padding & position all screens ─── */
.about-one__experience {
    padding: 36px 32px !important;
    right: 20px !important;
    bottom: 20px !important;
    border-radius: 24px !important;
    min-width: 160px;
}

/* Large desktop (≥1200px): pull slightly outside image for depth */
@media (min-width: 1200px) {
    .about-one__experience {
        right: -10px !important;
        bottom: 30px !important;
        padding: 40px 36px !important;
        min-width: 180px;
    }
}

/* Tablet (768–1199px): stay inside image */
@media (max-width: 1199px) {
    .about-one__experience {
        right: 20px !important;
        bottom: 20px !important;
        padding: 30px 28px !important;
        min-width: 150px;
    }
}

/* Mobile (≤767px): smaller, still bottom-right of image */
@media (max-width: 767px) {
    .about-one__experience {
        right: 12px !important;
        bottom: 12px !important;
        padding: 22px 20px !important;
        min-width: 120px;
        border-radius: 18px !important;
    }
}

/* Very small (≤412px) */
@media (max-width: 412px) {
    .about-one__experience {
        right: 8px !important;
        bottom: 8px !important;
        padding: 16px 14px !important;
        min-width: 100px;
        border-radius: 14px !important;
    }
}

/* ── Leadership image inner ─────────────────────────────────────────── */
.about-three__image__inner {
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    overflow: visible;
}
.about-three__image__bg { display: none !important; }
.about-three__image__shape-1,
.about-three__image__shape-2 { display: none !important; }
.about-three__image__one { width: 100%; height: auto; display: block; border-radius: 16px; }

/* ── Team section title & list ─────────────────────────────────────── */
.sec-title__title { font-size: 36px; }
@media (max-width: 575px) {
    .sec-title__title { font-size: 28px; }
}
.about-one__content .sec-title__title { font-size: 35px !important; }
.about-three__list li { font-size: 13px; width: 100% !important; display: flex; }

/* Year number scaling */
@media (max-width: 767px) {
    .about-one__experience__year { font-size: 44px; }
    .about-one__experience__text { font-size: 13px; }
}
@media (max-width: 412px) {
    .about-one__experience__year { font-size: 34px !important; }
    .about-one__experience__text { font-size: 11px; }
}

/* ── Reduce section-space-two padding ─────────────────────────────── */
.section-space-two {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
@media (max-width: 767px) {
    .section-space-two {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

/* ── Work Process step number badge ───────────────────────────────── */
.work-process-one__item__number::after {
    content: attr(data-step) !important;
    background-color: var(--mediox-primary) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: 0 3px 10px rgba(48, 93, 76, 0.30) !important;
    border: 2px solid #fff !important;
}

/* ── Operating Model Cards ────────────────────────────────────────── */
.info-card {
    position: relative;
    background: #fff;
    border: 1px solid var(--mediox-border-color);
    border-radius: 14px;
    padding: 28px 24px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 14px;
    overflow: hidden;
    transition: transform .3s, box-shadow .3s;
    height: 100%;
}
.info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 36px rgba(48, 93, 76, 0.10);
}
.info-card__icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background-color: var(--mediox-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}
.info-card__icon i {
    font-size: 22px;
    color: #fff;
}
.info-card__body { flex: 1; }
.info-card__title {
    font-size: 16px;
    font-weight: 800;
    color: var(--mediox-primary);
    margin: 0;
}
.info-card__text {
    font-size: 13px;
    color: var(--mediox-text);
    margin: 0;
    line-height: 1.6;
}
.info-card__number {
    position: absolute;
    bottom: 10px;
    right: 16px;
    font-size: 42px;
    font-weight: 900;
    color: rgba(48, 93, 76, 0.06);
    line-height: 1;
    pointer-events: none;
}

/* ── Technical Capabilities Cards ─────────────────────────────────── */
.tech-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #fff;
    border-radius: 14px;
    padding: 24px 20px;
    border-inline-start: 4px solid var(--mediox-primary);
    transition: box-shadow .3s;
    height: 100%;
}
.tech-card:hover {
    box-shadow: 0 10px 30px rgba(48, 93, 76, 0.10);
}
.tech-card__icon {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: rgba(48, 93, 76, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
}
.tech-card__icon i {
    font-size: 20px;
    color: var(--mediox-primary);
}
.tech-card__body { flex: 1; }
.tech-card__title {
    font-size: 15px;
    font-weight: 800;
    color: var(--mediox-primary);
    margin-bottom: 5px;
}
.tech-card__text {
    font-size: 13px;
    color: var(--mediox-text);
    margin: 0;
    line-height: 1.6;
}

/* ── Operational Capabilities ──────────────────────────────────────── */
.ops-stats {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.ops-stats__item {
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--mediox-primary);
    border-radius: 16px;
    padding: 28px 32px;
    color: #fff;
}
.ops-stats__number {
    font-size: 52px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    color: #fff;
}
.ops-stats__suffix {
    font-size: 32px;
    font-weight: 900;
    color: #efeee9;
}
.ops-stats__labels {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ops-stats__labels strong {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
}
.ops-stats__labels span {
    font-size: 13px;
    color: rgba(239, 238, 233, 0.75);
}
.ops-features {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.ops-features__item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #fff;
    border: 1px solid var(--mediox-border-color);
    border-radius: 12px;
    padding: 18px 20px;
    transition: box-shadow .25s;
}
.ops-features__item:hover {
    box-shadow: 0 8px 24px rgba(48, 93, 76, 0.09);
}
.ops-features__icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background-color: rgba(48, 93, 76, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ops-features__icon i {
    font-size: 18px;
    color: var(--mediox-primary);
}
.ops-features__text {
    font-size: 14px;
    color: var(--mediox-text);
    margin: 0;
    line-height: 1.7;
    padding-top: 9px;
}

/* ── KPI Cards ────────────────────────────────────────────────────── */
.kpi-card {
    background: #fff;
    border-radius: 16px;
    padding: 32px 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid var(--mediox-border-color);
    border-bottom: 4px solid var(--mediox-primary);
    transition: transform .3s, box-shadow .3s;
    height: 100%;
}
.kpi-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 36px rgba(48, 93, 76, 0.12);
}
.kpi-card__icon {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--mediox-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}
.kpi-card__icon i {
    font-size: 24px;
    color: #fff;
}
.kpi-card__body { flex: 1; }
.kpi-card__value {
    font-size: 28px;
    font-weight: 900;
    color: var(--mediox-primary);
    line-height: 1;
    margin-bottom: 6px;
    letter-spacing: -.01em;
}
.kpi-card__label {
    font-size: 13px;
    color: var(--mediox-text);
    margin: 0;
    line-height: 1.5;
}

/* ── Competitive Edge Cards ───────────────────────────────────────── */
.competitive-edge-section .sec-title__text {
    font-size: 15px;
    color: var(--mediox-text);
    margin-top: 12px;
}
.gutter-y-24 { --bs-gutter-y: 24px; }
.edge-card {
    background: #fff;
    border: 1px solid var(--mediox-border-color);
    border-radius: 14px;
    padding: 28px 22px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    height: 100%;
    transition: transform .3s, box-shadow .3s;
}
.edge-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(48, 93, 76, 0.10);
    border-color: var(--mediox-primary);
}
.edge-card__icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: rgba(48, 93, 76, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color .3s;
}
.edge-card:hover .edge-card__icon {
    background-color: var(--mediox-primary);
}
.edge-card__icon i {
    font-size: 20px;
    color: var(--mediox-primary);
    transition: color .3s;
}
.edge-card:hover .edge-card__icon i { color: #fff; }
.edge-card__text {
    font-size: 14px;
    font-weight: 600;
    color: var(--mediox-text-dark);
    margin: 0;
    line-height: 1.6;
}

/* ── Why Us Cards ─────────────────────────────────────────────────── */
.why-us-card {
    background: #fff;
    border-radius: 14px;
    padding: 24px 22px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    border: 1px solid var(--mediox-border-color);
    border-inline-start: 4px solid var(--mediox-primary);
    transition: transform .3s, box-shadow .3s;
    height: 100%;
}
.why-us-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(48, 93, 76, 0.11);
}
.why-us-card__icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background-color: var(--mediox-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}
.why-us-card__icon i {
    font-size: 22px;
    color: #fff;
}
.why-us-card__body { flex: 1; }
.why-us-card__title {
    font-size: 15px;
    font-weight: 800;
    color: var(--mediox-primary);
    margin-bottom: 6px;
    line-height: 1.4;
}
.why-us-card__text {
    font-size: 13px;
    color: var(--mediox-text);
    margin: 0;
    line-height: 1.6;
}

/* ── SLA Section ──────────────────────────────────────────────────── */
.sla-section {
    background-color: var(--mediox-white2);
}
.sla-card {
    background: #fff;
    border-radius: 16px;
    padding: 40px 32px 36px;
    text-align: center;
    border: 1px solid var(--mediox-border-color);
    transition: transform .3s, box-shadow .3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sla-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(48, 93, 76, 0.12);
}
.sla-card__icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: var(--mediox-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    flex-shrink: 0;
}
.sla-card__icon i {
    font-size: 28px;
    color: #fff;
}
.sla-card__badge {
    display: inline-block;
    background-color: #437393;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: 3px 12px;
    border-radius: 20px;
    margin-bottom: 14px;
}
.sla-card__title {
    font-size: 18px;
    font-weight: 800;
    color: var(--mediox-primary);
    margin-bottom: 10px;
    line-height: 1.4;
}
.sla-card__text {
    font-size: 15px;
    color: var(--mediox-text);
    margin: 0;
    line-height: 1.7;
}

/* ── Service cards — equal height per row ──────────────────────────── */
/* Bootstrap row is already flex; make each col and card stretch equally */
.services-page .row {
    align-items: stretch;
}
.services-page [class*="col-"] {
    display: flex;
}
.service-card-three {
    display: flex;
    flex-direction: column;
    width: 100%;
}
/* Content area grows to fill remaining card height.
   Keep the template's 69px top padding — the icon sits at top:-52px
   and needs that space so it doesn't overlap the title.               */
.service-card-three__content {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.service-card-three__list {
    flex: 1;
    margin-top: 8px;
}


/* ═══════════════════════════════════════════════════════════
   PORTFOLIO PAGE
   ═══════════════════════════════════════════════════════════ */

/* ── Sector section dark bg light text overrides ─────────── */
.sec-title__tagline--light { color: rgba(255,255,255,0.70) !important; }
.sec-title__tagline--light::before { background-color: rgba(255,255,255,0.50) !important; }
.sec-title__title--light  { color: #fff !important; }

/* ── Section 1: Sectors ──────────────────────────────────── */
.sectors-section {
    background: linear-gradient(135deg, #1e3d31 0%, #305d4c 65%, #3a6b57 100%);
}
.sector-card {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.13);
    border-radius: 20px;
    padding: 36px 28px;
    height: 100%;
    transition: background .3s, transform .3s;
}
.sector-card:hover {
    background: rgba(255,255,255,0.14);
    transform: translateY(-5px);
}
.sector-card__icon-wrap {
    width: 64px;
    height: 64px;
    background: rgba(255,255,255,0.15);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.sector-card__icon-wrap i { font-size: 28px; color: #fff; }
.sector-card__title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
}
.sector-card__list { padding: 0; margin: 0; }
.sector-card__list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: rgba(255,255,255,0.78);
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.sector-card__list li::before {
    content: '';
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    background: rgba(239,238,233,0.80);
    border-radius: 50%;
    margin-top: 8px;
}

/* ── Section 2: Track Record ─────────────────────────────── */
.track-record-section { background-color: #fff; }
.track-record__panel {
    background: var(--mediox-white2);
    border-radius: 16px;
    padding: 36px;
    height: 100%;
    border: 1px solid var(--mediox-border-color);
}
.track-record__intro {
    font-size: 15px;
    color: var(--mediox-text);
    line-height: 1.8;
    margin-bottom: 24px;
}
.track-record__subtitle {
    font-size: 13px;
    font-weight: 800;
    color: var(--mediox-primary);
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 14px;
}
.track-record__list { padding: 0; margin: 0; }
.track-record__list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: var(--mediox-text-dark);
    margin-bottom: 12px;
    line-height: 1.6;
}
.track-record__list li i {
    color: var(--mediox-primary);
    font-size: 13px;
    margin-top: 4px;
    flex-shrink: 0;
}
.track-record__results {
    background: var(--mediox-white2);
    border-radius: 16px;
    padding: 36px;
    height: 100%;
    border: 1px solid var(--mediox-border-color);
}
.track-record__results-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--mediox-primary);
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--mediox-primary);
}
.track-record__result-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid var(--mediox-border-color);
}
.track-record__result-item:last-child { border-bottom: none; }
.track-record__result-icon {
    width: 38px;
    height: 38px;
    background: rgba(48,93,76,0.10);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.track-record__result-icon i { font-size: 15px; color: var(--mediox-primary); }
.track-record__result-text {
    font-size: 14px;
    color: var(--mediox-text-dark);
    line-height: 1.6;
    margin: 0;
    padding-top: 7px;
}

/* ── Section 3: Case Studies ─────────────────────────────── */
.case-studies-section { background: #fff; }
.case-study-card {
    border-radius: 20px;
    border: 1px solid var(--mediox-border-color);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.case-study-card__header {
    background: linear-gradient(135deg, #1e3d31 0%, #305d4c 50%, #437393 100%);
    padding: 28px 32px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.case-study-card__num {
    font-size: 52px;
    font-weight: 900;
    color: rgba(255,255,255,0.18);
    line-height: 1;
    flex-shrink: 0;
}
.case-study-card__title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.4;
}
.case-study-card__intro {
    padding: 22px 32px;
    font-size: 14px;
    color: var(--mediox-text);
    line-height: 1.75;
    margin: 0;
    border-bottom: 1px solid var(--mediox-border-color);
}
.case-study-card__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex: 1;
}
.case-study-card__scope,
.case-study-card__results { padding: 24px 28px; }
.case-study-card__scope { border-inline-end: 1px solid var(--mediox-border-color); }
.case-study-card__section-title {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--mediox-primary);
    margin-bottom: 16px;
}
.case-study-card__scope-list { padding: 0; margin: 0; }
.case-study-card__scope-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: var(--mediox-text-dark);
    margin-bottom: 10px;
    line-height: 1.5;
}
.case-study-card__scope-list li i {
    color: var(--mediox-primary);
    font-size: 11px;
    margin-top: 4px;
    flex-shrink: 0;
}
.case-study-card__stats { display: flex; flex-direction: column; gap: 10px; }
.case-study-stat {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(48,93,76,0.06);
    border-radius: 10px;
    padding: 12px 14px;
}
.case-study-stat__value {
    font-size: 22px;
    font-weight: 900;
    color: var(--mediox-primary);
    line-height: 1;
    flex-shrink: 0;
    min-width: 64px;
}
.case-study-stat__label {
    font-size: 12px;
    color: var(--mediox-text);
    line-height: 1.4;
    margin: 0;
}

/* Responsive */
@media (max-width: 575px) {
    .case-study-card__body { grid-template-columns: 1fr; }
    .case-study-card__scope { border-inline-end: none; border-bottom: 1px solid var(--mediox-border-color); }
    .case-study-card__header,
    .case-study-card__intro,
    .case-study-card__scope,
    .case-study-card__results { padding: 20px; }
    .track-record__panel,
    .track-record__results { padding: 24px; }
}

/* ============================================================
   SECURITY & GOVERNANCE SECTION — index.php
   ============================================================ */
.sec-governance-section {
    background: linear-gradient(160deg, #0d1f18 0%, #1a3829 55%, #1e3d31 100%);
    position: relative;
    overflow: hidden;
}
.sec-governance-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 80% 20%, rgba(67,115,147,0.15) 0%, transparent 55%);
    pointer-events: none;
}
.sec-governance-section .sec-title__tagline { color: rgba(255,255,255,0.7); }
.sec-governance-section .sec-title__tagline::before { background: rgba(255,255,255,0.5); }
.sec-governance-section .sec-title__title { color: #fff; }

.sgov-list {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 52px;
}

/* Card — split layout */
.sgov-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 16px 56px rgba(0,0,0,0.3);
    min-height: 420px;
}

/* Alternate: even cards flip image to right */
.sgov-card:nth-child(even) { direction: rtl; }
.sgov-card:nth-child(even) .sgov-card__inner { direction: ltr; }
.sgov-card:nth-child(even) .sgov-list-items li { direction: ltr; }

/* Image side */
.sgov-card__image-col { position: relative; overflow: hidden; }
.sgov-card__image-wrap { position: absolute; inset: 0; }
.sgov-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.6s ease;
}
.sgov-card:hover .sgov-card__img { transform: scale(1.05); }
.sgov-card__image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(13,31,24,0.72) 0%, rgba(26,56,41,0.45) 100%);
}
.sgov-card__badge-wrap {
    position: absolute;
    bottom: 32px;
    left: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.sgov-card__main-icon {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--mediox-primary) 0%, #437393 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
    box-shadow: 0 8px 24px rgba(48,93,76,0.45);
}
.sgov-card__badge {
    display: inline-block;
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 11px;
    font-weight: 800;
    color: #fff !important;
    letter-spacing: 1px;
    white-space: nowrap;
}

/* Content side */
.sgov-card__content-col {
    background: #fff;
    display: flex;
    align-items: center;
}
.sgov-card__inner {
    padding: 52px 48px;
    width: 100%;
}
.sgov-card__title {
    font-size: 22px;
    font-weight: 800;
    color: var(--mediox-black, #1a1a2e);
    margin-bottom: 12px;
    line-height: 1.3;
}
.sgov-card__intro {
    font-size: 14px;
    color: var(--mediox-text, #666);
    line-height: 1.75;
    margin-bottom: 28px;
}
.sgov-list-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.sgov-list-items li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 13.5px;
    color: var(--mediox-text-dark, #333);
    line-height: 1.6;
}
.sgov-list-items__icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(48,93,76,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--mediox-primary);
    font-size: 12px;
}

/* Responsive */
@media (max-width: 991px) {
    .sgov-card { grid-template-columns: 1fr; direction: ltr; min-height: auto; }
    .sgov-card__image-col { min-height: 280px; position: relative; }
    .sgov-card__image-wrap { position: relative; height: 280px; }
    .sgov-card__inner { padding: 36px 28px; }
}
@media (max-width: 575px) {
    .sgov-card__inner { padding: 28px 20px; }
    .sgov-card__title { font-size: 18px; }
    .sgov-card__badge-wrap { bottom: 20px; left: 20px; }
}

/* ============================================================
   GLOBAL PAGE — global.php
   ============================================================ */

/* ── Section 1: Global Reach ── */
.global-reach-section {
    background: linear-gradient(135deg, #0d1f18 0%, #1a3829 45%, #1e3d31 70%, #2a4a5e 100%);
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}
.global-reach-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 50%, rgba(67,115,147,0.18) 0%, transparent 60%);
    pointer-events: none;
}
.global-reach-section .sec-title__tagline { color: rgba(255,255,255,0.7); }
.global-reach-section .sec-title__tagline::before { background: rgba(255,255,255,0.5); }

.global-reach__intro {
    color: rgba(255,255,255,0.82);
    font-size: 15px;
    line-height: 1.85;
    margin-bottom: 32px;
}
.global-reach__list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
    padding: 0;
}
.global-reach__list li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    color: rgba(255,255,255,0.88);
    font-size: 14px;
    line-height: 1.6;
}
.global-reach__list__icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 14px;
}

/* Partnership Card */
.partnership-card {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 24px;
    padding: 48px 40px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    text-align: center;
}
.partnership-card__label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
    margin-bottom: 40px;
}
.partnership-card__logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}
.partnership-card__logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.partnership-card__logo img {
    width: 100px;
    height: 60px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.partnership-card__logo p {
    color: rgba(255,255,255,0.75);
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.5px;
}
.partnership-card__logo-text {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.5px;
}
.partnership-card__connector {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--mediox-primary) 0%, #437393 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    flex-shrink: 0;
    box-shadow: 0 8px 24px rgba(48,93,76,0.4);
}

/* ── Section 2: International Standards ── */
.intl-standards-section { background: #fff; }

.standard-card {
    background: #fff;
    border: 1px solid var(--mediox-border-color, #e8ecf0);
    border-radius: 20px;
    padding: 36px 28px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    position: relative;
    overflow: hidden;
}
.standard-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mediox-primary) 0%, #437393 100%);
    border-radius: 20px 20px 0 0;
}
.standard-card:hover {
    box-shadow: 0 16px 48px rgba(48,93,76,0.12);
    transform: translateY(-4px);
}
.standard-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.standard-card__icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--mediox-primary) 0%, #437393 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
}
.standard-card__badge {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--mediox-primary);
    background: rgba(48,93,76,0.08);
    border: 1px solid rgba(48,93,76,0.18);
    border-radius: 20px;
    padding: 5px 12px;
    white-space: nowrap;
}
.standard-card__title {
    font-size: 17px;
    font-weight: 800;
    color: var(--mediox-black, #1a1a2e);
    margin: 0;
    line-height: 1.35;
}
.standard-card__text {
    font-size: 13.5px;
    color: var(--mediox-text, #666);
    line-height: 1.7;
    margin: 0;
    flex: 1;
}

/* ── Section 3: Technical Integration Tabs ── */
.tech-integration-section {
    background: linear-gradient(160deg, #0d1f18 0%, #1a3829 50%, #1e3d31 100%);
}
.tech-integration-section .sec-title__tagline { color: rgba(255,255,255,0.7); }
.tech-integration-section .sec-title__tagline::before { background: rgba(255,255,255,0.5); }
.tech-integration-section .sec-title__title { color: #fff; }

/* Tab nav */
.itabs { margin-top: 52px; }

.itabs__nav-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.itabs__nav {
    display: inline-flex;
    gap: 0;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 60px;
    padding: 6px;
    overflow-x: auto;
    scrollbar-width: none;
    max-width: 100%;
}
.itabs__nav::-webkit-scrollbar { display: none; }

.itabs__btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 28px;
    background: transparent;
    border: none;
    border-radius: 50px;
    color: rgba(255,255,255,0.55);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.itabs__btn-num {
    font-size: 11px;
    font-weight: 900;
    opacity: 0.6;
    font-family: monospace;
}
.itabs__btn:hover { color: rgba(255,255,255,0.85); }
.itabs__btn.active {
    background: #fff;
    color: var(--mediox-primary);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
.itabs__btn.active .itabs__btn-num { opacity: 1; color: #437393; }

/* Panel */
.itabs__panel { display: none; }
.itabs__panel.active {
    display: block;
    animation: itabFade 0.4s ease;
}
@keyframes itabFade {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Split layout */
.itabs__split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 520px;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 12px 48px rgba(0,0,0,0.25);
}

/* Image side */
.itabs__image-col { position: relative; overflow: hidden; min-height: 400px; }
.itabs__image-wrap { position: absolute; inset: 0; }
.itabs__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.6s ease;
}
.itabs__panel.active .itabs__img { transform: scale(1.03); }
.itabs__image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(13,31,24,0.55) 0%, rgba(26,56,41,0.3) 100%);
}
.itabs__image-badge {
    position: absolute;
    bottom: 28px;
    left: 28px;
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 14px;
    padding: 14px 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.itabs__image-badge-num {
    font-size: 28px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    font-family: monospace;
}
.itabs__image-badge-label {
    font-size: 11px;
    font-weight: 700;
    color: rgba(255,255,255,0.75);
    letter-spacing: 0.5px;
}

/* Content side */
.itabs__content-col {
    background: #fff;
    display: flex;
    align-items: stretch;
}
.itabs__content-inner {
    padding: 52px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.itabs__panel-title {
    font-size: 22px;
    font-weight: 800;
    color: var(--mediox-black, #1a1a2e);
    margin-bottom: 12px;
    line-height: 1.3;
}
.itabs__panel-intro {
    font-size: 14px;
    color: var(--mediox-text, #666);
    line-height: 1.75;
    margin-bottom: 28px;
}
.itabs__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
}
.itabs__list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: var(--mediox-text-dark, #333);
    line-height: 1.6;
}
.itabs__list-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(48,93,76,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--mediox-primary);
    font-size: 12px;
}
.itabs__list-icon--light {
    background: rgba(255,255,255,0.15);
    color: #fff;
}
.itabs__extra {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--mediox-border-color, #e8ecf0);
}
.itabs__extra-title {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--mediox-primary);
    margin-bottom: 16px;
}
.itabs__extra .itabs__list li { color: var(--mediox-text-dark, #333); }

/* ── Section 4: Contract Models ── */
.contract-models-section { background: var(--mediox-white2, #f5f7fa); }

.contract-card {
    background: #fff;
    border-radius: 20px;
    padding: 36px 28px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    position: relative;
    overflow: hidden;
}
.contract-card:hover {
    box-shadow: 0 16px 48px rgba(48,93,76,0.13);
    transform: translateY(-4px);
}
.contract-card__num {
    font-size: 52px;
    font-weight: 900;
    color: rgba(48,93,76,0.08);
    line-height: 1;
    position: absolute;
    top: 20px;
    right: 24px;
    letter-spacing: -2px;
}
.contract-card__icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--mediox-primary) 0%, #437393 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    flex-shrink: 0;
}
.contract-card__title {
    font-size: 17px;
    font-weight: 800;
    color: var(--mediox-black, #1a1a2e);
    margin: 0;
    line-height: 1.35;
}
.contract-card__text {
    font-size: 13.5px;
    color: var(--mediox-text, #666);
    line-height: 1.7;
    margin: 0;
    flex: 1;
}

/* ── Global Page Responsive ── */
@media (max-width: 991px) {
    .itabs__split { grid-template-columns: 1fr; }
    .itabs__image-col { min-height: 300px; position: relative; }
    .itabs__image-wrap { position: relative; height: 300px; }
    .itabs__content-inner { padding: 36px 32px; }
    .itabs__panel-title { font-size: 19px; }
    .partnership-card { padding: 36px 28px; }
}
@media (max-width: 767px) {
    .itabs__nav { border-radius: 16px; padding: 4px; }
    .itabs__btn { padding: 10px 18px; font-size: 12px; gap: 6px; }
    .itabs__btn-num { display: none; }
}
@media (max-width: 575px) {
    .itabs__content-inner { padding: 28px 20px; }
    .itabs__panel-title { font-size: 17px; }
    .partnership-card__logos { flex-direction: column; gap: 24px; }
    .partnership-card__connector { transform: rotate(90deg); }
    .standard-card { padding: 28px 20px; }
    .contract-card { padding: 28px 20px; }
    .contract-card__num { font-size: 40px; }
}