/* =========================================================
   ADI YOGPEETH
   FINAL COURSE CTA
   PREMIUM FOOTER CTA
   ========================================================= */


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

.course-final-cta {

    position:
        relative;

    padding:
        28px 24px;

    background:
        #ffffff;

    overflow:
        hidden;

}


/* =========================================================
   INNER
   ========================================================= */

.course-final-cta__inner {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1.35fr
        )
        minmax(
            260px,
            .75fr
        );

    align-items:
        center;

    gap:
        45px;

    max-width:
        1280px;

    min-height:
        255px;

    margin:
        0 auto;

    padding:
        43px 48px;

    background:
        linear-gradient(
            105deg,
            #123d32 0%,
            #0d342b 100%
        );

    border-radius:
        15px;

    box-shadow:
        0 18px 45px
        rgba(
            20,
            48,
            40,
            .13
        );

    overflow:
        hidden;

}


/* =========================================================
   TOP GOLD LINE
   ========================================================= */

.course-final-cta__inner::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        7%;

    width:
        86%;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(
                210,
                169,
                88,
                .8
            ),
            transparent
        );

}


/* =========================================================
   LEFT CORNER DECORATION
   ========================================================= */

.course-final-cta__corner {

    position:
        absolute;

    width:
        95px;

    height:
        95px;

    top:
        -35px;

    left:
        -35px;

    border:
        1px solid
        rgba(
            202,
            164,
            82,
            .35
        );

    transform:
        rotate(
            45deg
        );

    opacity:
        .55;

}


/* =========================================================
   MANDALA
   ========================================================= */

.course-final-cta__mandala {

    position:
        absolute;

    right:
        -62px;

    bottom:
        -92px;

    width:
        265px;

    height:
        265px;

    color:
        rgba(
            192,
            151,
            68,
            .30
        );

    pointer-events:
        none;

}


/* =========================================================
   MANDALA SVG
   ========================================================= */

.course-final-cta__mandala svg {

    display:
        block;

    width:
        100%;

    height:
        100%;

}


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

.course-final-cta__content {

    position:
        relative;

    z-index:
        3;

}


/* =========================================================
   EYEBROW
   ========================================================= */

.course-final-cta__eyebrow {

    display:
        block;

    margin-bottom:
        10px;

    color:
        #d1a65a;

    font-size:
        .52rem;

    font-weight:
        700;

    letter-spacing:
        .18em;

    line-height:
        1.2;

    text-transform:
        uppercase;

}


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

.course-final-cta__content h2 {

    max-width:
        570px;

    margin:
        0;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            2rem,
            3vw,
            2.8rem
        );

    font-weight:
        500;

    line-height:
        1.04;

    letter-spacing:
        -.035em;

}


/* =========================================================
   HEADING SECOND LINE
   ========================================================= */

.course-final-cta__content h2 span {

    color:
        #d4ae67;

}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.course-final-cta__description {

    max-width:
        570px;

    margin:
        13px 0 23px;

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

    font-size:
        .62rem;

    line-height:
        1.7;

}


/* =========================================================
   BENEFITS
   ========================================================= */

.course-final-cta__benefits {

    display:
        flex;

    align-items:
        center;

    gap:
        25px;

}


/* =========================================================
   BENEFIT
   ========================================================= */

.course-final-cta__benefit {

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

}


/* =========================================================
   BENEFIT ICON
   ========================================================= */

.course-final-cta__benefit-icon {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        30px;

    height:
        30px;

    flex:
        0 0 30px;

    color:
        #d0a65a;

}


.course-final-cta__benefit-icon svg {

    width:
        24px;

    height:
        24px;

}


