/* ============================================================
   ARHA PAEDIATRICS
   CLOUD WHITE + SKY BLUE + AQUA + SOFT SUNSHINE
   ============================================================ */


#arhaPaediatricsPage {

    --pedia-white:#FFFFFF;
    --pedia-cloud:#FBFDFD;
    --pedia-sky:#EDF8FB;
    --pedia-aqua-soft:#EAF7F6;

    --pedia-navy:#183B4B;
    --pedia-text:#3A5661;
    --pedia-muted:#71868D;

    --pedia-blue:#428FAA;
    --pedia-blue-dark:#27738E;

    --pedia-aqua:#61BFC1;
    --pedia-mint:#70AFA0;

    --pedia-yellow:#D9AB4A;
    --pedia-yellow-soft:#FBF3DC;

    --pedia-red:#BA5259;
    --pedia-red-soft:#F8E9EA;

    --pedia-border:#DCE9EB;

    --pedia-heading:'Outfit',sans-serif;
    --pedia-body:'Inter',sans-serif;

    width:100%;

    overflow:hidden;

    background:
        var(--pedia-cloud);

    color:
        var(--pedia-text);

    font-family:
        var(--pedia-body);
}


#arhaPaediatricsPage *,
#arhaPaediatricsPage *::before,
#arhaPaediatricsPage *::after {

    box-sizing:border-box;
}


#arhaPaediatricsPage img {

    display:block;
    width:100%;
}


#arhaPaediatricsPage a {

    text-decoration:none;
}


.pedia-container {

    width:min(
        1280px,
        calc(100% - 56px)
    );

    margin-inline:auto;
}



/* ============================================================
   REVEAL
   ============================================================ */

#arhaPaediatricsPage [data-pedia-reveal] {

    opacity:0;

    transform:
        translateY(28px);

    transition:
        opacity .75s ease,
        transform .75s cubic-bezier(.2,.7,.2,1);
}


#arhaPaediatricsPage
[data-pedia-reveal].pedia-visible {

    opacity:1;

    transform:none;
}



/* ============================================================
   HERO
   ============================================================ */

.pedia-hero {

    position:relative;

    padding:
        78px 0 100px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 87% 15%,
            rgba(97,191,193,.15),
            transparent 27%
        ),

        linear-gradient(
            118deg,
            #FFFFFF,
            #F0F9FB
        );
}


.pedia-hero-cloud {

    position:absolute;

    border-radius:50%;

    background:
        rgba(255,255,255,.54);

    border:
        1px solid rgba(66,143,170,.08);

    pointer-events:none;

    animation:
        pediaCloudFloat
        8s ease-in-out infinite alternate;
}


.pedia-cloud-one {

    width:430px;
    height:430px;

    right:-190px;
    top:-210px;
}


.pedia-cloud-two {

    width:230px;
    height:230px;

    left:-105px;
    bottom:-80px;

    animation-delay:2s;
}


@keyframes pediaCloudFloat {

    to {

        transform:
            translate(25px,35px)
            scale(1.06);

    }

}


/* dots */

.pedia-floating-dots span {

    position:absolute;

    width:6px;
    height:6px;

    border-radius:50%;

    background:
        rgba(217,171,74,.45);

    animation:
        pediaDot 5s ease-in-out infinite;
}


.pedia-floating-dots span:nth-child(1) {
    top:20%;
    left:7%;
}

.pedia-floating-dots span:nth-child(2) {
    top:75%;
    left:15%;
    animation-delay:1s;
}

.pedia-floating-dots span:nth-child(3) {
    top:14%;
    left:47%;
    animation-delay:2s;
}

.pedia-floating-dots span:nth-child(4) {
    top:81%;
    left:65%;
    animation-delay:.7s;
}

.pedia-floating-dots span:nth-child(5) {
    top:48%;
    left:94%;
    animation-delay:2.8s;
}


@keyframes pediaDot {

    0%,
    100% {

        opacity:.18;
        transform:translateY(0);

    }

    50% {

        opacity:.85;
        transform:translateY(-10px);

    }

}



/* ============================================================
   HERO LAYOUT
   ============================================================ */

.pedia-hero-layout {

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        1fr .92fr;

    align-items:center;

    gap:80px;
}


