/* =========================================================
   SINODIA MEDICAL — HOMEPAGE ONLY
   Dedicated stylesheet
========================================================= */

:root{
    --sm-navy:#102f57;
    --sm-blue:#1d5f9f;
    --sm-red:#e22f35;
    --sm-text:#253b55;
    --sm-muted:#65758a;
    --sm-light:#f5f8fb;
    --sm-border:#dfe6ee;
    --sm-white:#fff;
}

body{
    overflow-x:hidden;
}

.sm-home-hero{
    position:relative;
    min-height:650px;
    background:
        radial-gradient(circle at 78% 45%,rgba(37,102,160,.10),transparent 32%),
        linear-gradient(120deg,#f4f8fc 0%,#ffffff 58%,#f2f7fb 100%);
    overflow:hidden;
}

.sm-home-hero-inner{
    width:min(1180px,92%);
    min-height:650px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:55px;
    align-items:center;
}

.sm-hero-content{
    position:relative;
    z-index:2;
    padding:70px 0;
}

.sm-eyebrow{
    margin:0 0 14px;
    color:var(--sm-red);
    font-size:12px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:.17em;
}

.sm-eyebrow.sm-centered{
    text-align:center;
}

.sm-hero-content h1{
    margin:0;
    color:var(--sm-navy);
    font-size:clamp(45px,5.2vw,72px);
    line-height:.98;
    letter-spacing:-.035em;
    font-weight:800;
}

.sm-hero-content h1 span{
    color:var(--sm-blue);
}

.sm-red-line{
    width:76px;
    height:5px;
    margin:24px 0 22px;
    background:var(--sm-red);
}

.sm-hero-description{
    max-width:610px;
    margin:0;
    color:#566a80;
    font-size:18px;
    line-height:1.65;
}

.sm-hero-services{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:34px;
    max-width:690px;
}

.sm-mini-service{
    display:flex;
    gap:10px;
    align-items:flex-start;
}

.sm-mini-icon{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:grid;
    place-items:center;
    border:1px solid #ccd9e7;
    border-radius:50%;
    color:var(--sm-red);
    font-size:16px;
    font-weight:700;
    background:#fff;
}

.sm-mini-service strong{
    display:block;
    margin-bottom:4px;
    color:var(--sm-navy);
    font-size:11px;
    letter-spacing:.12em;
}

.sm-mini-service span{
    display:block;
    color:#6b7b8e;
    font-size:12px;
    line-height:1.45;
}

.sm-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:13px;
    margin-top:35px;
}

.sm-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    min-height:47px;
    padding:12px 21px;
    border:1px solid transparent;
    border-radius:3px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.05em;
    transition:.2s ease;
}

.sm-btn span{
    font-size:17px;
    line-height:1;
    transition:transform .2s ease;
}

.sm-btn:hover span{
    transform:translateX(4px);
}

.sm-btn-primary{
    background:var(--sm-red);
    border-color:var(--sm-red);
    color:#fff;
}

.sm-btn-primary:hover{
    background:#c9252b;
    border-color:#c9252b;
    color:#fff;
}

.sm-btn-outline{
    background:#fff;
    border-color:#2a659f;
    color:#1d5f9f;
}

.sm-btn-outline:hover{
    background:#1d5f9f;
    color:#fff;
}

.sm-hero-visual{
    position:relative;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.sm-world-grid{
    position:absolute;
    inset:5% -15% 5% 5%;
    opacity:.7;
    background-image:
        linear-gradient(rgba(29,95,159,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(29,95,159,.07) 1px,transparent 1px);
    background-size:34px 34px;
    transform:perspective(450px) rotateX(56deg) rotateZ(-8deg);
    mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%);
}

.sm-medical-machine{
    position:relative;
    z-index:2;
    width:360px;
    height:300px;
    filter:drop-shadow(0 22px 25px rgba(19,53,87,.18));
}

.sm-machine-ring{
    position:absolute;
    left:25px;
    top:20px;
    width:220px;
    height:220px;
    border:31px solid #d8e1ea;
    border-right-color:#b9c8d7;
    border-radius:50%;
    background:linear-gradient(145deg,#edf2f6,#c3d0dc);
    box-shadow:
        inset 0 0 0 12px #eef3f7,
        0 10px 30px rgba(15,46,79,.14);
}

.sm-machine-inner{
    position:absolute;
    inset:38px;
    border-radius:50%;
    background:
        radial-gradient(circle,#122f4d 0 23%,#274d6f 24% 39%,#d9e2ea 40% 44%,#a9b9c8 45% 100%);
    box-shadow:inset 0 0 25px rgba(0,0,0,.22);
}

.sm-machine-bed{
    position:absolute;
    left:145px;
    top:122px;
    width:210px;
    height:48px;
    border-radius:5px;
    background:linear-gradient(#eef3f7,#b8c7d4);
    transform:skewY(-4deg);
    box-shadow:0 8px 14px rgba(15,46,79,.18);
}

.sm-machine-bed:after{
    content:"";
    position:absolute;
    right:7px;
    top:46px;
    width:10px;
    height:90px;
    background:#8397aa;
    transform:skewY(4deg);
}

.sm-machine-console{
    position:absolute;
    right:0;
    bottom:35px;
    width:105px;
    height:120px;
    padding:14px;
    border-radius:5px;
    background:linear-gradient(145deg,#eff4f8,#aebdcb);
    box-shadow:0 12px 25px rgba(18,48,79,.16);
}

.sm-machine-console div{
    height:10px;
    margin-bottom:10px;
    border-radius:2px;
    background:#66839d;
}

.sm-map-shape{
    position:absolute;
    z-index:1;
    right:-5px;
    bottom:20px;
    width:180px;
    height:190px;
    border-radius:46% 54% 42% 58% / 43% 42% 58% 57%;
    transform:rotate(13deg);
    background:rgba(29,95,159,.075);
    border:1px solid rgba(29,95,159,.14);
    display:grid;
    place-items:center;
}

.sm-map-shape span{
    transform:rotate(-13deg);
    color:rgba(29,95,159,.38);
    font-size:13px;
    font-weight:800;
    letter-spacing:.15em;
}


/* =========================================================
   GENERAL SECTIONS
========================================================= */

.sm-section{
    width:min(1180px,92%);
    margin:0 auto;
    padding:95px 0;
}

.sm-section-heading{
    max-width:800px;
    margin:0 auto 48px;
    text-align:center;
}

.sm-section-heading h2{
    margin:0;
    color:var(--sm-navy);
    font-size:clamp(32px,4vw,48px);
    line-height:1.12;
    letter-spacing:-.025em;
}

.sm-section-heading > p:last-child{
    max-width:700px;
    margin:22px auto 0;
    color:var(--sm-muted);
    font-size:16px;
    line-height:1.7;
}


/* =========================================================
   WHAT WE DO
========================================================= */

.sm-what-we-do{
    background:#fff;
}

.sm-services-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
}

.sm-service-card{
    min-height:285px;
    padding:28px 22px;
    border:1px solid var(--sm-border);
    background:#fff;
    transition:.22s ease;
}

.sm-service-card:hover{
    transform:translateY(-5px);
    border-color:#c9d7e6;
    box-shadow:0 16px 35px rgba(21,59,94,.09);
}

.sm-round-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border:1px solid #d4e0eb;
    border-radius:50%;
    color:var(--sm-red);
    font-size:23px;
    margin-bottom:25px;
}

.sm-service-card h3{
    margin:0 0 13px;
    color:var(--sm-navy);
    font-size:18px;
    line-height:1.3;
}

.sm-service-card p{
    margin:0;
    color:var(--sm-muted);
    font-size:13px;
    line-height:1.7;
}


/* =========================================================
   PRODUCT CATEGORIES
========================================================= */

.sm-categories{
    max-width:none;
    width:100%;
    padding-left:max(4%,calc((100% - 1180px)/2));
    padding-right:max(4%,calc((100% - 1180px)/2));
    background:#f6f9fc;
}

.sm-category-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.sm-category-card{
    display:block;
    overflow:hidden;
    background:#fff;
    border:1px solid #dfe6ee;
    transition:.25s ease;
}

.sm-category-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 38px rgba(16,47,87,.11);
    border-color:#c7d5e3;
}

.sm-category-image{
    position:relative;
    height:235px;
    overflow:hidden;
    background:linear-gradient(135deg,#edf3f8,#d6e2ec);
}

.sm-category-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .45s ease;
}

.sm-category-card:hover .sm-category-image img{
    transform:scale(1.04);
}

.sm-category-image:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(to top,rgba(10,36,63,.16),transparent 45%);
}

.sm-equipment-placeholder{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 50% 45%,rgba(29,95,159,.12),transparent 42%),
        linear-gradient(135deg,#edf3f8,#d4e0eb);
}

.sm-equipment-placeholder span{
    color:#6f8499;
    font-size:13px;
    font-weight:800;
    letter-spacing:.2em;
}

.sm-category-body{
    min-height:145px;
    padding:24px 25px 27px;
}

.sm-category-body h3{
    margin:0 0 9px;
    color:var(--sm-navy);
    font-size:20px;
    line-height:1.25;
}

.sm-category-body p{
    margin:0;
    color:var(--sm-muted);
    font-size:13px;
    line-height:1.65;
}

.sm-centered-button{
    display:flex;
    justify-content:center;
    margin-top:40px;
}

.sm-view-all{
    min-width:220px;
}


/* =========================================================
   MARKETS + IMPACT
========================================================= */

.sm-markets-impact{
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#102f57;
    color:#fff;
}

.sm-markets{
    position:relative;
    min-height:440px;
    padding:80px max(7%,calc((100vw - 1180px)/2));
    padding-right:8%;
    overflow:hidden;
    background:#102f57;
}

.sm-markets h2{
    margin:0;
    color:#fff;
    font-size:clamp(32px,4vw,48px);
    line-height:1.1;
    letter-spacing:-.025em;
}

.sm-markets > p:not(.sm-eyebrow){
    margin:22px 0 0;
    color:#c6d5e4;
    font-size:15px;
    line-height:1.7;
}

.sm-world-map{
    position:absolute;
    right:5%;
    bottom:-55px;
    width:360px;
    height:250px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:50%;
    transform:rotate(-8deg);
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:28px 28px;
    opacity:.8;
}

.sm-map-dot{
    position:absolute;
    width:11px;
    height:11px;
    border-radius:50%;
    background:var(--sm-red);
    box-shadow:0 0 0 6px rgba(226,47,53,.12);
}

.sm-dot-africa{
    left:38%;
    top:55%;
}

.sm-dot-india{
    left:66%;
    top:53%;
}

.sm-dot-gcc{
    left:59%;
    top:34%;
}

.sm-impact{
    min-height:440px;
    padding:80px max(7%,calc((100vw - 1180px)/2));
    padding-left:8%;
    background:#0d294b;
}

.sm-impact-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    margin-top:35px;
    border-top:1px solid rgba(255,255,255,.12);
    border-left:1px solid rgba(255,255,255,.12);
}

.sm-impact-item{
    min-height:145px;
    padding:25px;
    border-right:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
}

.sm-impact-item strong{
    display:block;
    color:#fff;
    font-size:42px;
    line-height:1;
    letter-spacing:-.03em;
}

.sm-impact-item span{
    display:block;
    margin-top:10px;
    color:#afc1d4;
    font-size:12px;
    line-height:1.45;
    text-transform:uppercase;
    letter-spacing:.07em;
}


/* =========================================================
   FINAL CTA
========================================================= */

