/* =========================================================
   KIYA LEARNING
   IB CURRICULUM PAGE
   BLACK + ORANGE PREMIUM UI
   FULL RESPONSIVE CSS
========================================================= */

.kl-ib-page{

    --ib-orange:#f97316;
    --ib-orange-dark:#ea580c;

    --ib-black:#080808;
    --ib-black-soft:#111111;

    --ib-white:#ffffff;

    --ib-text:#4b5563;
    --ib-muted:#6b7280;

    --ib-light:#fafafa;
    --ib-orange-light:#fff7ed;

    --ib-border:#e8e8e8;

    color:var(--ib-text);

    background:#fff;

    overflow:hidden;
}

.kl-ib-page *,
.kl-ib-page *::before,
.kl-ib-page *::after{

    box-sizing:border-box;
}

.kl-ib-page h1,
.kl-ib-page h2,
.kl-ib-page h3,
.kl-ib-page p{

    margin-top:0;
}

.kl-ib-page h2{

    margin-bottom:0;

    color:var(--ib-black);

    font-size:33px;

    line-height:1.28;

    font-weight:800;

    letter-spacing:-.6px;
}

.kl-ib-page h2 strong{

    color:var(--ib-orange);
}

.kl-ib-section{

    position:relative;

    padding:90px 0;
}

.kl-ib-light{

    background:#fafafa;
}

.kl-ib-orange-light{

    background:#fff7ed;
}


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

.kl-ib-curriculum-hero{

    position:relative;

    min-height:555px;

    display:flex;

    align-items:center;

    padding:52px 0 58px;

    overflow:hidden;

    color:#fff;

    background:#080808;
}

.kl-ib-curriculum-hero::before{

    content:"";

    position:absolute;

    width:650px;
    height:650px;

    left:-380px;
    top:-320px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(249,115,22,.16),
            transparent 68%
        );

    pointer-events:none;
}

.kl-ib-curriculum-hero::after{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-240px;
    bottom:-260px;

    border:
        1px solid
        rgba(249,115,22,.12);

    border-radius:50%;

    pointer-events:none;
}


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

.kl-ib-hero-orbit{

    position:absolute;

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

    border-radius:50%;

    pointer-events:none;
}

.kl-ib-orbit-one{

    width:480px;
    height:480px;

    right:7%;
    top:50%;

    transform:
        translateY(-50%);
}

.kl-ib-orbit-two{

    width:390px;
    height:390px;

    right:calc(7% + 45px);
    top:50%;

    transform:
        translateY(-50%);

    border-color:
        rgba(249,115,22,.10);

    border-style:dashed;

    animation:
        klIbRotate
        25s
        linear
        infinite;
}


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

.kl-ib-curriculum-hero-content{

    position:relative;

    z-index:5;

    max-width:720px;

    animation:
        klIbHeroLeft
        .8s
        ease
        both;
}

.kl-ib-curriculum-kicker{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:14px;

    color:var(--ib-orange);

    font-size:11px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;
}

.kl-ib-curriculum-kicker i{

    font-size:15px;
}

.kl-ib-curriculum-hero h1{

    max-width:700px;

    margin:0;

    color:#fff;

    font-size:33px;

    line-height:1.27;

    font-weight:800;

    letter-spacing:-.7px;
}

.kl-ib-curriculum-hero h1 span{

    color:var(--ib-orange);
}

.kl-ib-curriculum-hero-text{

    max-width:660px;

    margin:17px 0 0;

    color:#c7c7c7;

    font-size:14px;

    line-height:1.8;
}

.kl-ib-curriculum-hero-small{

    margin-top:9px;

    color:#969696;

    font-size:13px;
}


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

.kl-ib-curriculum-hero-actions{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:24px;
}