.pedia-breadcrumb {

    margin-bottom:27px;

    display:flex;

    align-items:center;

    gap:8px;

    font-size:9px;

    color:
        var(--pedia-muted);
}


.pedia-breadcrumb a {

    color:
        var(--pedia-blue);
}


.pedia-breadcrumb i {
    font-size:6px;
}


.pedia-kicker,
.pedia-section-label {

    display:block;

    margin-bottom:10px;

    font-size:9px;

    font-weight:800;

    letter-spacing:1.25px;

    color:
        var(--pedia-blue);
}


.pedia-hero h1 {

    max-width:690px;

    margin:0;

    font-family:
        var(--pedia-heading);

    font-size:
        clamp(50px,5.3vw,74px);

    font-weight:800;

    line-height:.98;

    letter-spacing:-2.3px;

    color:
        var(--pedia-navy);
}


.pedia-hero h1 strong {

    display:block;

    color:
        var(--pedia-aqua);
}


.pedia-hero-description {

    max-width:650px;

    margin:
        24px 0 0;

    font-size:14.5px;

    line-height:1.8;

    color:
        var(--pedia-text);
}



/* ============================================================
   HERO ACTIONS
   ============================================================ */

.pedia-hero-actions {

    margin-top:30px;

    display:flex;

    flex-wrap:wrap;

    gap:10px;
}


.pedia-primary,
.pedia-secondary {

    min-height:55px;

    padding:
        0 18px;

    display:inline-flex;

    align-items:center;

    gap:9px;

    border-radius:9px;

    font-size:11px;

    font-weight:700;
}


.pedia-primary {

    background:
        var(--pedia-blue);

    color:#fff !important;

    box-shadow:
        0 13px 28px rgba(66,143,170,.17);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.pedia-primary:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 18px 35px rgba(66,143,170,.24);
}


.pedia-secondary {

    border:
        1px solid var(--pedia-border);

    background:#fff;

    color:
        var(--pedia-navy) !important;
}


.pedia-age-strip {

    margin-top:25px;

    display:flex;

    flex-wrap:wrap;

    gap:8px;
}


.pedia-age-strip span {

    padding:
        8px 11px;

    display:inline-flex;

    align-items:center;

    gap:6px;

    border-radius:30px;

    background:
        rgba(255,255,255,.76);

    border:
        1px solid var(--pedia-border);

    font-size:9px;

    font-weight:600;
}


.pedia-age-strip i {

    color:
        var(--pedia-blue);
}



/* ============================================================
   HERO IMAGE
   ============================================================ */

.pedia-hero-visual {

    position:relative;
}


.pedia-main-image {

    position:relative;

    height:565px;

    overflow:hidden;

    border-radius:
        120px 18px 120px 18px;

    box-shadow:
        0 30px 65px rgba(38,76,88,.13);
}


.pedia-main-image img {

    height:100%;

    object-fit:cover;

    transition:
        transform 7s ease;
}


.pedia-main-image:hover img {

    transform:
        scale(1.05);
}


.pedia-image-overlay {

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(24,59,75,.72),
            transparent 52%
        );
}


.pedia-photo-caption {

    position:absolute;

    left:24px;
    right:24px;
    bottom:22px;

    display:flex;
    flex-direction:column;
}


.pedia-photo-caption small {

    font-size:8px;

    font-weight:800;

    letter-spacing:.9px;

    color:#B9E9E8;
}


.pedia-photo-caption strong {

    margin-top:4px;

    font-family:
        var(--pedia-heading);

    font-size:21px;

    color:#fff;
}


.pedia-floating-card {

    position:absolute;

    left:-50px;
    bottom:70px;

    padding:
        13px 15px;

    display:flex;

    align-items:center;

    gap:11px;

    border:
        1px solid var(--pedia-border);

    border-radius:11px;

    background:
        rgba(255,255,255,.97);

    box-shadow:
        0 15px 35px rgba(38,76,88,.11);

    animation:
        pediaFloat
        4s ease-in-out infinite;
}


@keyframes pediaFloat {

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

}


.pedia-floating-card > span {

    width:41px;
    height:41px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        var(--pedia-yellow-soft);

    color:
        var(--pedia-yellow);
}