.sm-home-cta{
    width:min(1180px,92%);
    margin:0 auto;
    padding:75px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.sm-home-cta .sm-eyebrow{
    margin-bottom:13px;
}

.sm-home-cta h2{
    margin:0;
    color:var(--sm-navy);
    font-size:clamp(29px,3.5vw,43px);
    line-height:1.15;
    letter-spacing:-.025em;
}

.sm-home-cta p:last-child{
    max-width:680px;
    margin:17px 0 0;
    color:var(--sm-muted);
    font-size:15px;
    line-height:1.65;
}

.sm-cta-buttons{
    display:flex;
    flex-shrink:0;
    gap:12px;
}

.sm-btn-white{
    background:var(--sm-red);
    color:#fff;
    border-color:var(--sm-red);
}

.sm-btn-white:hover{
    background:#c9252b;
    color:#fff;
}

.sm-btn-cta-outline{
    background:#fff;
    color:var(--sm-blue);
    border-color:#2a659f;
}

.sm-btn-cta-outline:hover{
    background:var(--sm-blue);
    color:#fff;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){

    .sm-home-hero-inner{
        grid-template-columns:1fr 1fr;
        gap:25px;
    }

    .sm-services-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .sm-service-card{
        min-height:250px;
    }

    .sm-category-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .sm-home-cta{
        align-items:flex-start;
        flex-direction:column;
    }
}


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

@media(max-width:760px){

    .sm-home-hero{
        min-height:auto;
    }

    .sm-home-hero-inner{
        display:block;
        min-height:auto;
    }

    .sm-hero-content{
        padding:65px 0 25px;
    }

    .sm-hero-content h1{
        font-size:clamp(40px,12vw,57px);
    }

    .sm-hero-description{
        font-size:16px;
    }

    .sm-hero-services{
        grid-template-columns:1fr;
        gap:15px;
    }

    .sm-hero-buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .sm-btn{
        width:100%;
    }

    .sm-hero-visual{
        min-height:390px;
        margin-bottom:25px;
    }

    .sm-medical-machine{
        transform:scale(.78);
    }

    .sm-map-shape{
        right:0;
        bottom:10px;
        transform:scale(.75) rotate(13deg);
    }

    .sm-section{
        padding:65px 0;
    }

    .sm-section-heading{
        margin-bottom:35px;
    }

    .sm-section-heading h2{
        font-size:32px;
    }

    .sm-services-grid{
        grid-template-columns:1fr;
    }

    .sm-service-card{
        min-height:0;
    }

    .sm-category-grid{
        grid-template-columns:1fr;
    }

    .sm-category-image{
        height:220px;
    }

    .sm-markets-impact{
        grid-template-columns:1fr;
    }

    .sm-markets,
    .sm-impact{
        min-height:400px;
        padding:65px 7%;
    }

    .sm-world-map{
        right:-40px;
        width:320px;
    }

    .sm-impact-grid{
        grid-template-columns:1fr 1fr;
    }

    .sm-impact-item{
        min-height:125px;
        padding:20px;
    }

    .sm-impact-item strong{
        font-size:34px;
    }

    .sm-home-cta{
        padding:60px 0;
    }

    .sm-cta-buttons{
        width:100%;
        flex-direction:column;
    }
}


/* =========================================================
   SMALL PHONES
========================================================= */

@media(max-width:430px){

    .sm-home-hero-inner,
    .sm-section,
    .sm-home-cta{
        width:90%;
    }

    .sm-hero-content h1{
        font-size:40px;
    }

    .sm-hero-visual{
        min-height:330px;
    }

    .sm-medical-machine{
        transform:scale(.62);
    }

    .sm-world-map{
        transform:scale(.8) rotate(-8deg);
        transform-origin:right bottom;
    }

    .sm-impact-grid{
        grid-template-columns:1fr;
    }

    .sm-impact-item{
        min-height:110px;
    }
}

/* =========================================================
   PRODUCT CATEGORIES — ORIGINAL DESIGN
========================================================= */

.sm-categories {
    background: #f7f9fc;
    padding: 55px 0 60px;
}

.sm-categories .sm-section-heading {
    text-align: center;
    margin-bottom: 28px;
}

.sm-categories .sm-section-heading h2 {
    margin-bottom: 10px;
}

.sm-categories .sm-section-heading > p:last-child {
    color: #253b55;
    font-size: 15px;
    margin: 0;
}

.sm-category-grid {
    width: min(1180px, 92%);
    margin: 0 auto;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 8px;
    align-items: stretch;
}

.sm-category-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #dce4ed;
    border-radius: 2px;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}

.sm-category-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(16,47,87,.12);
}

.sm-category-image {
    height: 145px !important;
    min-height: 145px;
    margin: 0 !important;
    padding: 0 !important;
    background: #eef3f8;
    overflow: hidden;
    position: relative;
}

.sm-category-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.sm-category-body {
    min-height: 108px;
    padding: 15px 9px 13px;
    background: #103d78;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.sm-category-body h3 {
    color: #fff;
    font-size: 15px;
    line-height: 1.25;
    margin: 0 0 10px;
    font-weight: 700;
}

.sm-category-body p {
    color: #fff;
    font-size: 11px;
    line-height: 1.5;
    margin: 0;
}

.sm-categories .sm-centered-button {
    text-align: center;
    margin-top: 25px;
}

.sm-categories .sm-view-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    min-width: 210px;
    padding: 11px 18px;
}


/* Tablet */
@media (max-width: 1000px) {

    .sm-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px;
    }

}


/* Mobile */
@media (max-width: 600px) {

    .sm-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px;
    }

    .sm-category-image {
        height: 125px !important;
        min-height: 125px;
    }

    .sm-category-body {
        min-height: 105px;
        padding: 12px 7px;
    }

    .sm-category-body h3 {
        font-size: 13px;
    }

    .sm-category-body p {
        font-size: 10px;
    }

}


/* =========================================================
   FINAL HOMEPAGE HERO
========================================================= */

.sm-home-hero {
    position: relative;
    min-height: 650px;
    overflow: hidden;
    background: #f4f8fc;
}

.sm-home-hero-bg {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(245,249,252,.98) 0%,
            rgba(245,249,252,.94) 42%,
            rgba(245,249,252,.48) 67%,
            rgba(245,249,252,.10) 100%
        );
    z-index: 1;
}

.sm-home-hero-inner {
    position: relative;
    z-index: 2;
    width: min(1180px,92%);
    min-height: 650px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.03fr .97fr;
    gap: 35px;
    align-items: center;
}

.sm-hero-content {
    padding: 55px 0;
}

.sm-eyebrow {
    color: #168b67 !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .15em;
    margin: 0 0 14px;
}

.sm-hero-content h1 {
    color: #102f57;
    font-size: clamp(42px,5vw,68px);
    line-height: 1.03;
    letter-spacing: -.025em;
    margin: 0;
}

.sm-hero-content h1 span {
    color: #1d5f9f;
}

.sm-green-line {
    width: 75px;
    height: 5px;
    margin: 22px 0 23px;
    background: #168b67;
}

.sm-hero-description {
    max-width: 590px;
    color: #53677e;
    font-size: 17px;
    line-height: 1.65;
    margin: 0;
}

.sm-hero-services {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
    margin-top: 32px;
    max-width: 650px;
}

.sm-mini-service {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.sm-mini-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border: 1px solid #c9d8e6;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #168b67;
    font-size: 15px;
}

.sm-mini-service strong {
    display: block;
    color: #102f57;
    font-size: 11px;
    letter-spacing: .1em;
    margin-bottom: 3px;
}

.sm-mini-service span {
    display: block;
    color: #68798d;
    font-size: 10px;
    line-height: 1.4;
}

.sm-hero-buttons {
    display: flex;
    gap: 12px;
    margin-top: 31px;
}

.sm-btn {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    padding: 12px 18px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.sm-btn-primary {
    background: #168b67 !important;
    border: 1px solid #168b67;
    color: #fff !important;
}

.sm-btn-primary:hover {
    background: #117356 !important;
}

.sm-btn-outline {
    background: #fff;
    border: 1px solid #1d5f9f;
    color: #1d5f9f !important;
}

.sm-btn-outline:hover {
    background: #1d5f9f;
    color: #fff !important;
}


/* Hero right side */

.sm-hero-right {
    position: relative;
    min-height: 530px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sm-hero-image {
    position: absolute;
    inset: 20px -8% 20px 0;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 25px 55px rgba(16,47,87,.16);
}

.sm-hero-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(245,249,252,.35),
            transparent 35%
        );
    pointer-events: none;
}

.sm-hero-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}


/* Right-side CTA stack */

.sm-hero-actions {
    position: relative;
    z-index: 3;
    width: 220px;
    margin-right: -28px;
    margin-top: 115px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.sm-hero-action {
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 13px 15px;
    background: rgba(16,47,87,.96);
    color: #fff;
    border-left: 4px solid #168b67;
    box-shadow: 0 8px 25px rgba(16,47,87,.16);
    transition: transform .2s ease, background .2s ease;
}

.sm-hero-action:hover {
    transform: translateX(-5px);
    background: #1d5f9f;
}

.sm-hero-action-rfq {
    background: #168b67;
    border-left-color: #fff;
}

.sm-hero-action-rfq:hover {
    background: #117356;
}

.sm-action-icon {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 13px;
}

.sm-hero-action strong {
    display: block;
    font-size: 12px;
    letter-spacing: .08em;
    line-height: 1.2;
}

.sm-hero-action small {
    display: block;
    margin-top: 3px;
    color: rgba(255,255,255,.72);
    font-size: 9px;
}


/* =========================================================
   CATEGORY ROW — SIX ACROSS
========================================================= */

.sm-category-grid {
    width: min(1180px,92%);
    margin: 0 auto;
    display: grid !important;
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
    gap: 8px;
}

.sm-category-card {
    min-width: 0;
}


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

@media (max-width: 1050px) {

    .sm-home-hero-inner {
        grid-template-columns: 1fr;
    }

    .sm-hero-content {
        padding-bottom: 15px;
    }

    .sm-hero-right {
        min-height: 430px;
    }

    .sm-hero-image {
        inset: 0;
    }

    .sm-hero-actions {
        margin-right: 0;
    }

    .sm-category-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }

}


@media (max-width: 700px) {

    .sm-home-hero-inner {
        width: 94%;
    }

    .sm-hero-content h1 {
        font-size: 42px;
    }

    .sm-hero-services {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .sm-hero-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .sm-hero-right {
        min-height: 390px;
        flex-direction: column;
    }

    .sm-hero-image {
        position: absolute;
        inset: 0;
    }

    .sm-hero-actions {
        width: 90%;
        margin: auto 0 15px;
    }

    .sm-category-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

}


/* =========================================================
   HERO — FINAL COMPACT DESIGN
   Based on approved reference layout
========================================================= */

.sm-home-hero {
    position: relative;
    height: 455px;
    min-height: 455px;
    overflow: hidden;
    background: #eef5fa;
}

.sm-home-hero-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: none;
    height: 455px;
    min-height: 455px;
    margin: 0;
    display: block;
}

.sm-home-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(244,249,252,.96) 0%,
            rgba(244,249,252,.91) 31%,
            rgba(244,249,252,.54) 49%,
            rgba(244,249,252,.08) 69%,
            rgba(244,249,252,0) 100%
        );
    pointer-events: none;
}

.sm-hero-content {
    position: absolute;
    z-index: 5;
    left: max(4.2%, calc((100% - 1180px) / 2));
    top: 50%;
    transform: translateY(-50%);
    width: 48%;
    max-width: 570px;
    padding: 0;
}