.kl-ib-curriculum-btn{

    min-height:46px;

    padding:0 20px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    border-radius:8px;

    font-size:12px;

    font-weight:700;

    text-decoration:none;

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

.kl-ib-curriculum-btn i{

    transition:
        transform .3s ease;
}

.kl-ib-curriculum-btn:hover i{

    transform:
        translateX(3px);
}

.kl-ib-curriculum-btn-primary{

    color:#fff;

    background:var(--ib-orange);

    border:
        1px solid
        var(--ib-orange);

    box-shadow:
        0 10px 25px
        rgba(249,115,22,.16);
}

.kl-ib-curriculum-btn-primary:hover{

    color:#fff;

    background:var(--ib-orange-dark);

    border-color:var(--ib-orange-dark);

    transform:
        translateY(-2px);

    box-shadow:
        0 14px 30px
        rgba(249,115,22,.24);
}

.kl-ib-curriculum-btn-outline{

    color:#fff;

    background:transparent;

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

.kl-ib-curriculum-btn-outline:hover{

    color:#080808;

    background:#fff;

    border-color:#fff;

    transform:
        translateY(-2px);
}


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

.kl-ib-curriculum-trust{

    display:flex;

    flex-wrap:wrap;

    gap:19px;

    margin-top:22px;
}

.kl-ib-curriculum-trust-item{

    display:flex;

    align-items:center;

    gap:8px;
}

.kl-ib-curriculum-trust-item > i{

    width:34px;
    height:34px;

    min-width:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:
        1px solid
        rgba(249,115,22,.2);

    border-radius:9px;

    color:var(--ib-orange);

    background:
        rgba(249,115,22,.08);

    font-size:14px;
}

.kl-ib-curriculum-trust-item strong,
.kl-ib-curriculum-trust-item span{

    display:block;
}

.kl-ib-curriculum-trust-item strong{

    color:#fff;

    font-size:10px;

    line-height:1.35;
}

.kl-ib-curriculum-trust-item span{

    margin-top:2px;

    color:#858585;

    font-size:9px;

    line-height:1.35;
}


/* =========================================================
   HERO IMAGE AREA
   NO TEXT / NO FLOATING CARD
========================================================= */

.kl-ib-curriculum-hero-image-wrap{

    position:relative;

    min-height:445px;

    display:flex;

    align-items:center;

    justify-content:center;

    animation:
        klIbHeroRight
        .9s
        ease
        both;
}


/* MAIN ROUND BACKGROUND */

.kl-ib-image-circle-bg{

    position:absolute;

    width:360px;
    height:360px;

    border-radius:50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            #262626 0%,
            #151515 48%,
            #0d0d0d 75%,
            #080808 100%
        );

    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.05),

        0 0 80px
        rgba(249,115,22,.10),

        inset 0 0 50px
        rgba(0,0,0,.35);
}


/* ORANGE ROUND BORDER */

.kl-ib-image-circle-border{

    position:absolute;

    width:395px;
    height:395px;

    border:
        1px solid
        rgba(249,115,22,.35);

    border-radius:50%;
}


/* SECOND DASHED BORDER */

.kl-ib-image-circle-border-two{

    position:absolute;

    width:430px;
    height:430px;

    border:
        1px dashed
        rgba(255,255,255,.10);

    border-radius:50%;

    animation:
        klIbRotate
        28s
        linear
        infinite;
}


/* IMAGE HOLDER */

.kl-ib-hero-image-inner{

    position:relative;

    z-index:4;

    width:345px;
    height:345px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    border-radius:50%;
}


/* IMAGE */

.kl-ib-curriculum-hero-image{

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center;

    border-radius:50%;

    display:block;

    filter:
        drop-shadow(
            0 20px 25px
            rgba(0,0,0,.35)
        );

    transition:
        transform .5s ease;
}

.kl-ib-curriculum-hero-image:hover{

    transform:
        scale(1.04);
}


/* =========================================================
   IMAGE DOTS
========================================================= */

.kl-ib-image-dots{

    position:absolute;

    z-index:5;

    right:3%;

    top:18%;

    width:70px;

    display:grid;

    grid-template-columns:
        repeat(3,6px);

    gap:7px;
}

.kl-ib-image-dots span{

    width:5px;
    height:5px;

    display:block;

    border-radius:50%;

    background:
        rgba(249,115,22,.65);
}


/* =========================================================
   INTRO
========================================================= */

.kl-ib-sticky-heading{

    position:sticky;

    top:100px;
}