.pedia-floating-card div {

    display:flex;
    flex-direction:column;
}


.pedia-floating-card small {

    font-size:7px;

    font-weight:800;

    letter-spacing:.7px;

    color:
        var(--pedia-blue);
}


.pedia-floating-card strong {

    margin-top:3px;

    font-family:
        var(--pedia-heading);

    font-size:11px;
}



/* ============================================================
   SHARED HEADINGS
   ============================================================ */

.pedia-heading {

    max-width:870px;

    margin-bottom:45px;
}


.pedia-heading h2,
.pedia-consult-content h2,
.pedia-growth-copy h2,
.pedia-urgent-copy h2 {

    margin:0;

    font-family:
        var(--pedia-heading);

    font-size:
        clamp(34px,4vw,50px);

    line-height:1.05;

    letter-spacing:-1.1px;

    color:
        var(--pedia-navy);
}


.pedia-heading h2 em {

    display:block;

    font-style:normal;

    color:
        var(--pedia-aqua);
}


.pedia-heading > p {

    max-width:720px;

    margin:
        17px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--pedia-muted);
}



/* ============================================================
   CONCERNS
   ============================================================ */

.pedia-concerns {

    padding:
        105px 0;

    background:
        var(--pedia-cloud);
}


.pedia-concern-grid {

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:12px;
}


.pedia-concern-card {

    position:relative;

    min-height:225px;

    padding:23px;

    border:
        1px solid var(--pedia-border);

    border-radius:14px;

    background:#fff;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.pedia-concern-card:hover {

    transform:translateY(-5px);

    box-shadow:
        0 17px 37px rgba(38,76,88,.07);
}


.pedia-concern-card > span {

    position:absolute;

    right:18px;
    top:17px;

    font-family:
        var(--pedia-heading);

    font-size:9px;

    color:#A5B4B8;
}


.pedia-concern-card > i {

    width:43px;
    height:43px;

    margin-bottom:23px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:
        var(--pedia-sky);

    color:
        var(--pedia-blue);
}


.pedia-highlight > i {

    background:
        var(--pedia-yellow-soft);

    color:
        var(--pedia-yellow);
}


.pedia-concern-card h3 {

    margin:0;

    font-family:
        var(--pedia-heading);

    font-size:17px;

    color:
        var(--pedia-navy);
}


.pedia-concern-card p {

    margin:
        9px 0 0;

    font-size:10.5px;

    line-height:1.68;

    color:
        var(--pedia-muted);
}



/* ============================================================
   CONSULTATION
   ============================================================ */

.pedia-consultation {

    padding:
        110px 0;

    background:
        var(--pedia-sky);
}


.pedia-consult-grid {

    display:grid;

    grid-template-columns:
        1fr .9fr;

    align-items:center;

    gap:80px;
}


.pedia-consult-image {

    position:relative;

    height:580px;

    overflow:hidden;

    border-radius:
        95px 18px 18px 95px;
}


.pedia-consult-image img {

    height:100%;
    object-fit:cover;
}


.pedia-consult-badge {

    position:absolute;

    left:20px;
    bottom:20px;

    max-width:320px;

    padding:
        13px 15px;

    display:flex;

    align-items:center;

    gap:11px;

    border-radius:10px;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 12px 30px rgba(38,76,88,.11);
}


.pedia-consult-badge > i {

    color:
        var(--pedia-blue);
}


.pedia-consult-badge span {

    display:flex;
    flex-direction:column;

    font-family:
        var(--pedia-heading);

    font-size:11px;

    font-weight:700;
}


.pedia-consult-badge small {

    margin-bottom:2px;

    font-family:
        var(--pedia-body);

    font-size:7px;

    color:
        var(--pedia-aqua);
}


.pedia-consult-content > p {

    margin:
        18px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--pedia-muted);
}


.pedia-consult-list {

    margin-top:27px;

    border-top:
        1px solid var(--pedia-border);
}


.pedia-consult-list > div {

    padding:
        15px 0;

    display:grid;

    grid-template-columns:
        37px 1fr;

    gap:12px;

    border-bottom:
        1px solid var(--pedia-border);
}