.sm-hero-content .sm-eyebrow {
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: .12em;
    margin: 0 0 9px;
}

.sm-hero-content h1 {
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.08;
    letter-spacing: -.015em;
    margin: 0;
}

.sm-green-line {
    width: 48px;
    height: 3px;
    margin: 14px 0 16px;
    background: #168b67;
}

.sm-hero-description {
    max-width: 450px;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    color: #30445a;
}

.sm-hero-services {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 22px;
    max-width: 500px;
}

.sm-mini-service {
    gap: 8px;
}

.sm-mini-icon {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    font-size: 13px;
    border-color: #b9cbdc;
    color: #102f57;
}

.sm-mini-service strong {
    font-size: 10px;
    letter-spacing: .08em;
    margin-bottom: 2px;
}

.sm-mini-service span {
    font-size: 9px;
    line-height: 1.35;
    color: #53677e;
}

.sm-hero-buttons {
    gap: 10px;
    margin-top: 22px;
}

.sm-btn {
    padding: 10px 17px;
    gap: 15px;
    font-size: 10px;
    letter-spacing: .04em;
}

.sm-btn-primary {
    background: #168b67 !important;
    border-color: #168b67 !important;
}

.sm-btn-outline {
    background: rgba(255,255,255,.88);
    border-color: #168b67 !important;
    color: #168b67 !important;
}

.sm-btn-outline:hover {
    background: #168b67 !important;
    color: #fff !important;
}


/* ---------------------------------------------------------
   HERO IMAGE
--------------------------------------------------------- */

.sm-hero-right {
    position: absolute;
    z-index: 2;
    inset: 0;
    min-height: 0;
    display: block;
}

.sm-hero-image {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}

.sm-hero-image:after {
    display: none;
}

.sm-hero-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}


/* ---------------------------------------------------------
   RIGHT FLOATING CTA PANEL
--------------------------------------------------------- */

.sm-hero-actions {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 61px;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sm-hero-action {
    width: 61px;
    min-height: 72px;
    padding: 9px 4px;
    border: 0;
    border-left: 0;
    border-radius: 0;
    background: #102f57;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    text-align: center;
    color: #fff;
}

.sm-hero-action:hover {
    transform: none;
    background: #1d5f9f;
}

.sm-hero-action-rfq {
    background: #102f57;
    border-left: 0;
}

.sm-hero-action-rfq:hover {
    background: #1d5f9f;
}

.sm-action-icon {
    width: 25px;
    height: 25px;
    border: 1px solid rgba(255,255,255,.65);
    font-size: 12px;
}

.sm-hero-action strong {
    font-size: 9px;
    letter-spacing: .05em;
    line-height: 1;
}

.sm-hero-action small {
    display: none;
}


/* WhatsApp visual treatment */

.sm-hero-action-whatsapp .sm-action-icon {
    color: #fff;
    border-color: #fff;
}


/* Contact / email icon */

.sm-hero-action:last-child .sm-action-icon {
    font-size: 13px;
}


/* =========================================================
   DESKTOP IMAGE POSITION
========================================================= */

@media (min-width: 1101px) {

    .sm-hero-image img {
        object-position: center center;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .sm-home-hero,
    .sm-home-hero-inner {
        height: 500px;
        min-height: 500px;
    }

    .sm-hero-content {
        left: 4%;
        width: 53%;
    }

    .sm-hero-content h1 {
        font-size: 30px;
    }

    .sm-hero-services {
        gap: 10px;
    }

}


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

@media (max-width: 700px) {

    .sm-home-hero,
    .sm-home-hero-inner {
        height: auto;
        min-height: 650px;
    }

    .sm-home-hero-bg {
        background:
            linear-gradient(
                180deg,
                rgba(244,249,252,.96) 0%,
                rgba(244,249,252,.84) 48%,
                rgba(244,249,252,.18) 100%
            );
    }

    .sm-hero-content {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        width: 92%;
        max-width: none;
        margin: 0 auto;
        padding: 45px 0 0;
    }

    .sm-hero-content h1 {
        font-size: 31px;
    }

    .sm-hero-description {
        font-size: 13px;
    }

    .sm-hero-services {
        grid-template-columns: 1fr;
        max-width: 260px;
        gap: 10px;
    }

    .sm-hero-right {
        position: absolute;
        inset: auto 0 0;
        height: 270px;
    }

    .sm-hero-actions {
        top: 50%;
        transform: translateY(-50%);
        width: 55px;
    }

    .sm-hero-action {
        width: 55px;
        min-height: 62px;
    }

}


/* =========================================================
   SINODIA MEDICAL
   FINAL HOMEPAGE HERO
   Blue + Sky Blue + Green
========================================================= */

.sm-home-hero{
    position:relative !important;
    width:100% !important;
    height:500px !important;
    min-height:500px !important;
    overflow:hidden !important;
    background-image:url('/uploads/categories/medical-imaging-global.webp') !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
}

/* Light readable area over the left side */
.sm-home-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.94) 25%,
            rgba(248,252,255,.88) 42%,
            rgba(248,252,255,.48) 56%,
            rgba(248,252,255,0) 72%
        );
}

/* Very subtle blue wash over the entire hero */
.sm-home-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:rgba(219,237,249,.08);
}

.sm-home-hero-inner{
    position:relative !important;
    z-index:2 !important;
    width:min(1180px,92%) !important;
    height:500px !important;
    min-height:500px !important;
    margin:0 auto !important;
    display:block !important;
}

/* ---------------------------------------------------------
   HERO CONTENT
--------------------------------------------------------- */

.sm-hero-content{
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:52% !important;
    max-width:610px !important;
}

.sm-eyebrow{
    margin:0 0 9px !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.05em !important;
    color:#0b9b55 !important;
}

.sm-hero-content h1{
    margin:0 !important;
    color:#123a68 !important;
    font-size:clamp(34px,3.5vw,48px) !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
}

.sm-hero-content h1 span{
    color:#123a68 !important;
}

.sm-red-line{
    width:46px !important;
    height:3px !important;
    margin:17px 0 17px !important;
    background:#0b9b55 !important;
}

.sm-hero-description{
    max-width:475px !important;
    margin:0 !important;
    color:#263b52 !important;
    font-size:16px !important;
    line-height:1.55 !important;
}

/* ---------------------------------------------------------
   SOURCE / SUPPLY / SUPPORT
--------------------------------------------------------- */

.sm-hero-services{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:22px !important;
    margin-top:24px !important;
    max-width:560px !important;
}

.sm-mini-service{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
    min-width:0 !important;
}

.sm-mini-icon{
    flex:0 0 38px !important;
    width:38px !important;
    height:38px !important;
    border:2px solid #123f72 !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#123f72 !important;
    font-size:19px !important;
    font-weight:700 !important;
    background:rgba(255,255,255,.72) !important;
}

.sm-mini-service strong{
    display:block !important;
    margin:1px 0 4px !important;
    color:#142f50 !important;
    font-size:12px !important;
    line-height:1.2 !important;
    letter-spacing:.04em !important;
}

.sm-mini-service span{
    display:block !important;
    color:#354b62 !important;
    font-size:11px !important;
    line-height:1.4 !important;
}

/* ---------------------------------------------------------
   HERO BUTTONS
--------------------------------------------------------- */

.sm-hero-actions{
    display:flex !important;
    gap:12px !important;
    margin-top:25px !important;
}

.sm-hero-actions a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:13px !important;
    min-height:43px !important;
    padding:0 19px !important;
    border-radius:3px !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.02em !important;
    transition:all .2s ease !important;
}

.sm-hero-actions .sm-btn-primary{
    background:#0b9b55 !important;
    border:1px solid #0b9b55 !important;
    color:#fff !important;
}

.sm-hero-actions .sm-btn-primary:hover{
    background:#087d45 !important;
    border-color:#087d45 !important;
}

.sm-hero-actions .sm-btn-outline{
    background:rgba(255,255,255,.82) !important;
    border:1px solid #0b9b55 !important;
    color:#087d45 !important;
}

.sm-hero-actions .sm-btn-outline:hover{
    background:#fff !important;
}

.sm-hero-actions a span{
    font-size:18px !important;
    line-height:1 !important;
}

/* ---------------------------------------------------------
   RIGHT ACTION BAR
--------------------------------------------------------- */

.sm-hero-quick-actions{
    position:absolute !important;
    right:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:10 !important;
    width:64px !important;
    background:#103d70 !important;
    border-radius:4px 0 0 4px !important;
    overflow:hidden !important;
    box-shadow:0 8px 25px rgba(0,0,0,.18) !important;
}

.sm-quick-action{
    width:64px !important;
    height:94px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    color:#fff !important;
    border-bottom:1px solid rgba(255,255,255,.25) !important;
    text-decoration:none !important;
    transition:background .2s ease !important;
}

.sm-quick-action:last-child{
    border-bottom:0 !important;
}

.sm-quick-action:hover{
    background:#0b9b55 !important;
}

.sm-quick-icon{
    width:29px !important;
    height:29px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:24px !important;
    line-height:1 !important;
}

.sm-quick-label{
    font-size:10px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.03em !important;
    color:#fff !important;
}

/* WhatsApp green circle */
.sm-quick-whatsapp .sm-quick-icon{
    width:29px !important;
    height:29px !important;
    border-radius:50% !important;
    background:#25D366 !important;
    font-size:17px !important;
    font-weight:800 !important;
}

/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media(max-width:1000px){

    .sm-home-hero{
        height:480px !important;
        min-height:480px !important;
    }

    .sm-home-hero-inner{
        height:480px !important;
        min-height:480px !important;
    }

    .sm-hero-content{
        width:58% !important;
    }

    .sm-hero-content h1{
        font-size:36px !important;
    }

    .sm-hero-services{
        gap:13px !important;
    }

    .sm-hero-description{
        font-size:14px !important;
    }
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media(max-width:700px){

    .sm-home-hero{
        height:auto !important;
        min-height:690px !important;
        background-position:64% center !important;
    }

    .sm-home-hero::before{
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.98) 0%,
                rgba(255,255,255,.94) 47%,
                rgba(255,255,255,.60) 72%,
                rgba(255,255,255,.08) 100%
            ) !important;
    }

    .sm-home-hero-inner{
        height:690px !important;
        min-height:690px !important;
        width:92% !important;
    }

    .sm-hero-content{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        transform:none !important;
        width:100% !important;
        max-width:none !important;
        padding-top:48px !important;
    }

    .sm-hero-content h1{
        font-size:32px !important;
        line-height:1.08 !important;
    }

    .sm-hero-description{
        max-width:400px !important;
        font-size:14px !important;
    }

    .sm-hero-services{
        grid-template-columns:1fr !important;
        gap:12px !important;
        max-width:300px !important;
        margin-top:20px !important;
    }

    .sm-hero-actions{
        flex-wrap:wrap !important;
        margin-top:20px !important;
    }

    .sm-hero-actions a{
        min-height:42px !important;
    }

    .sm-hero-quick-actions{
        right:0 !important;
        top:auto !important;
        bottom:25px !important;
        transform:none !important;
        width:54px !important;
    }

    .sm-quick-action{
        width:54px !important;
        height:70px !important;
    }

    .sm-quick-label{
        font-size:9px !important;
    }
}


/* =========================================================
   SINODIA MEDICAL — FINAL HERO DESIGN
   Homepage only
========================================================= */

/* HERO CONTAINER */
.sm-home-hero{
    position:relative !important;
    width:100% !important;
    height:500px !important;
    min-height:500px !important;
    overflow:hidden !important;
    background:#eaf4fb !important;
}