.course-final-cta__benefit-icon svg path,
.course-final-cta__benefit-icon svg rect,
.course-final-cta__benefit-icon svg circle {

    stroke:
        currentColor;

    stroke-width:
        1.35;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


/* =========================================================
   BENEFIT TEXT
   ========================================================= */

.course-final-cta__benefit strong,
.course-final-cta__benefit small {

    display:
        block;

}


.course-final-cta__benefit strong {

    color:
        #ffffff;

    font-size:
        .53rem;

    font-weight:
        600;

    line-height:
        1.4;

}


.course-final-cta__benefit small {

    margin-top:
        2px;

    color:
        rgba(
            255,
            255,
            255,
            .57
        );

    font-size:
        .46rem;

    line-height:
        1.3;

}


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

.course-final-cta__actions {

    position:
        relative;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        stretch;

    width:
        100%;

    max-width:
        260px;

    margin-left:
        auto;

    z-index:
        4;

}


/* =========================================================
   BUTTON
   ========================================================= */

.course-final-cta__button {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    width:
        100%;

    min-height:
        39px;

    padding:
        0 18px;

    border-radius:
        6px;

    font-size:
        .56rem;

    font-weight:
        700;

    letter-spacing:
        .035em;

    text-decoration:
        none;

    text-transform:
        uppercase;

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

}


.course-final-cta__button:hover {

    transform:
        translateY(-2px);

}


/* =========================================================
   BUTTON SVG
   ========================================================= */

.course-final-cta__button svg {

    width:
        18px;

    height:
        18px;

    flex:
        0 0 18px;

}


.course-final-cta__button svg path,
.course-final-cta__button svg rect {

    stroke:
        currentColor;

    stroke-width:
        1.55;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


/* =========================================================
   PRIMARY BUTTON
   ========================================================= */

.course-final-cta__button--primary {

    color:
        #ffffff;

    background:
        linear-gradient(
            135deg,
            #d6a94e,
            #b9842d
        );

    border:
        1px solid
        rgba(
            255,
            214,
            130,
            .65
        );

    box-shadow:
        0 8px 20px
        rgba(
            0,
            0,
            0,
            .16
        );

}


/* =========================================================
   PRIMARY HOVER
   ========================================================= */

.course-final-cta__button--primary:hover {

    background:
        linear-gradient(
            135deg,
            #e0b65e,
            #c18d35
        );

    box-shadow:
        0 11px 25px
        rgba(
            0,
            0,
            0,
            .22
        );

}


/* =========================================================
   OUTLINE BUTTON
   ========================================================= */

.course-final-cta__button--outline {

    color:
        #ffffff;

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

    border:
        1px solid
        rgba(
            216,
            181,
            108,
            .55
        );

}


/* =========================================================
   OUTLINE HOVER
   ========================================================= */

.course-final-cta__button--outline:hover {

    background:
        rgba(
            216,
            181,
            108,
            .10
        );

    border-color:
        #d3a85c;

}


/* =========================================================
   OR DIVIDER
   ========================================================= */

.course-final-cta__or {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    height:
        25px;

}


.course-final-cta__or span {

    width:
        65px;

    height:
        1px;

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

}


.course-final-cta__or small {

    color:
        rgba(
            255,
            255,
            255,
            .45
        );

    font-size:
        .43rem;

    letter-spacing:
        .1em;

}


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

@media (max-width: 1000px) {

    .course-final-cta {

        padding:
            25px 18px;

    }


    .course-final-cta__inner {

        grid-template-columns:
            1fr;

        gap:
            30px;

        padding:
            40px;

    }


    .course-final-cta__actions {

        max-width:
            360px;

        margin:
            0;

    }


    .course-final-cta__benefits {

        flex-wrap:
            wrap;

    }

}


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

@media (max-width: 767px) {

    .course-final-cta {

        padding:
            18px 12px;

    }


    .course-final-cta__inner {

        display:
            block;

        min-height:
            auto;

        padding:
            34px 24px 30px;

        border-radius:
            12px;

    }


    .course-final-cta__mandala {

        width:
            200px;

        height:
            200px;

        right:
            -65px;

        bottom:
            -65px;

        opacity:
            .65;

    }


    .course-final-cta__eyebrow {

        margin-bottom:
            9px;

        font-size:
            .46rem;

    }


    .course-final-cta__content h2 {

        max-width:
            320px;

        font-size:
            2rem;

        line-height:
            1.05;

    }


    .course-final-cta__description {

        margin:
            13px 0 22px;

        max-width:
            390px;

        font-size:
            .57rem;

    }


    /* =====================================================
       BENEFITS
       ===================================================== */

    .course-final-cta__benefits {

        display:
            grid;

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

        gap:
            8px;

        margin-bottom:
            27px;

    }


    .course-final-cta__benefit {

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            5px;

    }


    .course-final-cta__benefit-icon {

        width:
            27px;

        height:
            27px;

    }


    .course-final-cta__benefit-icon svg {

        width:
            22px;

        height:
            22px;

    }


    .course-final-cta__benefit strong {

        font-size:
            .49rem;

    }


    .course-final-cta__benefit small {

        font-size:
            .42rem;

    }


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

    .course-final-cta__actions {

        max-width:
            none;

    }


    .course-final-cta__button {

        min-height:
            44px;

        font-size:
            .53rem;

    }

}


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

@media (max-width: 420px) {

    .course-final-cta__inner {

        padding:
            30px 19px 25px;

    }


    .course-final-cta__content h2 {

        font-size:
            1.75rem;

    }


    .course-final-cta__benefits {

        grid-template-columns:
            1fr;

        gap:
            12px;

    }


    .course-final-cta__benefit {

        flex-direction:
            row;

        align-items:
            center;

    }


    .course-final-cta__benefit-icon {

        flex:
            0 0 27px;

    }

}


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

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

    .course-final-cta__button,
    .course-final-cta__benefit-icon {

        transition:
            none;

    }

}