.pedia-consult-list > div > span {

    width:28px;
    height:28px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        var(--pedia-blue);

    color:#fff;

    font-size:8px;

    font-weight:800;
}


.pedia-consult-list strong {

    font-family:
        var(--pedia-heading);

    font-size:12px;
}


.pedia-consult-list p {

    margin:
        4px 0 0;

    font-size:9.5px;

    line-height:1.55;

    color:
        var(--pedia-muted);
}



/* ============================================================
   ACUTE CARE
   ============================================================ */

.pedia-acute-care {

    padding:
        105px 0;

    background:#fff;
}


.pedia-heading-center {

    margin:
        0 auto 45px;

    text-align:center;
}


.pedia-acute-grid {

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:14px;
}


.pedia-acute-grid article {

    overflow:hidden;

    border:
        1px solid var(--pedia-border);

    border-radius:15px;

    background:
        var(--pedia-cloud);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.pedia-acute-grid article:hover {

    transform:translateY(-5px);

    box-shadow:
        0 18px 38px rgba(38,76,88,.07);
}


.pedia-acute-photo {

    height:300px;

    overflow:hidden;
}


.pedia-acute-photo img {

    height:100%;

    object-fit:cover;

    transition:
        transform .55s ease;
}


.pedia-acute-grid article:hover img {

    transform:scale(1.045);
}


.pedia-acute-copy {

    padding:25px;
}


.pedia-acute-copy > span {

    font-size:8px;

    font-weight:800;

    letter-spacing:.8px;

    color:
        var(--pedia-blue);
}


.pedia-acute-copy h3 {

    margin:
        6px 0 0;

    font-family:
        var(--pedia-heading);

    font-size:23px;

    color:
        var(--pedia-navy);
}


.pedia-acute-copy p {

    margin:
        9px 0 0;

    font-size:10.5px;

    line-height:1.7;

    color:
        var(--pedia-muted);
}



/* ============================================================
   GROWTH
   ============================================================ */

.pedia-growth {

    padding:
        110px 0;

    background:
        var(--pedia-aqua-soft);
}


.pedia-growth-layout {

    display:grid;

    grid-template-columns:
        .9fr 1fr;

    align-items:center;

    gap:80px;
}


.pedia-growth-copy > p {

    margin:
        18px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--pedia-muted);
}


.pedia-growth-points {

    margin-top:25px;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:9px;
}


.pedia-growth-points span {

    min-height:58px;

    padding:
        0 13px;

    display:flex;

    align-items:center;

    gap:9px;

    border:
        1px solid
        rgba(66,143,170,.12);

    border-radius:9px;

    background:
        rgba(255,255,255,.64);

    font-size:9.5px;

    font-weight:600;
}


.pedia-growth-points i {

    color:
        var(--pedia-blue);
}


.pedia-growth-image {

    position:relative;

    height:500px;

    overflow:hidden;

    border-radius:
        20px 100px 20px 100px;
}


.pedia-growth-image img {

    height:100%;

    object-fit:cover;
}


.pedia-growth-image::after {

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(24,59,75,.65),
            transparent 50%
        );
}


.pedia-growth-image > div {

    position:absolute;

    z-index:2;

    left:20px;
    bottom:19px;

    display:flex;
    flex-direction:column;

    color:#fff;
}


.pedia-growth-image small {

    font-size:7px;

    letter-spacing:.8px;

    color:#BCEBE8;
}


.pedia-growth-image strong {

    margin-top:3px;

    font-family:
        var(--pedia-heading);

    font-size:17px;
}



/* ============================================================
   NEWBORN
   ============================================================ */

.pedia-newborn {

    padding:
        105px 0;

    background:
        var(--pedia-cloud);
}


.pedia-newborn-panel {

    display:grid;

    grid-template-columns:
        1fr .9fr;

    overflow:hidden;

    border:
        1px solid var(--pedia-border);

    border-radius:
        80px 17px 80px 17px;

    background:#fff;
}


.pedia-newborn-image {

    min-height:475px;
}


.pedia-newborn-image img {

    height:100%;

    object-fit:cover;
}


.pedia-newborn-content {

    padding:52px;

    display:flex;

    flex-direction:column;

    justify-content:center;
}