/* BACKGROUND IMAGE */
.sm-home-hero-bg{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    overflow:hidden !important;
}

.sm-home-hero-bg img{
    position:absolute !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
}

/* LEFT-SIDE LIGHTENING */
.sm-home-hero-overlay{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.985) 0%,
            rgba(255,255,255,.96) 22%,
            rgba(249,253,255,.91) 38%,
            rgba(247,252,255,.72) 50%,
            rgba(247,252,255,.25) 64%,
            rgba(247,252,255,0) 76%
        ) !important;
}

/* HERO INNER */
.sm-home-hero-inner{
    position:relative !important;
    z-index:3 !important;
    width:min(1180px,92%) !important;
    height:500px !important;
    min-height:500px !important;
    margin:0 auto !important;
}

/* LEFT CONTENT */
.sm-hero-content{
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:54% !important;
    max-width:600px !important;
}

.sm-hero-content .sm-eyebrow{
    margin:0 0 8px !important;
    color:#07964f !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.045em !important;
}

.sm-hero-content h1{
    margin:0 !important;
    color:#123a68 !important;
    font-size:clamp(34px,3.5vw,47px) !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
}

.sm-hero-content h1 span{
    color:#123a68 !important;
}

/* GREEN ACCENT LINE */
.sm-green-line{
    width:46px !important;
    height:3px !important;
    margin:16px 0 16px !important;
    background:#07964f !important;
}

/* DESCRIPTION */
.sm-hero-description{
    max-width:470px !important;
    margin:0 !important;
    color:#263d54 !important;
    font-size:15px !important;
    line-height:1.55 !important;
}

/* SERVICE BLOCKS */
.sm-hero-services{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:18px !important;
    max-width:555px !important;
    margin-top:23px !important;
}

.sm-mini-service{
    display:flex !important;
    align-items:flex-start !important;
    gap:9px !important;
    min-width:0 !important;
}

.sm-mini-icon{
    flex:0 0 38px !important;
    width:38px !important;
    height:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:2px solid #123f72 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.68) !important;
}

.sm-mini-icon svg{
    width:23px !important;
    height:23px !important;
    fill:none !important;
    stroke:#123f72 !important;
    stroke-width:2.2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

.sm-mini-service strong{
    display:block !important;
    margin:1px 0 4px !important;
    color:#153453 !important;
    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
}

.sm-mini-service span{
    display:block !important;
    color:#3a4f64 !important;
    font-size:10.5px !important;
    line-height:1.4 !important;
}

/* HERO BUTTONS */
.sm-hero-buttons{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin-top:23px !important;
}

.sm-hero-buttons .sm-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    min-height:42px !important;
    padding:0 18px !important;
    border-radius:3px !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    text-decoration:none !important;
}

.sm-hero-buttons .sm-btn-primary{
    background:#07964f !important;
    border:1px solid #07964f !important;
    color:#fff !important;
}

.sm-hero-buttons .sm-btn-primary:hover{
    background:#087d45 !important;
    border-color:#087d45 !important;
}

.sm-hero-buttons .sm-btn-outline{
    background:rgba(255,255,255,.86) !important;
    border:1px solid #07964f !important;
    color:#087d45 !important;
}

.sm-hero-buttons .sm-btn-outline:hover{
    background:#fff !important;
}

.sm-hero-buttons .sm-btn span{
    font-size:17px !important;
}

/* =========================================================
   FLOATING ACTION BAR
========================================================= */

.sm-hero-quick-actions{
    position:absolute !important;
    z-index:10 !important;
    right:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:62px !important;
    background:#103d70 !important;
    border-radius:4px 0 0 4px !important;
    overflow:hidden !important;
    box-shadow:0 7px 22px rgba(0,0,0,.18) !important;
}

.sm-quick-action{
    width:62px !important;
    height:88px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    border-bottom:1px solid rgba(255,255,255,.25) !important;
    color:#fff !important;
    text-decoration:none !important;
    transition:background .2s ease !important;
}

.sm-quick-action:last-child{
    border-bottom:0 !important;
}

.sm-quick-action:hover{
    background:#087d45 !important;
}

.sm-quick-icon{
    width:29px !important;
    height:29px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.sm-quick-icon svg{
    width:28px !important;
    height:28px !important;
    fill:none !important;
    stroke:#fff !important;
    stroke-width:2.1 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

/* RFQ document */
.sm-quick-rfq .sm-quick-icon svg{
    stroke:#fff !important;
}

/* WhatsApp */
.sm-quick-whatsapp .sm-quick-icon{
    width:30px !important;
    height:30px !important;
    border-radius:50% !important;
    background:#25D366 !important;
}

.sm-quick-whatsapp .sm-quick-icon svg{
    width:23px !important;
    height:23px !important;
    stroke:#fff !important;
}

/* Email */
.sm-quick-email .sm-quick-icon{
    width:31px !important;
    height:31px !important;
}

.sm-quick-label{
    display:block !important;
    color:#fff !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.03em !important;
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px){

    .sm-home-hero,
    .sm-home-hero-inner{
        height:480px !important;
        min-height:480px !important;
    }

    .sm-hero-content{
        width:59% !important;
    }

    .sm-hero-content h1{
        font-size:36px !important;
    }

    .sm-hero-description{
        font-size:14px !important;
    }

    .sm-hero-services{
        gap:10px !important;
    }

    .sm-mini-service{
        gap:6px !important;
    }

    .sm-mini-icon{
        flex-basis:34px !important;
        width:34px !important;
        height:34px !important;
    }

    .sm-mini-icon svg{
        width:20px !important;
        height:20px !important;
    }

}

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

@media(max-width:700px){

    .sm-home-hero{
        height:680px !important;
        min-height:680px !important;
    }

    .sm-home-hero-inner{
        height:680px !important;
        min-height:680px !important;
        width:92% !important;
    }

    .sm-home-hero-bg img{
        object-position:67% center !important;
    }

    .sm-home-hero-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.98) 0%,
                rgba(255,255,255,.95) 46%,
                rgba(247,252,255,.72) 69%,
                rgba(247,252,255,.16) 100%
            ) !important;
    }

    .sm-hero-content{
        position:relative !important;
        left:auto !important;
        top:auto !important;
        transform:none !important;
        width:100% !important;
        max-width:none !important;
        padding-top:40px !important;
    }

    .sm-hero-content h1{
        font-size:31px !important;
    }

    .sm-hero-description{
        max-width:390px !important;
        font-size:14px !important;
    }

    .sm-hero-services{
        grid-template-columns:1fr !important;
        max-width:290px !important;
        gap:10px !important;
        margin-top:18px !important;
    }

    .sm-hero-buttons{
        flex-wrap:wrap !important;
        margin-top:19px !important;
    }

    .sm-hero-buttons .sm-btn{
        min-height:40px !important;
        padding:0 14px !important;
    }

    .sm-hero-quick-actions{
        top:auto !important;
        right:0 !important;
        bottom:20px !important;
        transform:none !important;
        width:54px !important;
    }

    .sm-quick-action{
        width:54px !important;
        height:68px !important;
    }

}


/* =========================================================
   WHAT WE DO — COMPACT HOMEPAGE SECTION
========================================================= */

.sm-what-we-do{
    padding:42px 0 46px !important;
    background:#fff;
}

.sm-what-we-do .sm-section-heading{
    margin-bottom:28px;
}

.sm-what-we-do .sm-eyebrow{
    margin-bottom:7px;
    font-size:13px;
    letter-spacing:.08em;
}

.sm-what-we-do .sm-section-heading h2{
    margin:0 0 10px;
    font-size:30px;
    line-height:1.15;
    color:var(--sm-navy);
}

.sm-what-we-do .sm-section-heading h2 br{
    display:none;
}

.sm-what-we-do .sm-section-heading > p:last-child{
    margin:0 auto;
    max-width:760px;
    font-size:14px;
    line-height:1.55;
    color:var(--sm-text);
}