.kl-ib-section-kicker{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:14px;

    color:var(--ib-orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;
}

.kl-ib-section-kicker > span{

    width:25px;
    height:2px;

    border-radius:10px;

    background:var(--ib-orange);
}

.kl-ib-rich-content p{

    margin-bottom:16px;

    color:var(--ib-text);

    font-size:14px;

    line-height:1.9;
}

.kl-ib-rich-content p:last-child{

    margin-bottom:0;
}


/* =========================================================
   CENTER HEADING
========================================================= */

.kl-ib-heading-center{

    max-width:800px;

    margin:0 auto;

    text-align:center;
}

.kl-ib-heading-center
.kl-ib-section-kicker{

    justify-content:center;
}

.kl-ib-heading-center > p{

    max-width:700px;

    margin:15px auto 0;

    color:var(--ib-muted);

    font-size:13px;

    line-height:1.8;
}


/* =========================================================
   FEATURE CARDS
========================================================= */

.kl-ib-feature-card{

    position:relative;

    height:100%;

    min-height:260px;

    padding:26px 23px;

    overflow:hidden;

    background:#fff;

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

    border-radius:14px;

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

.kl-ib-feature-card::before{

    content:"";

    position:absolute;

    width:150px;
    height:150px;

    right:-80px;
    bottom:-80px;

    border-radius:50%;

    background:
        rgba(249,115,22,.05);

    transition:
        transform .4s ease;
}

.kl-ib-feature-card:hover{

    transform:
        translateY(-6px);

    border-color:
        rgba(249,115,22,.3);

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

.kl-ib-feature-card:hover::before{

    transform:
        scale(1.5);
}

.kl-ib-card-icon{

    width:50px;
    height:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:17px;

    border-radius:11px;

    color:var(--ib-orange);

    background:var(--ib-orange-light);

    font-size:20px;

    transition:all .3s ease;
}

.kl-ib-feature-card:hover
.kl-ib-card-icon{

    color:#fff;

    background:var(--ib-orange);

    transform:
        rotate(-5deg)
        scale(1.04);
}

.kl-ib-card-number{

    position:absolute;

    top:18px;
    right:18px;

    color:#f1f1f1;

    font-size:30px;

    font-weight:800;
}

.kl-ib-feature-card h3{

    position:relative;

    margin-bottom:8px;

    color:var(--ib-black);

    font-size:17px;

    font-weight:700;
}

.kl-ib-feature-card p{

    position:relative;

    margin:0;

    color:var(--ib-muted);

    font-size:12.5px;

    line-height:1.8;
}


/* =========================================================
   PROGRAM CARDS
========================================================= */

.kl-ib-program-card{

    height:100%;

    padding:24px 21px;

    background:#fff;

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

    border-radius:13px;

    transition:all .3s ease;
}

.kl-ib-program-card:hover{

    transform:
        translateY(-6px);

    border-color:
        rgba(249,115,22,.3);

    box-shadow:
        0 16px 32px
        rgba(0,0,0,.07);
}

.kl-ib-program-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:17px;
}

.kl-ib-program-top span{

    color:var(--ib-orange);

    font-size:11px;

    font-weight:800;
}

.kl-ib-program-top i{

    width:40px;
    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:9px;

    color:var(--ib-orange);

    background:var(--ib-orange-light);

    font-size:17px;
}

.kl-ib-program-card h3{

    margin-bottom:8px;

    color:var(--ib-black);

    font-size:16px;
}

.kl-ib-program-card p{

    margin-bottom:15px;

    color:var(--ib-muted);

    font-size:12.5px;

    line-height:1.75;
}

.kl-ib-program-card ul{

    padding:0;
    margin:0;

    list-style:none;
}

.kl-ib-program-card li{

    display:flex;

    align-items:center;

    gap:7px;

    margin-bottom:7px;

    color:#57534e;

    font-size:11.5px;
}

.kl-ib-program-card li i{

    color:var(--ib-orange);
}


/* =========================================================
   LEARNING APPROACH
========================================================= */

.kl-ib-section-description{

    margin:15px 0 0;

    color:var(--ib-text);

    font-size:14px;

    line-height:1.85;
}

.kl-ib-check-list{

    margin-top:23px;
}

.kl-ib-check-list div{

    display:flex;

    align-items:center;

    gap:9px;

    margin-bottom:10px;

    color:var(--ib-text);

    font-size:13px;
}

.kl-ib-check-list i{

    width:26px;
    height:26px;

    min-width:26px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:var(--ib-orange);

    background:#fff;

    font-size:11px;
}

.kl-ib-learning-panel{

    position:relative;

    padding:40px;

    overflow:hidden;

    border-radius:20px;

    color:#fff;

    background:var(--ib-black);

    box-shadow:
        0 22px 45px
        rgba(0,0,0,.12);
}

.kl-ib-learning-panel::before{

    content:"";

    position:absolute;

    width:250px;
    height:250px;

    right:-115px;
    top:-115px;

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

    border-radius:50%;
}

.kl-ib-learning-icon{

    position:relative;

    width:52px;
    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:18px;

    border-radius:11px;

    color:var(--ib-orange);

    background:
        rgba(249,115,22,.13);

    font-size:21px;
}

.kl-ib-learning-panel > span{

    color:var(--ib-orange);

    font-size:9px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;
}

.kl-ib-learning-panel h3{

    max-width:450px;

    margin:11px 0 14px;

    color:#fff;

    font-size:23px;

    line-height:1.4;
}

.kl-ib-learning-panel p{

    margin:0;

    color:#d1d5db;

    font-size:13px;

    line-height:1.8;
}


/* =========================================================
   SUBJECT CARDS
========================================================= */

.kl-ib-subject-card{

    height:100%;

    padding:25px 21px;

    background:#fff;

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

    border-radius:13px;

    transition:all .3s ease;
}

.kl-ib-subject-card:hover{

    transform:
        translateY(-5px);

    border-color:
        rgba(249,115,22,.3);

    box-shadow:
        0 15px 32px
        rgba(0,0,0,.06);
}

.kl-ib-subject-card > i{

    width:46px;
    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:15px;

    border-radius:10px;

    color:var(--ib-orange);

    background:var(--ib-orange-light);

    font-size:19px;
}

.kl-ib-subject-card h3{

    margin-bottom:7px;

    color:var(--ib-black);

    font-size:16px;
}

.kl-ib-subject-card p{

    margin:0;

    color:var(--ib-muted);

    font-size:12.5px;

    line-height:1.75;
}


/* =========================================================
   SKILLS
========================================================= */

.kl-ib-skill-card{

    height:100%;

    padding:23px 20px;

    background:#fff;

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

    border-radius:12px;

    transition:all .3s ease;
}

.kl-ib-skill-card:hover{

    transform:
        translateY(-5px);

    border-color:
        rgba(249,115,22,.25);

    box-shadow:
        0 14px 30px
        rgba(0,0,0,.06);
}

.kl-ib-skill-icon{

    width:43px;
    height:43px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:14px;

    border-radius:9px;

    color:var(--ib-orange);

    background:var(--ib-orange-light);

    font-size:18px;
}

.kl-ib-skill-card h3{

    margin-bottom:6px;

    color:var(--ib-black);

    font-size:15px;
}

.kl-ib-skill-card p{

    margin:0;

    color:var(--ib-muted);

    font-size:12.5px;

    line-height:1.75;
}


/* =========================================================
   DETAILED CONTENT
========================================================= */

.kl-ib-detailed-content{

    max-width:1000px;

    margin:0 auto;
}

.kl-ib-detailed-content p{

    margin:17px 0 0;

    color:var(--ib-text);

    font-size:14px;

    line-height:1.9;
}


/* =========================================================
   FAQ
========================================================= */

.kl-ib-faq{

    max-width:900px;

    margin:38px auto 0;
}

.kl-ib-faq details{

    margin-bottom:10px;

    overflow:hidden;

    background:#fff;

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

    border-radius:11px;

    transition:all .3s ease;
}

.kl-ib-faq details[open]{

    border-color:
        rgba(249,115,22,.3);

    box-shadow:
        0 9px 24px
        rgba(0,0,0,.05);
}

.kl-ib-faq summary{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:18px 20px;

    cursor:pointer;

    list-style:none;

    color:var(--ib-black);

    font-size:13px;

    font-weight:700;
}

.kl-ib-faq summary::-webkit-details-marker{

    display:none;
}

.kl-ib-faq summary i{

    color:var(--ib-orange);

    transition:
        transform .3s ease;
}

.kl-ib-faq details[open]
summary i{

    transform:
        rotate(45deg);
}

.kl-ib-faq details p{

    margin:0;

    padding:
        0 20px 19px;

    color:var(--ib-muted);

    font-size:12.5px;

    line-height:1.8;
}


/* =========================================================
   FINAL CONTACT CTA
   BLACK BACKGROUND
========================================================= */

.kl-ib-final-cta{

    position:relative;

    padding:85px 0;

    overflow:hidden;

    color:#fff;

    background:#080808;
}

.kl-ib-final-cta::before{

    content:"";

    position:absolute;

    width:600px;
    height:600px;

    left:-300px;
    top:-280px;

    border:
        1px solid
        rgba(249,115,22,.08);

    border-radius:50%;
}

.kl-ib-final-glow{

    position:absolute;

    width:500px;
    height:500px;

    right:-260px;
    top:-260px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(249,115,22,.12),
            transparent 68%
        );
}

.kl-ib-final-orbit{

    position:absolute;

    width:390px;
    height:390px;

    right:-180px;
    bottom:-240px;

    border:
        1px dashed
        rgba(249,115,22,.16);

    border-radius:50%;

    animation:
        klIbRotate
        30s
        linear
        infinite;
}

.kl-ib-final-content{

    position:relative;

    z-index:5;

    max-width:850px;

    margin:0 auto;

    text-align:center;
}

.kl-ib-kicker{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    margin-bottom:14px;

    color:var(--ib-orange);

    font-size:10px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;
}

.kl-ib-final-content h2{

    color:#fff;
}

.kl-ib-final-content h2 strong{

    color:var(--ib-orange);
}

.kl-ib-final-content > p{

    max-width:700px;

    margin:15px auto 0;

    color:#a8a8a8;

    font-size:14px;

    line-height:1.8;
}

.kl-ib-final-buttons{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:10px;

    margin-top:25px;
}

.kl-ib-curriculum-btn-white{

    color:#080808;

    background:#fff;

    border:
        1px solid
        #fff;
}

.kl-ib-curriculum-btn-white:hover{

    color:#080808;

    background:#f3f3f3;

    border-color:#f3f3f3;

    transform:
        translateY(-2px);
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes klIbHeroLeft{

    from{

        opacity:0;

        transform:
            translateX(-30px);
    }

    to{

        opacity:1;

        transform:
            translateX(0);
    }
}

@keyframes klIbHeroRight{

    from{

        opacity:0;

        transform:
            translateX(30px)
            scale(.96);
    }

    to{

        opacity:1;

        transform:
            translateX(0)
            scale(1);
    }
}

@keyframes klIbRotate{

    from{

        transform:
            translateY(-50%)
            rotate(0deg);
    }

    to{

        transform:
            translateY(-50%)
            rotate(360deg);
    }
}


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

@media(max-width:1100px){

    .kl-ib-curriculum-hero{

        min-height:530px;

        padding:
            48px 0
            52px;
    }

    .kl-ib-curriculum-hero-image-wrap{

        min-height:390px;
    }

    .kl-ib-image-circle-bg{

        width:320px;
        height:320px;
    }

    .kl-ib-image-circle-border{

        width:350px;
        height:350px;
    }

    .kl-ib-image-circle-border-two{

        width:380px;
        height:380px;
    }

    .kl-ib-hero-image-inner{

        width:305px;
        height:305px;
    }

    .kl-ib-orbit-one{

        right:1%;
    }

    .kl-ib-orbit-two{

        right:calc(1% + 40px);
    }
}


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

@media(max-width:991px){

    .kl-ib-curriculum-hero{

        min-height:auto;

        padding:
            65px 0
            60px;
    }

    .kl-ib-curriculum-hero-content{

        max-width:760px;

        margin:0 auto;

        text-align:center;
    }

    .kl-ib-curriculum-hero h1{

        margin-left:auto;
        margin-right:auto;
    }

    .kl-ib-curriculum-hero-text{

        margin-left:auto;
        margin-right:auto;
    }

    .kl-ib-curriculum-hero-actions{

        justify-content:center;
    }

    .kl-ib-curriculum-trust{

        justify-content:center;
    }

    .kl-ib-curriculum-hero-image-wrap{

        min-height:390px;

        margin-top:20px;
    }

    .kl-ib-sticky-heading{

        position:static;
    }

    .kl-ib-section{

        padding:72px 0;
    }
}


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

@media(max-width:767px){

    .kl-ib-section{

        padding:58px 0;
    }

    .kl-ib-page h2{

        font-size:28px;

        line-height:1.3;
    }

    .kl-ib-curriculum-hero{

        padding:
            45px 0
            48px;
    }

    .kl-ib-curriculum-hero h1{

        font-size:28px;

        line-height:1.3;
    }

    .kl-ib-curriculum-hero-text{

        font-size:13px;

        line-height:1.8;
    }

    .kl-ib-curriculum-hero-small{

        font-size:12px;
    }

    .kl-ib-curriculum-hero-actions{

        flex-direction:column;

        align-items:stretch;

        gap:9px;
    }

    .kl-ib-curriculum-btn{

        width:100%;

        min-height:46px;
    }

    .kl-ib-curriculum-trust{

        flex-direction:column;

        align-items:flex-start;

        width:max-content;

        max-width:100%;

        margin:
            20px auto 0;

        gap:10px;
    }

    .kl-ib-curriculum-hero-image-wrap{

        min-height:315px;

        margin-top:12px;
    }

    .kl-ib-image-circle-bg{

        width:250px;
        height:250px;
    }

    .kl-ib-image-circle-border{

        width:280px;
        height:280px;
    }

    .kl-ib-image-circle-border-two{

        width:305px;
        height:305px;
    }

    .kl-ib-hero-image-inner{

        width:240px;
        height:240px;
    }

    .kl-ib-image-dots{

        right:8%;

        top:13%;
    }

    .kl-ib-orbit-one{

        width:330px;
        height:330px;

        right:-55px;
    }

    .kl-ib-orbit-two{

        width:285px;
        height:285px;

        right:-32px;
    }

    .kl-ib-learning-panel{

        padding:31px 24px;
    }

    .kl-ib-learning-panel h3{

        font-size:21px;
    }

    .kl-ib-final-cta{

        padding:62px 0;
    }

    .kl-ib-final-buttons{

        flex-direction:column;

        align-items:stretch;
    }

}


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

@media(max-width:480px){

    .kl-ib-page h2{

        font-size:25px;
    }

    .kl-ib-curriculum-hero{

        padding:
            38px 0
            42px;
    }

    .kl-ib-curriculum-hero h1{

        font-size:25px;

        letter-spacing:-.4px;
    }

    .kl-ib-curriculum-kicker{

        font-size:9px;

        letter-spacing:.7px;
    }

    .kl-ib-curriculum-hero-image-wrap{

        min-height:275px;
    }

    .kl-ib-image-circle-bg{

        width:215px;
        height:215px;
    }

    .kl-ib-image-circle-border{

        width:240px;
        height:240px;
    }

    .kl-ib-image-circle-border-two{

        width:260px;
        height:260px;
    }

    .kl-ib-hero-image-inner{

        width:205px;
        height:205px;
    }

    .kl-ib-image-dots{

        right:3%;

        top:12%;

        transform:
            scale(.8);
    }

    .kl-ib-learning-panel{

        padding:27px 20px;
    }

    .kl-ib-final-content h2{

        font-size:25px;
    }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media(max-width:360px){

    .kl-ib-curriculum-hero h1{

        font-size:23px;
    }

    .kl-ib-curriculum-hero-image-wrap{

        min-height:245px;
    }

    .kl-ib-image-circle-bg{

        width:190px;
        height:190px;
    }

    .kl-ib-image-circle-border{

        width:215px;
        height:215px;
    }

    .kl-ib-image-circle-border-two{

        width:235px;
        height:235px;
    }

    .kl-ib-hero-image-inner{

        width:180px;
        height:180px;
    }

}


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

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

    .kl-ib-page *,
    .kl-ib-page *::before,
    .kl-ib-page *::after{

        animation:none !important;

        transition:none !important;
    }
}