.pedia-newborn-content h2 {

    margin:0;

    font-family:
        var(--pedia-heading);

    font-size:
        clamp(31px,3.6vw,45px);

    line-height:1.06;

    color:
        var(--pedia-navy);
}


.pedia-newborn-content > p {

    margin:
        17px 0 0;

    font-size:12px;

    line-height:1.75;

    color:
        var(--pedia-muted);
}


.pedia-newborn-items {

    margin-top:23px;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:9px;
}


.pedia-newborn-items span {

    min-height:55px;

    padding:
        0 12px;

    display:flex;

    align-items:center;

    gap:8px;

    border-radius:8px;

    background:
        var(--pedia-sky);

    font-size:9px;

    font-weight:600;
}


.pedia-newborn-items i {

    color:
        var(--pedia-blue);
}



/* ============================================================
   URGENT
   ============================================================ */

.pedia-urgent {

    padding:
        105px 0;

    background:
        var(--pedia-sky);
}


.pedia-urgent-layout {

    display:grid;

    grid-template-columns:
        1.15fr .58fr;

    align-items:center;

    gap:85px;
}


.pedia-urgent-copy > p {

    margin:
        17px 0 0;

    font-size:12px;

    line-height:1.75;

    color:
        var(--pedia-muted);
}


.pedia-urgent-list {

    margin-top:25px;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:9px;
}


.pedia-urgent-list span {

    padding:12px;

    display:flex;

    align-items:flex-start;

    gap:8px;

    border:
        1px solid var(--pedia-border);

    border-radius:9px;

    background:
        rgba(255,255,255,.58);

    font-size:9px;

    line-height:1.45;
}


.pedia-urgent-list i {

    margin-top:2px;

    color:
        var(--pedia-red);
}


/* emergency card */

.pedia-urgent-card {

    padding:36px;

    border-radius:
        70px 16px 16px 16px;

    background:
        var(--pedia-navy);

    color:#fff;
}


.pedia-emergency-icon {

    width:50px;
    height:50px;

    margin-bottom:23px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        rgba(255,255,255,.10);

    color:#F0C66B;
}


.pedia-urgent-card > small {

    font-size:7px;

    font-weight:800;

    letter-spacing:.8px;

    color:#A9E2E0;
}


.pedia-urgent-card h3 {

    margin:
        8px 0 0;

    font-family:
        var(--pedia-heading);

    font-size:29px;

    line-height:1.06;
}


.pedia-urgent-card p {

    margin:
        10px 0 22px;

    font-size:10px;

    color:#C3D4DA;
}


.pedia-urgent-card > a {

    min-height:48px;

    padding:
        0 13px;

    display:flex;

    align-items:center;

    gap:9px;

    border-radius:8px;

    background:
        var(--pedia-red);

    color:#fff !important;

    font-weight:700;
}


.pedia-urgent-card
.pedia-emergency-page {

    margin-top:8px;

    border:
        1px solid rgba(255,255,255,.18);

    background:transparent;
}



/* ============================================================
   SUPPORT
   ============================================================ */

.pedia-support {

    padding:
        105px 0;

    background:#fff;
}


.pedia-support-grid {

    display:grid;

    grid-template-columns:
        1.35fr 1fr 1fr;

    grid-template-rows:
        225px 225px;

    gap:12px;
}


.pedia-support-feature {

    position:relative;

    grid-row:span 2;

    margin:0;

    overflow:hidden;

    border-radius:15px;
}


.pedia-support-feature img {

    height:100%;

    object-fit:cover;
}


.pedia-support-feature::after {

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(24,59,75,.75),
            transparent 56%
        );
}


.pedia-support-feature figcaption {

    position:absolute;

    z-index:2;

    left:19px;
    bottom:18px;

    display:flex;

    flex-direction:column;
}


.pedia-support-feature small {

    font-size:7px;

    letter-spacing:.8px;

    color:#B8E8E6;
}


.pedia-support-feature strong {

    margin-top:3px;

    font-family:
        var(--pedia-heading);

    font-size:22px;

    color:#fff;
}


.pedia-support-card {

    padding:23px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border:
        1px solid var(--pedia-border);

    border-radius:12px;

    background:
        var(--pedia-cloud);
}


.pedia-support-card i {

    margin-bottom:17px;

    color:
        var(--pedia-blue);

    font-size:18px;
}