.sm-what-we-do .sm-services-grid{
    width:min(1180px,92%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(5,1fr);
}

.sm-what-we-do .sm-service-card{
    min-width:0;
    padding:0 25px;
    text-align:center;
    border:0;
    border-right:1px solid #dfe6ee;
    background:transparent;
    box-shadow:none;
    transform:none;
}

.sm-what-we-do .sm-service-card:first-child{
    padding-left:10px;
}

.sm-what-we-do .sm-service-card:last-child{
    padding-right:10px;
    border-right:0;
}

.sm-what-we-do .sm-round-icon{
    width:72px;
    height:72px;
    margin:0 auto 13px;
    display:grid;
    place-items:center;
    border:1px solid #d9e2ec;
    border-radius:50%;
    background:#f7fafd;
    color:var(--sm-navy);
    font-size:30px;
}

.sm-what-we-do .sm-service-card h3{
    margin:0 0 8px;
    font-size:15px;
    line-height:1.3;
    color:var(--sm-navy);
}

.sm-what-we-do .sm-service-card p{
    margin:0 auto;
    max-width:190px;
    font-size:12.5px;
    line-height:1.5;
    color:#53657a;
}

/* subtle green accent under the section heading */
.sm-what-we-do .sm-eyebrow:after{
    content:"";
    display:block;
    width:38px;
    height:3px;
    margin:8px auto 0;
    background:#39a96b;
}

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

@media(max-width:950px){

    .sm-what-we-do{
        padding:38px 0 40px !important;
    }

    .sm-what-we-do .sm-services-grid{
        grid-template-columns:repeat(3,1fr);
        row-gap:30px;
    }

    .sm-what-we-do .sm-service-card{
        border-right:1px solid #dfe6ee;
    }

    .sm-what-we-do .sm-service-card:nth-child(3){
        border-right:0;
    }
}

@media(max-width:650px){

    .sm-what-we-do{
        padding:35px 0 !important;
    }

    .sm-what-we-do .sm-section-heading h2{
        font-size:25px;
    }

    .sm-what-we-do .sm-section-heading > p:last-child{
        font-size:13px;
        padding:0 15px;
    }

    .sm-what-we-do .sm-services-grid{
        grid-template-columns:1fr;
        gap:0;
    }

    .sm-what-we-do .sm-service-card,
    .sm-what-we-do .sm-service-card:first-child,
    .sm-what-we-do .sm-service-card:last-child{
        padding:20px 15px;
        border-right:0;
        border-bottom:1px solid #dfe6ee;
    }

    .sm-what-we-do .sm-service-card:last-child{
        border-bottom:0;
    }

}


/* =========================================================
   OUR PRODUCT CATEGORIES — FINAL HEADING
========================================================= */

.sm-categories{
    padding:42px 0 48px !important;
    background:#f6f8fb;
}

.sm-categories .sm-section-heading{
    margin-bottom:28px;
    text-align:center;
}

.sm-categories .sm-eyebrow{
    margin:0 0 6px;
    font-size:24px;
    line-height:1.2;
    letter-spacing:.02em;
    font-weight:800;
    color:var(--sm-navy);
}

.sm-categories .sm-eyebrow:after{
    content:"";
    display:block;
    width:38px;
    height:3px;
    margin:8px auto 0;
    background:#39a96b;
}

.sm-categories .sm-category-subtitle{
    margin:10px auto 0;
    font-size:14px;
    line-height:1.5;
    color:#253b55;
}

/* Six equal cards in one row */
.sm-categories .sm-category-grid{
    width:min(1180px,92%);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:7px;
}

/* Equal-height category cards */
.sm-categories .sm-category-card{
    min-width:0;
    height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

/* Consistent image height */
.sm-categories .sm-category-image{
    height:145px;
    flex:0 0 145px;
    overflow:hidden;
}

.sm-categories .sm-category-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

/* Consistent information area */
.sm-categories .sm-category-body{
    min-height:145px;
    flex:1;
    padding:18px 12px 16px;
    text-align:center;
    background:#103b70;
    color:#fff;
}

.sm-categories .sm-category-body h3{
    min-height:38px;
    margin:0 0 9px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    line-height:1.25;
    color:#fff;
}

.sm-categories .sm-category-body p{
    margin:0;
    font-size:11px;
    line-height:1.45;
    color:#fff;
}

/* View all button */
.sm-categories .sm-centered-button{
    margin-top:28px;
    text-align:center;
}

.sm-categories .sm-view-all{
    min-width:205px;
    padding:11px 20px;
    font-size:12px;
}

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

@media(max-width:1000px){

    .sm-categories .sm-category-grid{
        grid-template-columns:repeat(3,1fr);
        gap:12px;
    }

}

@media(max-width:650px){

    .sm-categories{
        padding:35px 0 40px !important;
    }

    .sm-categories .sm-eyebrow{
        font-size:21px;
    }

    .sm-categories .sm-category-subtitle{
        font-size:13px;
        padding:0 15px;
    }

    .sm-categories .sm-category-grid{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }

    .sm-categories .sm-category-image{
        height:125px;
        flex-basis:125px;
    }

    .sm-categories .sm-category-body{
        min-height:135px;
        padding:14px 9px;
    }

    .sm-categories .sm-category-body h3{
        font-size:13px;
    }

    .sm-categories .sm-category-body p{
        font-size:10.5px;
    }

}



/* =========================================================
   SINODIA MEDICAL — FINAL HOMEPAGE COLOUR SYSTEM
   Navy + Blue + Green
========================================================= */

:root{
    --sm-final-navy:#102f57;
    --sm-final-blue:#1d5f9f;
    --sm-final-green:#168b67;
    --sm-final-green-dark:#117356;
    --sm-final-light-blue:#eaf4fb;
    --sm-final-text:#253b55;
    --sm-final-muted:#65758a;
    --sm-final-white:#ffffff;
}

/* ---------------------------------------------------------
   GLOBAL HOMEPAGE ACCENTS
--------------------------------------------------------- */

.sm-home-hero .sm-eyebrow,
.sm-section .sm-eyebrow,
.sm-home-cta .sm-eyebrow{
    color:var(--sm-final-green);
}

.sm-green-line,
.sm-red-line{
    background:var(--sm-final-green) !important;
}

/* ---------------------------------------------------------
   PRIMARY BUTTONS
--------------------------------------------------------- */

.sm-btn-primary{
    background:var(--sm-final-green) !important;
    border-color:var(--sm-final-green) !important;
    color:#fff !important;
}

.sm-btn-primary:hover{
    background:var(--sm-final-green-dark) !important;
    border-color:var(--sm-final-green-dark) !important;
}

/* ---------------------------------------------------------
   OUTLINE / SECONDARY BUTTONS
--------------------------------------------------------- */

.sm-btn-outline{
    color:var(--sm-final-green) !important;
    border-color:var(--sm-final-green) !important;
    background:#fff !important;
}

.sm-btn-outline:hover{
    background:var(--sm-final-green) !important;
    border-color:var(--sm-final-green) !important;
    color:#fff !important;
}

/* ---------------------------------------------------------
   SECTION ACCENTS
--------------------------------------------------------- */

.sm-section-heading .sm-eyebrow::after,
.sm-home-cta .sm-eyebrow::after{
    background:var(--sm-final-green) !important;
}

/* ---------------------------------------------------------
   PRODUCT CATEGORY ACCENTS
--------------------------------------------------------- */

.sm-category-card:hover{
    border-color:var(--sm-final-green) !important;
}

.sm-category-card .sm-category-body{
    background:var(--sm-final-navy);
}

.sm-category-card:hover .sm-category-body{
    background:var(--sm-final-blue);
}

/* ---------------------------------------------------------
   VIEW ALL CATEGORIES
--------------------------------------------------------- */

.sm-categories .sm-btn,
.sm-categories a[class*="btn"]{
    border-color:var(--sm-final-navy);
    color:var(--sm-final-navy);
}

.sm-categories .sm-btn:hover,
.sm-categories a[class*="btn"]:hover{
    background:var(--sm-final-green) !important;
    border-color:var(--sm-final-green) !important;
    color:#fff !important;
}

/* ---------------------------------------------------------
   WHAT WE DO ICON ACCENTS
--------------------------------------------------------- */

.sm-round-icon{
    color:var(--sm-final-navy);
}

.sm-service-card:hover .sm-round-icon{
    border-color:var(--sm-final-green) !important;
    color:var(--sm-final-green) !important;
}

/* ---------------------------------------------------------
   HOME CTA SECTION
--------------------------------------------------------- */

.sm-home-cta{
    border-top-color:var(--sm-final-green) !important;
}

.sm-home-cta .sm-btn-primary{
    background:var(--sm-final-green) !important;
    border-color:var(--sm-final-green) !important;
}

/* ---------------------------------------------------------
   NAV / ACTIVE ELEMENTS IF PRESENT ON HOMEPAGE
--------------------------------------------------------- */

.home .nav a.active,
.home .nav a:hover{
    color:var(--sm-final-green);
}

/* ---------------------------------------------------------
   REMOVE RED / ORANGE HOMEPAGE ACCENTS
--------------------------------------------------------- */

.sm-home-hero [style*="#e22f35"],
.sm-home-hero [style*="#c9252b"],
.sm-home-hero [style*="#e22"],
.sm-home-hero [style*="red"]{
    color:var(--sm-final-green) !important;
    border-color:var(--sm-final-green) !important;
}

/* ---------------------------------------------------------
   DO NOT ALTER WHATSAPP BRAND GREEN
--------------------------------------------------------- */

.sm-quick-whatsapp,
.sm-quick-whatsapp .sm-quick-icon{
    color:#25D366;
}



/* =========================================================
   MARKETS + IMPACT — CLEAN COMPACT WHITE SECTION
   Structure unchanged
========================================================= */

.sm-markets-impact{
    min-height:300px;
    background:#ffffff;
}

.sm-markets{
    padding:45px max(6vw,30px);
    background:#ffffff;
}

.sm-impact{
    padding:45px 5vw;
    background:#ffffff;
}

.sm-world-map{
    height:105px;
    margin:18px auto 0;
}

.sm-impact-grid{
    margin-top:35px;
}


/* =========================================================
   MOBILE — COMPACT WHITE MARKETS + IMPACT
========================================================= */

@media (max-width:700px){

    .sm-markets{
        padding:38px 25px 30px;
    }

    .sm-impact{
        padding:30px 25px 38px;
    }

    .sm-world-map{
        height:90px;
        margin-top:15px;
    }

    .sm-impact-grid{
        margin-top:30px;
    }
}


/* =========================================================
   SINODIA — MARKETS + IMPACT
   FINAL COMPACT LIGHT DESIGN
========================================================= */

.sm-markets-impact {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    min-height: 245px;
    background: #f5f7f9;
    border-bottom: 2px solid #163a63;
}

/* LEFT — MARKETS */
.sm-markets {
    padding: 28px 40px 22px;
    background: #ffffff;
    border-right: 1px solid #e3e8ee;
}

/* RIGHT — IMPACT */
.sm-impact {
    padding: 28px 40px 22px;
    background: #f7f9fb;
}

/* HEADINGS */
.sm-markets h2,
.sm-impact h2 {
    margin-top: 0;
    margin-bottom: 8px;
}

/* MARKETS DESCRIPTION */
.sm-markets p {
    margin-bottom: 8px;
}

/* WORLD MAP */
.sm-world-map {
    height: 105px;
    margin: 8px auto 0;
}

/* IMPACT NUMBERS */
.sm-impact-grid {
    margin-top: 25px;
}

.sm-impact-item {
    padding: 0 20px;
}


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

@media (max-width: 700px) {

    .sm-markets-impact {
        display: block;
        min-height: auto;
        border-bottom: 2px solid #163a63;
    }

    .sm-markets {
        padding: 30px 25px 25px;
        border-right: none;
        border-bottom: 1px solid #e3e8ee;
    }

    .sm-impact {
        padding: 28px 25px 30px;
    }

    .sm-world-map {
        height: 90px;
        margin-top: 12px;
    }

    .sm-impact-grid {
        margin-top: 25px;
    }

    .sm-impact-item {
        padding: 0 10px;
    }
}

/* =========================================================
   SINODIA MEDICAL
   MARKETS + IMPACT — FINAL WHITE VERSION
   Based on original homepage design
========================================================= */

.sm-markets-impact {
    background: #ffffff !important;
    color: #102f57 !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    min-height: 0 !important;
}

/* Remove any old dark section backgrounds */
.sm-markets-impact,
.sm-markets-impact::before,
.sm-markets-impact::after,
.sm-markets-impact > *,
.sm-markets-impact > *::before,
.sm-markets-impact > *::after {
    background-color: #ffffff !important;
}

/* ---------------------------------------------------------
   ALL TEXT — restore visibility after dark-background removal
--------------------------------------------------------- */

.sm-markets-impact h1,
.sm-markets-impact h2,
.sm-markets-impact h3,
.sm-markets-impact h4,
.sm-markets-impact h5,
.sm-markets-impact h6,
.sm-markets-impact p,
.sm-markets-impact span,
.sm-markets-impact strong,
.sm-markets-impact b,
.sm-markets-impact div {
    color: #102f57 !important;
}

/* Supporting paragraph */
.sm-markets-impact p {
    color: #333333 !important;
}

/* Green section labels / eyebrow text */
.sm-markets-impact .eyebrow,
.sm-markets-impact .section-eyebrow,
.sm-markets-impact .section-label,
.sm-markets-impact .sm-section-label {
    color: #008b55 !important;
}

/* ---------------------------------------------------------
   IMPACT NUMBERS
--------------------------------------------------------- */

.sm-markets-impact .number,
.sm-markets-impact .stat-number,
.sm-markets-impact .impact-number,
.sm-markets-impact [class*="number"] {
    color: #102f57 !important;
}

/* Impact labels */
.sm-markets-impact .stat-label,
.sm-markets-impact .impact-label,
.sm-markets-impact [class*="label"] {
    color: #333333 !important;
}

/* ---------------------------------------------------------
   ICONS
--------------------------------------------------------- */

.sm-markets-impact svg {
    color: #102f57 !important;
    stroke: #102f57 !important;
}

.sm-markets-impact svg path,
.sm-markets-impact svg circle,
.sm-markets-impact svg line,
.sm-markets-impact svg polyline,
.sm-markets-impact svg rect {
    stroke: #102f57 !important;
}

/* ---------------------------------------------------------
   MAP
--------------------------------------------------------- */

.sm-markets-impact img {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

/* Don't let old overlay layers hide the map */
.sm-markets-impact .map,
.sm-markets-impact .world-map,
.sm-markets-impact [class*="map"] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ---------------------------------------------------------
   SEPARATORS
--------------------------------------------------------- */

.sm-markets-impact hr {
    border-color: #d9dfe6 !important;
}

.sm-markets-impact [class*="stat"] + [class*="stat"] {
    border-left-color: #d9dfe6 !important;
}

/* ---------------------------------------------------------
   REMOVE OLD DECORATIVE DARK LAYERS
--------------------------------------------------------- */

.sm-markets-impact [class*="overlay"] {
    background: transparent !important;
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 768px) {

    .sm-markets-impact {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

}

/* =========================================================
   SINODIA — MARKETS + IMPACT
   FINAL COMPACT LIGHT-GREY VERSION
   Design unchanged — colour, spacing and alignment only
========================================================= */

.sm-markets-impact{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;

    min-height:0 !important;
    height:auto !important;

    background:#f6f8fb !important;
    color:#123866 !important;
}

/* LEFT — MARKETS */
.sm-markets-impact .sm-markets{
    padding:30px 5vw 24px !important;
    background:#f6f8fb !important;
    color:#123866 !important;
    box-sizing:border-box;
    text-align:center;
}

.sm-markets-impact .sm-markets h2{
    margin:0 0 10px !important;
    color:#123866 !important;
    font-size:28px !important;
    line-height:1.15 !important;
}

.sm-markets-impact .sm-markets > p:not(.sm-eyebrow){
    margin:0 !important;
    color:#53667c !important;
    line-height:1.45 !important;
}

/* WORLD MAP — keep visible but compact */
.sm-markets-impact .sm-world-map{
    width:90% !important;
    max-width:500px !important;
    height:105px !important;
    margin:14px auto 0 !important;
}

/* RIGHT — IMPACT */
.sm-markets-impact .sm-impact{
    padding:30px 4vw 24px !important;
    background:#f6f8fb !important;
    color:#123866 !important;
    box-sizing:border-box;
}

.sm-markets-impact .sm-impact-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    margin-top:28px !important;
}

.sm-markets-impact .sm-impact-item{
    min-width:0;
    text-align:center;
    border-right:1px solid #d9e0e8 !important;
    padding:0 14px !important;
}

.sm-markets-impact .sm-impact-item strong{
    display:block;
    color:#123866 !important;
    font-size:30px !important;
    line-height:1 !important;
    margin-bottom:8px !important;
}

.sm-markets-impact .sm-impact-item span{
    color:#53667c !important;
    font-size:11px !important;
    line-height:1.35 !important;
}

/* Keep headings aligned */
.sm-markets-impact .sm-eyebrow{
    margin-bottom:10px !important;
    color:#078b57 !important;
}

/* Subtle section separation only */
.sm-markets-impact .sm-markets{
    border-right:1px solid #dfe5eb !important;
}


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

@media(max-width:767px){

    .sm-markets-impact{
        display:block !important;
        min-height:0 !important;
    }

    .sm-markets-impact .sm-markets{
        padding:24px 18px 18px !important;
        border-right:0 !important;
        border-bottom:1px solid #dfe5eb !important;
    }

    .sm-markets-impact .sm-markets h2{
        font-size:25px !important;
    }

    .sm-markets-impact .sm-world-map{
        height:90px !important;
        margin-top:12px !important;
    }

    .sm-markets-impact .sm-impact{
        padding:24px 18px 22px !important;
    }

    .sm-markets-impact .sm-impact-grid{
        margin-top:22px !important;
        grid-template-columns:repeat(2,1fr) !important;
        row-gap:22px !important;
    }

    .sm-markets-impact .sm-impact-item{
        padding:0 10px !important;
    }

    .sm-markets-impact .sm-impact-item:nth-child(2){
        border-right:0 !important;
    }

    .sm-markets-impact .sm-impact-item strong{
        font-size:27px !important;
    }
}


/* =========================================================
   MARKETS & IMPACT — COLOR ONLY
   Preserve original layout, dimensions and spacing
========================================================= */

.sm-markets-impact{
    background:#f5f7fa !important;
    color:#102f57;
}

.sm-markets-impact .sm-markets{
    background:#f5f7fa !important;
    color:#102f57;
}

.sm-markets-impact .sm-markets h2,
.sm-markets-impact .sm-markets h3,
.sm-markets-impact .sm-markets p{
    color:#102f57;
}



/* =========================================================
   MARKETS + IMPACT — FINAL HEIGHT REDUCTION
   Design/layout unchanged
========================================================= */

.sm-markets-impact{
    min-height:0 !important;
}

.sm-markets{
    min-height:0 !important;
    padding-top:42px !important;
    padding-bottom:42px !important;
}

.sm-impact{
    padding-top:42px !important;
    padding-bottom:42px !important;
}


/* =========================================================
   SINODIA — MARKETS & IMPACT
   FINAL HEIGHT ADJUSTMENT ONLY
   DO NOT CHANGE STRUCTURE / DESIGN
========================================================= */

/* Main section */
.sm-markets-impact{
    min-height:0 !important;
}

/* Left: Markets We Serve */
.sm-markets-impact .sm-markets{
    min-height:0 !important;
    padding-top:38px !important;
    padding-bottom:38px !important;
}

/* Right: Our Impact in Numbers */
.sm-markets-impact .sm-impact{
    min-height:0 !important;
    padding-top:38px !important;
    padding-bottom:38px !important;
}

/* Keep the existing 2 × 2 quadrangle layout,
   only make each box slightly shorter */
.sm-markets-impact .sm-impact-grid{
    margin-top:25px !important;
}

.sm-markets-impact .sm-impact-item{
    min-height:105px !important;
    padding:18px !important;
}

/* Keep the existing numbers visually balanced */
.sm-markets-impact .sm-impact-item strong{
    line-height:1 !important;
}

.sm-markets-impact .sm-impact-item span{
    margin-top:7px !important;
}


/* =========================================================
   MOBILE
   Keep the existing mobile structure
========================================================= */

@media(max-width:768px){

    .sm-markets-impact .sm-markets,
    .sm-markets-impact .sm-impact{
        padding-top:30px !important;
        padding-bottom:30px !important;
    }

    .sm-markets-impact .sm-impact-grid{
        margin-top:20px !important;
    }

    .sm-markets-impact .sm-impact-item{
        min-height:90px !important;
        padding:15px !important;
    }
}


/* =========================================================
   SINODIA MEDICAL
   MARKETS + IMPACT — FINAL APPROVED DESIGN
   White section + 2 x 2 impact quadrangle
========================================================= */

/* Entire section */
.sm-markets-impact{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    min-height:0 !important;
    background:#ffffff !important;
    color:#102f57 !important;
}

/* ---------------------------------------------------------
   LEFT — MARKETS WE SERVE
--------------------------------------------------------- */

.sm-markets-impact .sm-markets{
    position:relative !important;
    min-height:0 !important;
    padding:42px 7% 38px !important;
    background:#ffffff !important;
    color:#102f57 !important;
    overflow:hidden !important;
}

.sm-markets-impact .sm-markets h2{
    color:#102f57 !important;
}

.sm-markets-impact .sm-markets > p:not(.sm-eyebrow){
    color:#334b68 !important;
}


/* ---------------------------------------------------------
   RIGHT — IMPACT
   White background with visible quadrangle
--------------------------------------------------------- */

.sm-markets-impact .sm-impact{
    min-height:0 !important;
    margin:22px 6% 22px 2% !important;
    padding:28px 30px 30px !important;

    background:#ffffff !important;

    border:1px solid #dce4ec !important;
    border-radius:10px !important;

    box-shadow:0 2px 10px rgba(16,47,87,.06) !important;

    color:#102f57 !important;
}


/* Heading */
.sm-markets-impact .sm-impact h2{
    color:#102f57 !important;
}


/* ---------------------------------------------------------
   IMPACT GRID — FORCE 2 x 2
--------------------------------------------------------- */

.sm-markets-impact .sm-impact-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,1fr) !important;

    width:100% !important;

    margin-top:20px !important;

    border:1px solid #dce4ec !important;
    background:#ffffff !important;
}


/* Each quadrangle */
.sm-markets-impact .sm-impact-item{
    min-height:108px !important;
    height:auto !important;

    padding:20px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    background:#ffffff !important;

    border-right:1px solid #dce4ec !important;
    border-bottom:1px solid #dce4ec !important;

    color:#102f57 !important;
}


/* Remove right border from column 2 */
.sm-markets-impact .sm-impact-item:nth-child(2),
.sm-markets-impact .sm-impact-item:nth-child(4){
    border-right:0 !important;
}


/* Remove bottom border from bottom row */
.sm-markets-impact .sm-impact-item:nth-child(3),
.sm-markets-impact .sm-impact-item:nth-child(4){
    border-bottom:0 !important;
}


/* Numbers */
.sm-markets-impact .sm-impact-item strong{
    color:#102f57 !important;
    font-size:34px !important;
    line-height:1 !important;
}


/* Labels */
.sm-markets-impact .sm-impact-item span{
    color:#4b5f75 !important;
    margin-top:7px !important;
    font-size:11px !important;
    line-height:1.4 !important;
}


/* ---------------------------------------------------------
   MOBILE
   Keep structure clean and compact
--------------------------------------------------------- */

@media(max-width:768px){

    .sm-markets-impact{
        display:block !important;
    }

    .sm-markets-impact .sm-markets{
        padding:32px 6% 20px !important;
    }

    .sm-markets-impact .sm-impact{
        margin:0 5% 28px !important;
        padding:24px 18px !important;
    }

    .sm-markets-impact .sm-impact-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:repeat(2,1fr) !important;
    }

    .sm-markets-impact .sm-impact-item{
        min-height:95px !important;
        padding:15px !important;
    }

    .sm-markets-impact .sm-impact-item strong{
        font-size:28px !important;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media(max-width:430px){

    .sm-markets-impact .sm-impact{
        margin-left:4%;
        margin-right:4%;
        padding:20px 14px !important;
    }

    .sm-markets-impact .sm-impact-item{
        min-height:88px !important;
        padding:12px !important;
    }

    .sm-markets-impact .sm-impact-item strong{
        font-size:25px !important;
    }

    .sm-markets-impact .sm-impact-item span{
        font-size:10px !important;
    }

}

/* =========================================================
   SINODIA — MARKETS + IMPACT
   FINAL VISUAL OVERRIDE
   Structure unchanged
========================================================= */

.sm-markets-impact{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    min-height:0 !important;
    background:#fff !important;
    color:#102f57 !important;
    border:0 !important;
}

.sm-markets-impact .sm-markets{
    position:relative !important;
    min-height:0 !important;
    padding:48px 7% 42px !important;
    overflow:hidden !important;
    background:#fff !important;
    color:#102f57 !important;
}

.sm-markets-impact .sm-markets h2{
    margin:0 !important;
    color:#102f57 !important;
    font-size:clamp(30px,3.2vw,44px) !important;
    line-height:1.08 !important;
}

.sm-markets-impact .sm-markets > p:not(.sm-eyebrow){
    margin:16px 0 0 !important;
    color:#526579 !important;
    font-size:14px !important;
    line-height:1.6 !important;
}

.sm-markets-impact .sm-eyebrow{
    color:#e22f35 !important;
    margin-bottom:12px !important;
}


/* WORLD MAP */

.sm-markets-impact .sm-world-map{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    height:170px !important;
    margin-top:22px !important;
    border:0 !important;
    border-radius:0 !important;
    transform:none !important;
    background:none !important;
    opacity:1 !important;
}

.sm-markets-impact .sm-world-map svg{
    display:block !important;
    width:100% !important;
    height:100% !important;
}

.sm-markets-impact .sm-map-land{
    fill:#e9f1f8 !important;
    stroke:#cbd9e6 !important;
    stroke-width:1.5 !important;
}

.sm-markets-impact .sm-map-marker{
    fill:#e22f35 !important;
    stroke:#fff !important;
    stroke-width:4 !important;
}


/* IMPACT SIDE */

.sm-markets-impact .sm-impact{
    min-height:0 !important;
    padding:48px 7% 42px !important;
    background:#fff !important;
    color:#102f57 !important;
}

.sm-markets-impact .sm-impact > .sm-eyebrow{
    margin-bottom:14px !important;
}


/* SINGLE LIGHT-GREY QUADRANGLE */

.sm-markets-impact .sm-impact-card{
    width:100% !important;
    background:#f3f6f8 !important;
    border:1px solid #dfe6ec !important;
    border-radius:4px !important;
    padding:0 !important;
    box-sizing:border-box !important;
}


/* 2 × 2 GRID */

.sm-markets-impact .sm-impact-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,1fr) !important;
    margin:0 !important;
    border:0 !important;
}