.pedia-support-card strong {

    font-family:
        var(--pedia-heading);

    font-size:15px;

    color:
        var(--pedia-navy);
}


.pedia-support-card p {

    margin:
        7px 0 0;

    font-size:9.5px;

    line-height:1.55;

    color:
        var(--pedia-muted);
}



/* ============================================================
   RELATED
   ============================================================ */

.pedia-related {

    padding:
        85px 0;

    background:
        var(--pedia-cloud);
}


.pedia-related-heading {

    margin-bottom:30px;
}


.pedia-related-heading h2 {

    margin:0;

    font-family:
        var(--pedia-heading);

    font-size:35px;

    color:
        var(--pedia-navy);
}


.pedia-related-grid {

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:12px;
}


.pedia-related-grid > a {

    min-height:105px;

    padding:18px;

    display:grid;

    grid-template-columns:
        40px 1fr auto;

    align-items:center;

    gap:12px;

    border:
        1px solid var(--pedia-border);

    border-radius:11px;

    background:#fff;

    color:
        var(--pedia-navy) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.pedia-related-grid > a:hover {

    transform:translateY(-4px);

    box-shadow:
        0 14px 30px rgba(38,76,88,.07);
}


.pedia-related-grid > a > span {

    width:39px;
    height:39px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:
        var(--pedia-sky);

    color:
        var(--pedia-blue);
}


.pedia-related-grid
.pedia-related-red {

    background:
        var(--pedia-red-soft);

    color:
        var(--pedia-red);
}


.pedia-related-grid div {

    display:flex;

    flex-direction:column;
}


.pedia-related-grid small {

    margin-bottom:3px;

    font-size:7px;

    font-weight:800;

    color:
        var(--pedia-blue);
}


.pedia-related-grid strong {

    font-family:
        var(--pedia-heading);

    font-size:12px;
}



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

.pedia-final {

    position:relative;

    padding:
        62px 0;

    overflow:hidden;

    background:
        var(--pedia-navy);

    color:#fff;
}


.pedia-final-bubble {

    position:absolute;

    width:390px;
    height:390px;

    right:-170px;
    top:-210px;

    border-radius:50%;

    border:
        1px solid rgba(255,255,255,.08);
}


.pedia-final-inner {

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;
}


.pedia-final-inner > div:first-child > span {

    font-size:8px;

    font-weight:800;

    letter-spacing:.9px;

    color:#A7DFDE;
}


.pedia-final h2 {

    margin:
        6px 0 0;

    font-family:
        var(--pedia-heading);

    font-size:
        clamp(29px,3.4vw,43px);
}


.pedia-final p {

    margin:
        8px 0 0;

    font-size:10px;

    color:#C1D4D9;
}


.pedia-final-actions {

    display:flex;

    gap:9px;
}


.pedia-final-primary,
.pedia-final-call {

    min-height:51px;

    padding:
        0 16px;

    display:flex;

    align-items:center;

    gap:8px;

    border-radius:8px;

    font-size:10px;

    font-weight:700;
}


.pedia-final-primary {

    background:
        var(--pedia-aqua);

    color:#fff !important;
}


.pedia-final-call {

    border:
        1px solid rgba(255,255,255,.20);

    color:#fff !important;
}



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

.pedia-mobile-bar {
    display:none;
}



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

@media(max-width:950px) {

    .pedia-hero-layout,
    .pedia-consult-grid,
    .pedia-growth-layout,
    .pedia-urgent-layout {

        grid-template-columns:1fr;

        gap:45px;
    }


    .pedia-hero-visual {

        max-width:680px;
    }


    .pedia-floating-card {

        left:20px;
    }


    .pedia-concern-grid {

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


    .pedia-newborn-panel {

        grid-template-columns:1fr;
    }


    .pedia-newborn-image {

        min-height:360px;
    }


    .pedia-urgent-card {

        max-width:500px;
    }

}



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

@media(max-width:600px) {

    #arhaPaediatricsPage {
        padding-bottom:60px;
    }


    .pedia-container {

        width:
            calc(100% - 30px);
    }


    .pedia-mobile-bar {

        position:fixed;

        left:0;
        right:0;
        bottom:0;

        z-index:8500;

        height:60px;

        display:grid;

        grid-template-columns:
            repeat(3,1fr);

        background:#fff;

        border-top:
            1px solid var(--pedia-border);

        box-shadow:
            0 -7px 25px rgba(0,0,0,.10);
    }


    .pedia-mobile-bar a {

        display:flex;

        flex-direction:column;

        align-items:center;

        justify-content:center;

        gap:4px;

        font-size:8px;

        font-weight:700;

        color:
            var(--pedia-navy) !important;
    }


    .pedia-mobile-bar
    .pedia-mobile-primary {

        background:
            var(--pedia-blue);

        color:#fff !important;
    }


    .pedia-hero {

        padding:
            50px 0 65px;
    }


    .pedia-hero h1 {

        font-size:
            clamp(39px,11vw,49px);

        letter-spacing:-1.4px;
    }


    .pedia-hero-description {

        font-size:12.5px;
    }


    .pedia-hero-actions {

        flex-direction:column;
    }


    .pedia-primary,
    .pedia-secondary {

        width:100%;
    }


    .pedia-main-image {

        height:380px;

        border-radius:
            65px 13px 65px 13px;
    }


    .pedia-floating-card {

        position:relative;

        left:auto;

        bottom:auto;

        margin:
            -25px 13px 0;
    }


    .pedia-concerns,
    .pedia-consultation,
    .pedia-acute-care,
    .pedia-growth,
    .pedia-newborn,
    .pedia-urgent,
    .pedia-support,
    .pedia-related {

        padding:
            72px 0;
    }


    .pedia-heading {

        margin-bottom:31px;
    }


    .pedia-heading h2,
    .pedia-consult-content h2,
    .pedia-growth-copy h2,
    .pedia-urgent-copy h2 {

        font-size:32px;
    }


    .pedia-concern-grid {

        grid-template-columns:1fr;
    }


    .pedia-concern-card {

        min-height:195px;
    }


    .pedia-consult-image {

        height:350px;

        border-radius:
            55px 13px 13px 55px;
    }


    .pedia-acute-grid {

        grid-template-columns:1fr;
    }


    .pedia-acute-photo {

        height:230px;
    }


    .pedia-growth-points {

        grid-template-columns:1fr;
    }


    .pedia-growth-image {

        height:340px;

        border-radius:
            13px 60px 13px 60px;
    }


    .pedia-newborn-panel {

        border-radius:
            55px 13px 55px 13px;
    }


    .pedia-newborn-image {

        min-height:280px;
    }


    .pedia-newborn-content {

        padding:
            30px 20px;
    }


    .pedia-newborn-items {

        grid-template-columns:1fr;
    }


    .pedia-urgent-list {

        grid-template-columns:1fr;
    }


    .pedia-urgent-card {

        padding:
            30px 22px;

        border-radius:
            55px 13px 13px 13px;
    }


    .pedia-support-grid {

        grid-template-columns:
            1fr 1fr;

        grid-template-rows:
            280px auto auto;
    }


    .pedia-support-feature {

        grid-column:
            span 2;

        grid-row:auto;
    }


    .pedia-related-grid {

        grid-template-columns:1fr;
    }


    .pedia-final-inner {

        align-items:flex-start;

        flex-direction:column;

        gap:25px;
    }


    .pedia-final-actions {

        width:100%;

        flex-direction:column;
    }


    .pedia-final-primary,
    .pedia-final-call {

        width:100%;
    }

}



@media(max-width:380px) {

    .pedia-age-strip {

        display:grid;

        grid-template-columns:1fr;
    }


    .pedia-support-grid {

        display:block;
    }


    .pedia-support-feature {

        height:250px;

        margin-bottom:9px;
    }


    .pedia-support-card {

        min-height:150px;

        margin-bottom:9px;
    }

}



/* ============================================================
   REDUCED MOTION
   ============================================================ */

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

    #arhaPaediatricsPage *,
    #arhaPaediatricsPage *::before,
    #arhaPaediatricsPage *::after {

        animation:none !important;

        transition:none !important;
    }


    #arhaPaediatricsPage
    [data-pedia-reveal] {

        opacity:1 !important;

        transform:none !important;
    }

}