.sm-markets-impact .sm-impact-item{
    min-height:108px !important;
    height:108px !important;
    padding:18px 20px !important;
    display:flex !important;
    align-items:center !important;
    gap:13px !important;
    box-sizing:border-box !important;
    background:#f3f6f8 !important;
    border:0 !important;
    border-right:1px solid #d9e1e8 !important;
    border-bottom:1px solid #d9e1e8 !important;
}

.sm-markets-impact .sm-impact-item:nth-child(2),
.sm-markets-impact .sm-impact-item:nth-child(4){
    border-right:0 !important;
}

.sm-markets-impact .sm-impact-item:nth-child(3),
.sm-markets-impact .sm-impact-item:nth-child(4){
    border-bottom:0 !important;
}


/* ICONS */

.sm-markets-impact .sm-impact-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.sm-markets-impact .sm-impact-icon svg{
    width:27px !important;
    height:27px !important;
    fill:none !important;
    stroke:#e22f35 !important;
    stroke-width:1.6 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

.sm-markets-impact .sm-impact-item strong{
    display:block !important;
    margin:0 !important;
    color:#102f57 !important;
    font-size:31px !important;
    line-height:1 !important;
    letter-spacing:-.025em !important;
}

.sm-markets-impact .sm-impact-item span{
    display:block !important;
    margin-top:6px !important;
    color:#617286 !important;
    font-size:10px !important;
    line-height:1.35 !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .sm-markets-impact{
        grid-template-columns:1fr !important;
    }

    .sm-markets-impact .sm-markets,
    .sm-markets-impact .sm-impact{
        padding:40px 6% !important;
    }

    .sm-markets-impact .sm-world-map{
        height:150px !important;
        margin-top:18px !important;
    }

}


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

@media(max-width:600px){

    .sm-markets-impact .sm-markets,
    .sm-markets-impact .sm-impact{
        padding:32px 6% !important;
    }

    .sm-markets-impact .sm-markets h2{
        font-size:30px !important;
    }

    .sm-markets-impact .sm-world-map{
        height:125px !important;
        margin-top:15px !important;
    }

    .sm-markets-impact .sm-impact-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .sm-markets-impact .sm-impact-item{
        min-height:92px !important;
        height:92px !important;
        padding:14px 12px !important;
        gap:8px !important;
    }

    .sm-markets-impact .sm-impact-icon{
        width:28px !important;
        min-width:28px !important;
        height:28px !important;
    }

    .sm-markets-impact .sm-impact-icon svg{
        width:22px !important;
        height:22px !important;
    }

    .sm-markets-impact .sm-impact-item strong{
        font-size:25px !important;
    }

    .sm-markets-impact .sm-impact-item span{
        font-size:8px !important;
    }

}



/* =========================================================
   FINAL MARKETS + IMPACT
   Clean corporate version
   Structure unchanged
========================================================= */

.sm-markets-impact{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:#ffffff !important;
    color:#102f57 !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
}


/* =========================================================
   LEFT — MARKETS WE SERVE
========================================================= */

.sm-markets-impact .sm-markets{
    position:relative !important;
    min-height:0 !important;
    height:auto !important;
    padding:42px 55px !important;
    background:#ffffff !important;
    color:#102f57 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
}


/* Remove map completely */

.sm-markets-impact .sm-world-map,
.sm-markets-impact .sm-map-dot,
.sm-markets-impact .sm-dot-africa,
.sm-markets-impact .sm-dot-india,
.sm-markets-impact .sm-dot-gcc{
    display:none !important;
}


/* Section eyebrow */

.sm-markets-impact .sm-markets .sm-eyebrow{
    margin:0 0 8px !important;
    color:#168c69 !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}


/* Main heading */

.sm-markets-impact .sm-markets h2{
    margin:0 !important;
    max-width:480px !important;
    color:#102f57 !important;
    font-size:clamp(26px,3vw,38px) !important;
    line-height:1.12 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
}


/* Description */

.sm-markets-impact .sm-markets > p:not(.sm-eyebrow){
    margin:14px auto 0 !important;
    max-width:420px !important;
    color:#5f6f80 !important;
    font-size:14px !important;
    line-height:1.55 !important;
}


/* =========================================================
   RIGHT — OUR IMPACT
========================================================= */

.sm-markets-impact .sm-impact{
    min-height:0 !important;
    height:auto !important;
    padding:42px 55px !important;
    background:#ffffff !important;
    color:#102f57 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}


/* Impact heading */

.sm-markets-impact .sm-impact h2{
    margin:0 !important;
    color:#102f57 !important;
    font-size:24px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    text-align:center !important;
}


/* Remove old full-width/grid borders */

.sm-markets-impact .sm-impact-grid{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    margin:18px 0 0 !important;
    padding:0 !important;

    /* THE QUADRANGLE */
    background:#f2f5f8 !important;
    border:1px solid #e1e7ed !important;
    border-radius:6px !important;
    overflow:hidden !important;

    box-shadow:none !important;
}


/* Individual quadrants */

.sm-markets-impact .sm-impact-item{
    min-height:105px !important;
    height:105px !important;
    padding:16px 12px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;

    background:#f2f5f8 !important;
    border:0 !important;
    border-right:1px solid #dce3ea !important;
    border-bottom:1px solid #dce3ea !important;
}


/* Remove right border from second column */

.sm-markets-impact .sm-impact-item:nth-child(2),
.sm-markets-impact .sm-impact-item:nth-child(4){
    border-right:0 !important;
}


/* Remove bottom border from bottom row */

.sm-markets-impact .sm-impact-item:nth-child(3),
.sm-markets-impact .sm-impact-item:nth-child(4){
    border-bottom:0 !important;
}


/* Icons */

.sm-markets-impact .sm-impact-item svg{
    width:24px !important;
    height:24px !important;
    margin:0 0 7px !important;
    color:#102f57 !important;
    stroke:#102f57 !important;
}


/* Numbers */

.sm-markets-impact .sm-impact-item strong{
    display:block !important;
    margin:0 !important;
    color:#102f57 !important;
    font-size:28px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:-.025em !important;
}


/* Labels */

.sm-markets-impact .sm-impact-item span{
    display:block !important;
    margin:6px 0 0 !important;
    color:#687788 !important;
    font-size:9px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .sm-markets-impact .sm-markets,
    .sm-markets-impact .sm-impact{
        padding:35px 30px !important;
    }

    .sm-markets-impact .sm-markets h2{
        font-size:30px !important;
    }

}


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

@media(max-width:700px){

    .sm-markets-impact{
        grid-template-columns:1fr !important;
    }

    .sm-markets-impact .sm-markets{
        padding:34px 24px 24px !important;
    }

    .sm-markets-impact .sm-impact{
        padding:10px 24px 34px !important;
    }

    .sm-markets-impact .sm-markets h2{
        font-size:27px !important;
    }

    .sm-markets-impact .sm-markets > p:not(.sm-eyebrow){
        font-size:13px !important;
    }

    .sm-markets-impact .sm-impact h2{
        font-size:21px !important;
    }

    .sm-markets-impact .sm-impact-grid{
        margin-top:14px !important;
    }

    .sm-markets-impact .sm-impact-item{
        min-height:95px !important;
        height:95px !important;
    }

    .sm-markets-impact .sm-impact-item strong{
        font-size:25px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:430px){

    .sm-markets-impact .sm-markets{
        padding-left:18px !important;
        padding-right:18px !important;
    }

    .sm-markets-impact .sm-impact{
        padding-left:18px !important;
        padding-right:18px !important;
    }

    .sm-markets-impact .sm-impact-item{
        min-height:90px !important;
        height:90px !important;
        padding:10px 6px !important;
    }

    .sm-markets-impact .sm-impact-item strong{
        font-size:23px !important;
    }

    .sm-markets-impact .sm-impact-item span{
        font-size:8px !important;
    }

}




/* =========================================================
   SINODIA MEDICAL
   FINAL MARKETS + IMPACT DESIGN
   Clean white section + highlighted impact quadrangle
   HTML STRUCTURE UNCHANGED
========================================================= */


/* =========================================================
   MAIN SECTION
========================================================= */

.sm-markets-impact{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    background:#ffffff !important;
    color:#102f57 !important;

    border:0 !important;
    box-shadow:none !important;

    overflow:hidden !important;
}


/* =========================================================
   LEFT SIDE — MARKETS WE SERVE
========================================================= */

.sm-markets-impact .sm-markets{
    position:relative !important;

    width:100% !important;
    min-height:0 !important;
    height:auto !important;

    padding:48px 55px !important;

    background:#ffffff !important;
    color:#102f57 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;

    text-align:center !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
}


/* Remove map */

.sm-markets-impact .sm-world-map,
.sm-markets-impact .sm-map-dot,
.sm-markets-impact .sm-dot-africa,
.sm-markets-impact .sm-dot-india,
.sm-markets-impact .sm-dot-gcc{
    display:none !important;
}


/* Markets eyebrow */

.sm-markets-impact .sm-markets .sm-eyebrow{
    margin:0 0 10px !important;

    color:#15936d !important;

    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:800 !important;

    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}


/* Markets heading */

.sm-markets-impact .sm-markets h2{
    margin:0 !important;

    max-width:480px !important;

    color:#102f57 !important;

    font-size:clamp(28px,3vw,40px) !important;
    line-height:1.12 !important;

    font-weight:800 !important;

    letter-spacing:-.025em !important;
}


/* Markets description */

.sm-markets-impact .sm-markets > p:not(.sm-eyebrow){
    margin:15px auto 0 !important;

    max-width:430px !important;

    color:#647487 !important;

    font-size:14px !important;
    line-height:1.6 !important;
}


/* =========================================================
   SUBTLE DIVIDER BETWEEN THE TWO SIDES
========================================================= */

.sm-markets-impact .sm-markets{
    border-right:1px solid #e5e9ee !important;
}


/* =========================================================
   RIGHT SIDE
========================================================= */

.sm-markets-impact .sm-impact{
    position:relative !important;

    width:100% !important;
    min-height:0 !important;
    height:auto !important;

    padding:34px 42px !important;

    background:#ffffff !important;
    color:#102f57 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    box-sizing:border-box !important;
}


/* =========================================================
   IMPACT HEADING
========================================================= */

.sm-markets-impact .sm-impact h2{
    margin:0 0 16px !important;

    color:#102f57 !important;

    font-size:22px !important;
    line-height:1.2 !important;

    font-weight:800 !important;

    text-align:center !important;

    letter-spacing:.01em !important;
}


/* =========================================================
   THE HIGHLIGHTED QUADRANGLE
========================================================= */

.sm-markets-impact .sm-impact-grid{
    display:grid !important;

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    width:100% !important;
    max-width:560px !important;

    margin:0 auto !important;
    padding:0 !important;

    background:#e9eef3 !important;

    border:1px solid #d8e0e8 !important;
    border-radius:7px !important;

    overflow:hidden !important;

    box-shadow:none !important;

    box-sizing:border-box !important;
}


/* =========================================================
   FOUR IMPACT BOXES
========================================================= */

.sm-markets-impact .sm-impact-item{
    position:relative !important;

    min-height:108px !important;
    height:108px !important;

    padding:15px 14px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;

    background:#e9eef3 !important;

    border:0 !important;

    border-right:1px solid #d1dae3 !important;
    border-bottom:1px solid #d1dae3 !important;

    box-sizing:border-box !important;
}


/* Right column — no right border */

.sm-markets-impact .sm-impact-item:nth-child(2),
.sm-markets-impact .sm-impact-item:nth-child(4){
    border-right:0 !important;
}


/* Bottom row — no bottom border */

.sm-markets-impact .sm-impact-item:nth-child(3),
.sm-markets-impact .sm-impact-item:nth-child(4){
    border-bottom:0 !important;
}


/* =========================================================
   EXISTING ICONS
========================================================= */

.sm-markets-impact .sm-impact-item svg{
    display:block !important;

    width:25px !important;
    height:25px !important;

    min-width:25px !important;
    min-height:25px !important;

    margin:0 0 7px !important;

    color:#102f57 !important;
    stroke:#102f57 !important;

    opacity:1 !important;
}


/* Preserve SVG visibility */

.sm-markets-impact .sm-impact-item svg path,
.sm-markets-impact .sm-impact-item svg circle,
.sm-markets-impact .sm-impact-item svg line,
.sm-markets-impact .sm-impact-item svg polyline,
.sm-markets-impact .sm-impact-item svg rect{
    stroke:#102f57 !important;
}


/* =========================================================
   IMPACT NUMBERS
========================================================= */

.sm-markets-impact .sm-impact-item strong{
    display:block !important;

    margin:0 !important;

    color:#102f57 !important;

    font-size:29px !important;
    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:-.025em !important;
}


/* =========================================================
   IMPACT LABELS
========================================================= */

.sm-markets-impact .sm-impact-item span{
    display:block !important;

    margin:6px 0 0 !important;

    color:#647487 !important;

    font-size:9px !important;
    line-height:1.35 !important;

    font-weight:700 !important;

    letter-spacing:.065em !important;

    text-transform:uppercase !important;
}


/* =========================================================
   REMOVE ANY OLD OVERLAY / DECORATIVE BACKGROUNDS
========================================================= */

.sm-markets-impact::before,
.sm-markets-impact::after,
.sm-markets-impact .sm-markets::before,
.sm-markets-impact .sm-markets::after,
.sm-markets-impact .sm-impact::before,
.sm-markets-impact .sm-impact::after{
    display:none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .sm-markets-impact .sm-markets{
        padding:40px 30px !important;
    }

    .sm-markets-impact .sm-impact{
        padding:32px 28px !important;
    }

    .sm-markets-impact .sm-markets h2{
        font-size:30px !important;
    }

    .sm-markets-impact .sm-impact-item{
        min-height:100px !important;
        height:100px !important;
    }

}


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

@media(max-width:700px){

    .sm-markets-impact{
        grid-template-columns:1fr !important;
    }


    .sm-markets-impact .sm-markets{
        padding:34px 24px 24px !important;

        border-right:0 !important;
        border-bottom:1px solid #e5e9ee !important;
    }


    .sm-markets-impact .sm-impact{
        padding:24px 20px 34px !important;
    }


    .sm-markets-impact .sm-markets h2{
        font-size:27px !important;
    }


    .sm-markets-impact .sm-markets > p:not(.sm-eyebrow){
        font-size:13px !important;
    }


    .sm-markets-impact .sm-impact h2{
        font-size:21px !important;
        margin-bottom:14px !important;
    }


    .sm-markets-impact .sm-impact-grid{
        width:100% !important;
    }


    .sm-markets-impact .sm-impact-item{
        min-height:96px !important;
        height:96px !important;
    }


    .sm-markets-impact .sm-impact-item strong{
        font-size:25px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:430px){

    .sm-markets-impact .sm-markets{
        padding:30px 18px 22px !important;
    }


    .sm-markets-impact .sm-impact{
        padding:20px 16px 28px !important;
    }


    .sm-markets-impact .sm-impact-item{
        min-height:90px !important;
        height:90px !important;

        padding:9px 5px !important;
    }


    .sm-markets-impact .sm-impact-item svg{
        width:22px !important;
        height:22px !important;

        min-width:22px !important;
        min-height:22px !important;
    }


    .sm-markets-impact .sm-impact-item strong{
        font-size:23px !important;
    }


    .sm-markets-impact .sm-impact-item span{
        font-size:8px !important;
    }

}



/* =========================================================
   SINODIA MEDICAL
   MARKETS + IMPACT — FINAL CLEAN DESIGN
   Single continuous section
   No divider / no outer border
   Right side highlighted as a soft grey quadrangle
========================================================= */

.sm-markets-impact{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;

    background:#ffffff !important;
    color:#102f57 !important;

    border:0 !important;
    box-shadow:none !important;
}


/* =========================================================
   LEFT — MARKETS WE SERVE
========================================================= */

.sm-markets-impact .sm-markets{
    position:relative;

    min-height:0 !important;
    height:auto !important;

    padding:52px 7% 48px !important;

    background:#ffffff !important;
    color:#102f57 !important;

    border:0 !important;
    border-right:0 !important;
    box-shadow:none !important;

    overflow:hidden;
}


/* Heading */

.sm-markets-impact .sm-markets h2{
    margin:0;

    color:#102f57 !important;

    font-size:clamp(28px,3vw,40px) !important;
    line-height:1.12 !important;
    letter-spacing:-.025em;
}


/* Eyebrow */

.sm-markets-impact .sm-markets .sm-eyebrow{
    color:#14966f !important;
}


/* Description */

.sm-markets-impact .sm-markets > p:not(.sm-eyebrow){
    margin:16px 0 0 !important;

    color:#4f6174 !important;

    font-size:14px !important;
    line-height:1.6 !important;
}


/* Completely remove old map */

.sm-markets-impact .sm-world-map,
.sm-markets-impact .sm-map-dot{
    display:none !important;
}


/* =========================================================
   RIGHT — OUR IMPACT
   ONE GREY QUADRANGLE
========================================================= */

.sm-markets-impact .sm-impact{
    min-height:0 !important;
    height:auto !important;

    margin:24px 5% 24px 0 !important;

    padding:34px 34px 32px !important;

    background:#eef2f5 !important;

    color:#102f57 !important;

    border:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;

    border-radius:2px !important;
}


/* Impact heading */

.sm-markets-impact .sm-impact h2{
    margin:0 !important;

    color:#102f57 !important;

    font-size:clamp(25px,2.5vw,34px) !important;
    line-height:1.15 !important;
}


/* Impact eyebrow */

.sm-markets-impact .sm-impact .sm-eyebrow{
    color:#14966f !important;
}


/* =========================================================
   4 IMPACT QUADRANTS
========================================================= */

.sm-markets-impact .sm-impact-grid{
    display:grid !important;

    grid-template-columns:repeat(2,1fr) !important;

    margin:24px 0 0 !important;

    border:0 !important;

    background:transparent !important;
}


/* Each statistic */

.sm-markets-impact .sm-impact-item{
    min-height:105px !important;

    padding:18px 16px !important;

    background:transparent !important;

    border:0 !important;

    color:#102f57 !important;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
}


/* Subtle internal separation only */

.sm-markets-impact .sm-impact-item:nth-child(1),
.sm-markets-impact .sm-impact-item:nth-child(2){
    border-bottom:1px solid rgba(16,47,87,.10) !important;
}

.sm-markets-impact .sm-impact-item:nth-child(1),
.sm-markets-impact .sm-impact-item:nth-child(3){
    border-right:1px solid rgba(16,47,87,.10) !important;
}


/* Numbers */

.sm-markets-impact .sm-impact-item strong{
    display:block;

    margin:0 !important;

    color:#102f57 !important;

    font-size:32px !important;
    line-height:1 !important;
    letter-spacing:-.03em;
}


/* Labels */

.sm-markets-impact .sm-impact-item span{
    display:block;

    margin-top:8px !important;

    color:#526477 !important;

    font-size:10px !important;
    line-height:1.35 !important;

    text-transform:uppercase;
    letter-spacing:.06em;

    text-align:center;
}


/* =========================================================
   IMPACT ICONS
   Keep icons visible and aligned
========================================================= */

.sm-markets-impact .sm-impact-item svg{
    display:block !important;

    width:27px !important;
    height:27px !important;

    margin:0 auto 9px !important;

    color:#102f57 !important;
}


/* SVG strokes */

.sm-markets-impact .sm-impact-item svg path,
.sm-markets-impact .sm-impact-item svg circle,
.sm-markets-impact .sm-impact-item svg line,
.sm-markets-impact .sm-impact-item svg polyline,
.sm-markets-impact .sm-impact-item svg rect{
    stroke:#102f57 !important;
}


/* =========================================================
   REMOVE ALL OLD DIVIDERS / OUTLINES
========================================================= */

.sm-markets-impact,
.sm-markets-impact .sm-markets,
.sm-markets-impact .sm-impact,
.sm-markets-impact .sm-impact-grid,
.sm-markets-impact .sm-impact-item{
    outline:0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .sm-markets-impact{
        grid-template-columns:1fr 1fr;
    }

    .sm-markets-impact .sm-markets{
        padding:42px 6% 40px !important;
    }

    .sm-markets-impact .sm-impact{
        margin:20px 4% 20px 0 !important;
        padding:28px 24px !important;
    }

    .sm-markets-impact .sm-impact-grid{
        margin-top:18px !important;
    }

    .sm-markets-impact .sm-impact-item{
        min-height:95px !important;
        padding:14px 10px !important;
    }

}


/* =========================================================
   MOBILE
   Stack naturally without changing the design
========================================================= */

@media(max-width:700px){

    .sm-markets-impact{
        display:block !important;

        background:#ffffff !important;
    }

    .sm-markets-impact .sm-markets{
        width:100% !important;

        padding:38px 6% 28px !important;

        background:#ffffff !important;
    }

    .sm-markets-impact .sm-markets h2{
        font-size:28px !important;
    }

    .sm-markets-impact .sm-markets > p:not(.sm-eyebrow){
        font-size:13px !important;
    }

    .sm-markets-impact .sm-impact{
        width:auto !important;

        margin:0 5% 32px !important;

        padding:26px 18px !important;

        background:#eef2f5 !important;

        border:0 !important;
    }

    .sm-markets-impact .sm-impact-grid{
        grid-template-columns:repeat(2,1fr) !important;

        margin-top:16px !important;
    }

    .sm-markets-impact .sm-impact-item{
        min-height:88px !important;
        padding:12px 8px !important;
    }

    .sm-markets-impact .sm-impact-item strong{
        font-size:27px !important;
    }

    .sm-markets-impact .sm-impact-item span{
        font-size:9px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:430px){

    .sm-markets-impact .sm-markets{
        padding:32px 6% 24px !important;
    }

    .sm-markets-impact .sm-impact{
        margin:0 4% 28px !important;
        padding:22px 12px !important;
    }

    .sm-markets-impact .sm-impact-item{
        min-height:82px !important;
    }

    .sm-markets-impact .sm-impact-item strong{
        font-size:24px !important;
    }

    .sm-markets-impact .sm-impact-item svg{
        width:23px !important;
        height:23px !important;
        margin-bottom:6px !important;
    }

}