* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
        }


        /* =========================================================
           MAIN SLIDER
        ========================================================= */

        .sankalp-slider {

            position: relative;

            width: 100%;

            height: 650px;

            overflow: hidden;

            background: #000;
        }


        /* =========================================================
           SINGLE SLIDE
        ========================================================= */

        .sankalp-slide {

            position: absolute;

            top: 0;
            left: 0;

            width: 100%;
            height: 100%;

            opacity: 0;

            visibility: hidden;

            transition:
                opacity 0.8s ease,
                visibility 0.8s ease;

            z-index: 1;
        }


        .sankalp-slide.active {

            opacity: 1;

            visibility: visible;

            z-index: 2;
        }


        /* =========================================================
           BACKGROUND IMAGE
        ========================================================= */

        .sankalp-slide-bg {

            position: absolute;

            top: 0;
            left: 0;

            width: 100%;
            height: 100%;

            background-size: cover;

            background-position: center center;

            background-repeat: no-repeat;

            transform: scale(1.03);

            transition: transform 6s ease;
        }


        .sankalp-slide.active .sankalp-slide-bg {

            transform: scale(1);
        }


        /* =========================================================
           DARK OVERLAY
        ========================================================= */

        .sankalp-slide::after {

            content: "";

            position: absolute;

            inset: 0;

            background: linear-gradient(
                90deg,
                rgba(0, 0, 0, 0.52) 0%,
                rgba(0, 0, 0, 0.28) 42%,
                rgba(0, 0, 0, 0.05) 78%
            );

            z-index: 1;

            pointer-events: none;
        }


        /* =========================================================
           CONTENT WRAPPER
           
           IMPORTANT:
           height 850px NAHI.
           Slider ke andar hi 100% rahega.
        ========================================================= */

        .sankalp-slide-content-wrap {

            position: relative;

            width: 100%;

            max-width: 1450px;

            height: 100%;

            margin: 0 auto;

            padding: 0 35px;

            display: flex;

            align-items: center;

            z-index: 3;
        }


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

        .sankalp-slide-content {

            width: 100%;

            max-width: 900px;

            color: #ffffff;

            position: relative;

            z-index: 5;
            padding: 274px 0 0;
        }


        /* =========================================================
           WELCOME BOX
        ========================================================= */

        .sankalp-welcome {

            display: inline-block;

            background: #16b83e;

            color: #ffffff;

            padding: 6px 18px;

            font-size: 18px;

            font-weight: 500;

            line-height: 1.2;

            margin-bottom: 12px;

            opacity: 0;

            transform: translateX(-100px);
        }


        /* =========================================================
           TITLE
        ========================================================= */

        .sankalp-title {

            color: #ffffff;

            font-size: 52px;
            padding: 10px 0;
            line-height: 1.05;

            font-weight: 800;

            max-width: 900px;

            margin: 0 0 28px 0;

            opacity: 0;

            transform: translateX(-120px);

            text-shadow:
                0 2px 4px rgba(0, 0, 0, 0.25),
                0 3px 10px rgba(0, 0, 0, 0.18);
        }


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

        .sankalp-btn-holder {

            display: block;

            width: 100%;

            position: relative;

            overflow: visible;
        }


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

        .sankalp-btn {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            min-width: 155px;

            height: 49px;

            padding: 0 25px;

            background: #004487;

            border: 2px solid rgba(255, 255, 255, 0.31);

            border-radius: 5px;

            color: #ffffff;

            font-size: 14px;

            font-weight: 700;

            text-decoration: none;

            opacity: 0;

            transform: translateY(30px);

            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        }


        .sankalp-btn:hover {

            background: #16b83e;

            color: #ffffff;
        }


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

        /* FIRST */

        .sankalp-slide.active .sankalp-welcome {

            animation:
                sankalpWelcomeLeft 0.7s ease 0.2s forwards;
        }


        /* SECOND */

        .sankalp-slide.active .sankalp-title {

            animation:
                sankalpTitleLeft 0.85s ease 0.75s forwards;
        }


        /* THIRD */

        .sankalp-slide.active .sankalp-btn {

            animation:
                sankalpButtonBottom 0.75s ease 1.45s forwards;
        }


        /* =========================================================
           WELCOME ANIMATION
        ========================================================= */

        @keyframes sankalpWelcomeLeft {

            0% {

                opacity: 0;

                transform: translateX(-100px);
            }


            100% {

                opacity: 1;

                transform: translateX(0);
            }

        }


        /* =========================================================
           TITLE ANIMATION
        ========================================================= */

        @keyframes sankalpTitleLeft {

            0% {

                opacity: 0;

                transform: translateX(-120px);
            }


            100% {

                opacity: 1;

                transform: translateX(0);
            }

        }


        /* =========================================================
           BUTTON ANIMATION
           
           Button apni final position par hi rukega.
        ========================================================= */

        @keyframes sankalpButtonBottom {

            0% {

                opacity: 0;

                transform: translateY(30px);
            }


            100% {

                opacity: 1;

                transform: translateY(0);
            }

        }


        /* =========================================================
           ARROWS
        ========================================================= */

        .sankalp-slider-arrow {

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

            width: 65px;

            height: 65px;
                border-radius: 50px;

            border: none;

            outline: none;

            background: rgba(0, 0, 0, 0.20);

            color: #ffffff;

            font-size: 24px;

            line-height: 1;

            cursor: pointer;

            z-index: 20;

            display: flex;

            align-items: center;

            justify-content: center;

            transition: background 0.3s ease;
        }


        .sankalp-slider-arrow:hover {

            background: rgba(0, 0, 0, 0.60);
        }


        .sankalp-prev {

            left: 18px;
        }


        .sankalp-next {

            right: 18px;
        }


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

        @media (max-width: 1199px) {

            .sankalp-slider {

                height: 600px;
            }


            .sankalp-slide-content-wrap {

                height: 100%;

                padding-left: 55px;

                padding-right: 55px;
            }


            .sankalp-title {

                font-size: 54px;

                max-width: 780px;
            }

        }


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

        @media (max-width: 991px) {

            .sankalp-slider {

                height: 560px;
            }


            .sankalp-slide-content-wrap {

                height: 100%;

                padding-left: 55px;

                padding-right: 55px;

                align-items: center;
            }


            .sankalp-slide-content {

                max-width: 700px;
            }


            .sankalp-welcome {

                font-size: 18px;
            }


            .sankalp-title {

                font-size: 46px;

                line-height: 1.08;

                margin-bottom: 24px;
            }

        }


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

        @media (max-width: 767px) {

            .sankalp-slider {

                height: 500px;

                min-height: 500px;
            }


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

            .sankalp-slide-bg {

                background-position: center center;

                background-size: cover;
            }


            /* -----------------------------------------------------
               MOBILE DARK OVERLAY

               Text readable rahega.
            ----------------------------------------------------- */

            .sankalp-slide::after {

                background: linear-gradient(
                    90deg,
                    rgba(0, 0, 0, 0.62) 0%,
                    rgba(0, 0, 0, 0.43) 55%,
                    rgba(0, 0, 0, 0.15) 100%
                );
            }


            /* -----------------------------------------------------
               IMPORTANT MOBILE FIX
            ----------------------------------------------------- */

            .sankalp-slide-content-wrap {

                width: 100%;

                height: 100%;

                min-height: 100%;

                padding: 0 50px;

                display: flex;

                align-items: center;

                justify-content: flex-start;
            }


            .sankalp-slide-content {

                width: 100%;

                max-width: 100%;

                margin: 0;

                padding: 0;

                position: relative;

                z-index: 10;
            }


            /* -----------------------------------------------------
               WELCOME
            ----------------------------------------------------- */

            .sankalp-welcome {

                display: inline-block;

                font-size: 16px;

                line-height: 1.2;

                padding: 7px 12px;

                margin-bottom: 12px;

                color: #ffffff;

                background: #16b83e;
            }


            /* -----------------------------------------------------
               TITLE
            ----------------------------------------------------- */

            .sankalp-title {

                display: block;

                width: 100%;

                max-width: 500px;

                font-size: 38px;

                line-height: 1.10;

                font-weight: 800;

                color: #ffffff;

                margin: 0 0 22px 0;

                word-break: normal;

                overflow-wrap: normal;
            }


            /* -----------------------------------------------------
               BUTTON
            ----------------------------------------------------- */

            .sankalp-btn-holder {

                display: block;

                width: 100%;
            }


            .sankalp-btn {

                min-width: 145px;

                height: 47px;

                padding: 0 20px;

                font-size: 14px;

                color: #ffffff;
            }


            /* -----------------------------------------------------
               ARROWS
            ----------------------------------------------------- */

            .sankalp-slider-arrow {

                width: 34px;

                height: 40px;

                font-size: 23px;

                background: rgba(0, 0, 0, 0.38);
            }


            .sankalp-prev {

                left: 6px;
            }


            .sankalp-next {

                right: 6px;
            }

        }


        /* =========================================================
           MOBILE 576px
        ========================================================= */

        @media (max-width: 575px) {

            .sankalp-slider {

                height: 460px;

                min-height: 460px;
            }


            .sankalp-slide-content-wrap {

                height: 100%;

                padding-left: 42px;

                padding-right: 42px;

                align-items: center;
            }


            .sankalp-welcome {

                font-size: 14px;

                padding: 6px 10px;

                margin-bottom: 10px;
            }


            .sankalp-title {

                font-size: 31px;

                line-height: 1.12;

                margin-bottom: 20px;
            }


            .sankalp-btn {

                min-width: 135px;

                height: 44px;

                padding: 0 17px;

                font-size: 13px;
            }

        }


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

        @media (max-width: 420px) {

            .sankalp-slider {

                height: 430px;

                min-height: 430px;
            }


            .sankalp-slide-content-wrap {

                height: 100%;

                padding-left: 40px;

                padding-right: 40px;
            }


            .sankalp-welcome {

                font-size: 13px;
            }


            .sankalp-title {

                font-size: 27px;

                line-height: 1.13;

                margin-bottom: 18px;
            }


            .sankalp-btn {

                min-width: 130px;

                height: 42px;

                font-size: 12px;
            }


            .sankalp-slider-arrow {

                width: 30px;

                height: 36px;

                font-size: 20px;
            }


            .sankalp-prev {

                left: 4px;
            }


            .sankalp-next {

                right: 4px;
            }

        }


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

        @media (max-width: 360px) {

            .sankalp-slider {

                height: 410px;

                min-height: 410px;
            }


            .sankalp-slide-content-wrap {

                padding-left: 36px;

                padding-right: 36px;
            }


            .sankalp-title {

                font-size: 24px;
            }


            .sankalp-welcome {

                font-size: 12px;
            }

        }















/* =========================================================
   SANKALP ABOUT SECTION
========================================================= */

.sankalp-about-section {
    width: 100%;
    padding: 20px 0px 10px;
    background: #ffffff;
    box-sizing: border-box;
}

.sankalp-about-container {
    width: 100%;
    max-width: 1332px;
    margin: 0 auto;

    display: grid;

    /* SAME DESIGN + PROPER GAP */
    grid-template-columns:
        calc(48% - 32.5px)
        calc(52% - 32.5px);

    align-items: center;

    gap: 68px;
}


/* =========================================================
   LEFT SIDE
========================================================= */

.sankalp-about-left {
    width: 100%;
}

.sankalp-main-image {
    width: 100%;
    height: 646px;
    overflow: hidden;
}

.sankalp-main-image img {
    /* width: 100%; */
    height: 100%;
    object-fit: cover;
    display: block;
}


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

.sankalp-about-right {
    width: 100%;
}

.sankalp-about-title {
    margin: 0 0 22px 0;

    color: #1CA53E;

    font-size: 46px;
    line-height: 1;
    font-weight: 700;

    font-family: Arial, Helvetica, sans-serif;
}

.sankalp-about-title span {
    display: block;
    color: #00306E;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.sankalp-about-text {
    margin: 0;

    max-width: 602px;

    color: #4D5765;

    font-size: 19px;
    line-height: 1.9;
    font-weight: 400;

    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   BOTTOM AREA
========================================================= */

.sankalp-about-bottom {
    margin-top: 20px;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    gap: 120px;
}


/* =========================================================
   READ MORE BUTTON
========================================================= */

.sankalp-read-btn {
    min-width: 135px;
    height: 53px;

    padding: 0 30px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    border: 1px solid #d8dee6;
    border-radius: 4px;

    text-decoration: none;

    color: #003d7c;

    font-size: 14px;
    font-weight: 600;

    font-family: Arial, Helvetica, sans-serif;

    background: #ffffff;

    box-sizing: border-box;

    transition: all 0.3s ease;
}

.sankalp-read-btn:hover {
    background: #1CA53E;
    color: #ffffff;
    border-color: #1CA53E;
}

.sankalp-read-btn svg {
    flex-shrink: 0;
}


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

.sankalp-support-box {
    display: flex;
    align-items: center;

    gap: 15px;
}


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

.sankalp-support-icon {
    position: relative;

    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.sankalp-support-icon::before {
    content: "";

    position: absolute;

    width: 38px;
    height: 38px;

    border-radius: 50%;

    background: #edf2f6;

    left: 0;
    top: 3px;
}

.sankalp-support-icon svg {
    position: relative;
    z-index: 2;

    width: 80px;
    height: 80px;

    margin-left: 10px;
}


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

.sankalp-support-content {
    display: flex;
    flex-direction: column;

    gap: 5px;
}

.sankalp-support-label {
    color: #8b8b8b;

    font-size: 12px;
    line-height: 1;

    font-family: Arial, Helvetica, sans-serif;
}

.sankalp-support-content a {
    color: #1CA53E;

    font-size: 16px;
    font-weight: 600;

    text-decoration: none;

    font-family: Arial, Helvetica, sans-serif;
}

.sankalp-support-content a:hover {
    color: #003d7c;
}


/* =========================================================
   LAPTOP
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-about-container {

        grid-template-columns:
            calc(40% - 20px)
            calc(60% - 20px);

        gap: 40px;
    }

    .sankalp-main-image {
        height: 470px;
    }

    .sankalp-about-title {
        font-size: 34px;
    }

    .sankalp-about-text {
        font-size: 15px;
        line-height: 1.8;
    }

    .sankalp-about-bottom {
        gap: 60px;
    }

}


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

@media only screen and (max-width: 991px) {

    .sankalp-about-section {
        padding: 55px 20px;
    }

    .sankalp-about-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .sankalp-about-left {
        width: 100%;
    }

    .sankalp-main-image {
        width: 100%;
        height: 500px;
    }

    .sankalp-about-right {
        width: 100%;
    }

    .sankalp-about-title {
        font-size: 36px;
    }

    .sankalp-about-text {
        max-width: 100%;
    }

    .sankalp-about-bottom {
        gap: 70px;
    }

}


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

@media only screen and (max-width: 767px) {

    .sankalp-about-section {
        padding: 40px 15px;
    }

    .sankalp-about-container {
        gap: 28px;
    }

    .sankalp-main-image {
        height: 350px;
    }

    .sankalp-about-title {
        font-size: 30px;
        line-height: 1.2;

        margin-bottom: 18px;
    }

    .sankalp-about-text {
        font-size: 15px;
        line-height: 1.75;
    }

    .sankalp-about-bottom {
        margin-top: 25px;

        flex-direction: column;
        align-items: flex-start;

        gap: 25px;
    }

    .sankalp-support-box {
        width: 100%;
    }

}


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

@media only screen and (max-width: 575px) {

    .sankalp-about-section {
        padding: 35px 12px;
    }

    .sankalp-main-image {
        height: 285px;
    }

    .sankalp-about-title {
        font-size: 26px;
    }

    .sankalp-about-text {
        font-size: 14px;
        line-height: 1.7;
    }

    .sankalp-read-btn {
        min-width: 130px;
        height: 42px;
        padding: 0 20px;
    }

    .sankalp-support-content a {
        font-size: 12px;
        word-break: break-word;
    }

}


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

@media only screen and (max-width: 375px) {

    .sankalp-main-image {
        height: 240px;
    }

    .sankalp-about-title {
        font-size: 23px;
    }

    .sankalp-support-icon {
        width: 48px;
        height: 48px;
    }

    .sankalp-support-icon svg {
        width: 43px;
        height: 43px;
    }

    .sankalp-support-content a {
        font-size: 11.5px;
    }

}














     /* =========================================================
   VISION MISSION GOALS SECTION
========================================================= */

.sankalp-vmg-section {
    width: 100%;
    background: #073a78;
    padding: 80px 20px;
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-vmg-container {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;

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

    gap: 30px;
}


/* =========================================================
   CARD
========================================================= */

.sankalp-vmg-card {
    width: 100%;
    min-height: 343px;

    background: #94abc7;

    border-radius: 20px;

    padding: 44px 40px 35px;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


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

.sankalp-vmg-icon {
    width: 80px;
    height: 80px;

    border-radius: 50%;

    background: #b7c8dc;

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

    margin-bottom: 26px;

    box-shadow:
        inset 0 0 0 3px rgba(255, 255, 255, 0.12);
}

.sankalp-vmg-icon svg {
    width: 80%;
    height: AUTO;
    display: block;
}


/* =========================================================
   TITLE
========================================================= */

.sankalp-vmg-card h3 {
    margin: 0 0 14px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;

    color: #003878;
}
.sankalp-vmg-card h3:hover{
    color: #1CA53E;
}

.sankalp-vmg-card:hover {
   box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

/* =========================================================
   PARAGRAPH
========================================================= */

.sankalp-vmg-card p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;

    color: #003878;
}


/* =========================================================
   LARGE TABLET / SMALL LAPTOP
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-vmg-section {
        padding: 70px 25px;
    }

    .sankalp-vmg-container {
        max-width: 1000px;
        gap: 24px;
    }

    .sankalp-vmg-card {
        min-height: 330px;
        padding: 38px 32px 32px;
    }

    .sankalp-vmg-icon {
        width: 74px;
        height: 74px;
    }

    .sankalp-vmg-icon svg {
        width: 39px;
        height: 39px;
    }

    .sankalp-vmg-card h3 {
        font-size: 22px;
    }

    .sankalp-vmg-card p {
        font-size: 15px;
    }

}


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

@media only screen and (max-width: 991px) {

    .sankalp-vmg-section {
        padding: 60px 20px;
    }

    .sankalp-vmg-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .sankalp-vmg-card {
        min-height: 320px;
    }

}


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

@media only screen and (max-width: 767px) {

    .sankalp-vmg-section {
        padding: 45px 15px;
    }

    .sankalp-vmg-container {
        grid-template-columns: 1fr;
        gap: 22px;
        max-width: 500px;
    }

    .sankalp-vmg-card {
        min-height: auto;
        padding: 35px 30px 32px;
        border-radius: 18px;
    }

    .sankalp-vmg-icon {
        width: 70px;
        height: 70px;
        margin-bottom: 22px;
    }

    .sankalp-vmg-icon svg {
        width: 37px;
        height: 37px;
    }

    .sankalp-vmg-card h3 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .sankalp-vmg-card p {
        font-size: 15px;
        line-height: 1.7;
    }

}


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

@media only screen and (max-width: 480px) {

    .sankalp-vmg-section {
        padding: 35px 12px;
    }

    .sankalp-vmg-container {
        gap: 18px;
    }

    .sankalp-vmg-card {
        padding: 30px 24px 28px;
        border-radius: 16px;
    }

    .sankalp-vmg-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 20px;
    }

    .sankalp-vmg-icon svg {
        width: 34px;
        height: 34px;
    }

    .sankalp-vmg-card h3 {
        font-size: 21px;
    }

    .sankalp-vmg-card p {
        font-size: 14px;
        line-height: 1.65;
    }

}


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

@media only screen and (max-width: 360px) {

    .sankalp-vmg-card {
        padding: 26px 20px;
    }

    .sankalp-vmg-icon {
        width: 60px;
        height: 60px;
    }

    .sankalp-vmg-icon svg {
        width: 32px;
        height: 32px;
    }

    .sankalp-vmg-card h3 {
        font-size: 20px;
    }

    .sankalp-vmg-card p {
        font-size: 13.5px;
    }

}   
















/* =========================================================
   STRENGTH OF STUDENT SECTION
========================================================= */

.sankalp-strength-section {
    width: 100%;
    padding: 75px 20px 95px;
    background: #ffffff;
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-strength-container {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
}


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

.sankalp-strength-heading {
    text-align: center;
    margin-bottom: 40px;
}

.sankalp-strength-heading h2 {
    margin: 0;
    color: #00306E;
    font-size: 45px;
    line-height: 1.15;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}

.sankalp-heading-shape {
    width: 145px;
    margin: 4px auto 0;
}

.sankalp-heading-shape svg {
    width: 100%;
    height: auto;
    display: block;
}


/* =========================================================
   CARDS GRID
========================================================= */

.sankalp-strength-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}


/* =========================================================
   CARD
========================================================= */

.sankalp-strength-card {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: #111;
    box-sizing: border-box;
    cursor: pointer;
}


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

.sankalp-strength-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;

    transition:
        transform 0.45s ease,
        filter 0.45s ease;
}


/* =========================================================
   DARK BOTTOM GRADIENT EFFECT
========================================================= */

.sankalp-strength-overlay {
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 30%,
        rgba(0, 0, 0, 0.05) 45%,
        rgba(0, 0, 0, 0.22) 58%,
        rgba(0, 0, 0, 0.48) 72%,
        rgba(0, 0, 0, 0.75) 86%,
        rgba(0, 0, 0, 0.95) 100%
    );

    transition: background 0.4s ease;
    pointer-events: none;
}


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

.sankalp-strength-content {
    position: absolute;
    left: 26px;
    right: 20px;
    bottom: 38px;
    z-index: 2;
}


/* =========================================================
   TITLE LINK
========================================================= */

.sankalp-strength-title {
    display: inline-block;
    margin-bottom: 6px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.3s ease;
}

.sankalp-strength-title:hover {
    color: #ffffff;
}


/* =========================================================
   LEARN MORE LINK
========================================================= */

.sankalp-learn-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    text-decoration: none;
}

.sankalp-learn-more span {
    font-size: 22px;
    line-height: 1;
    transition: transform 0.3s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

.sankalp-strength-card:hover img {
    transform: scale(1.08);
    filter: brightness(0.72);
}

.sankalp-strength-card:hover .sankalp-strength-overlay {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.15) 0%,
        rgba(0, 0, 0, 0.20) 35%,
        rgba(0, 0, 0, 0.35) 55%,
        rgba(0, 0, 0, 0.58) 70%,
        rgba(0, 0, 0, 0.82) 86%,
        rgba(0, 0, 0, 0.97) 100%
    );
}

.sankalp-strength-card:hover .sankalp-learn-more span {
    transform: translateX(5px);
}


/* =========================================================
   LAPTOP
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-strength-container {
        max-width: 1000px;
    }

    .sankalp-strength-grid {
        gap: 24px;
    }

    .sankalp-strength-card {
        height: 290px;
    }

    .sankalp-strength-content {
        left: 22px;
        bottom: 34px;
    }

    .sankalp-strength-title {
        font-size: 18px;
    }
}


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

@media only screen and (max-width: 991px) {

    .sankalp-strength-section {
        padding: 60px 20px 70px;
    }

    .sankalp-strength-heading h2 {
        font-size: 40px;
    }

    .sankalp-strength-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .sankalp-strength-card {
        height: 320px;
    }
}


/* =========================================================
   MOBILE
   FULL IMAGE - NO CROP
========================================================= */

@media only screen and (max-width: 767px) {

    .sankalp-strength-section {
        padding: 45px 15px 55px;
    }

    .sankalp-strength-heading {
        margin-bottom: 30px;
    }

    .sankalp-strength-heading h2 {
        font-size: 34px;
    }

    .sankalp-heading-shape {
        width: 140px;
    }

    .sankalp-strength-grid {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin: 0 auto;
        gap: 22px;
    }

    .sankalp-strength-card {
        width: 100%;
        height: auto;
        min-height: 0;
        background: #111;
        overflow: hidden;
    }

    .sankalp-strength-card img {
        width: 100%;
        height: auto;
        max-height: none;

        object-fit: contain;
        object-position: center;

        display: block;
    }

    .sankalp-strength-content {
        left: 28px;
        right: 20px;
        bottom: 28px;
    }

    .sankalp-strength-title {
        font-size: 20px;
    }

    /* Mobile me full image visible rahe */
    .sankalp-strength-card:hover img {
        transform: none;
        filter: brightness(0.72);
    }
}


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

@media only screen and (max-width: 480px) {

    .sankalp-strength-section {
        padding: 38px 12px 45px;
    }

    .sankalp-strength-heading h2 {
        font-size: 29px;
    }

    .sankalp-heading-shape {
        width: 125px;
    }

    .sankalp-strength-card {
        width: 100%;
        height: auto;
    }

    .sankalp-strength-card img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .sankalp-strength-content {
        left: 24px;
        right: 18px;
        bottom: 26px;
    }

    .sankalp-strength-title {
        font-size: 19px;
    }

    .sankalp-learn-more {
        font-size: 13px;
    }
}


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

@media only screen and (max-width: 360px) {

    .sankalp-strength-heading h2 {
        font-size: 26px;
    }

    .sankalp-strength-card {
        width: 100%;
        height: auto;
    }

    .sankalp-strength-card img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .sankalp-strength-content {
        left: 20px;
        right: 15px;
        bottom: 22px;
    }

    .sankalp-strength-title {
        font-size: 18px;
    }
}










/* =========================================================
   OUR FACILITIES SECTION
========================================================= */

.sankalp-facilities-section {
    width: 100%;
    padding: 40px 10px 132px;
    background: #ffffff;
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-facilities-container {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
}


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

.sankalp-facilities-heading {
    text-align: center;
    margin-bottom: 25px;
}

.sankalp-facilities-heading h2 {
    margin: 0;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 45px;
    line-height: 1.15;
    font-weight: 700;
}


/* =========================================================
   GREEN SHAPE
========================================================= */

.sankalp-facilities-shape {
    width: 145px;
    margin: 3px auto 0;
}

.sankalp-facilities-shape svg {
    width: 100%;
    height: auto;
    display: block;
}


/* =========================================================
   SLIDER WRAPPER
========================================================= */

.sankalp-facilities-slider-wrap {
    position: relative;
    width: 100%;
}


/* =========================================================
   SLIDER
========================================================= */

.sankalp-facilities-slider {
    width: 100%;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;

    scrollbar-width: none;

    -ms-overflow-style: none;
}

.sankalp-facilities-slider::-webkit-scrollbar {
    display: none;
}


/* =========================================================
   SLIDER TRACK
========================================================= */

.sankalp-facilities-track {
    display: flex;
    align-items: stretch;

    gap: 30px;

    width: max-content;
}


/* =========================================================
   FACILITY CARD
========================================================= */

.sankalp-facility-card {
    width: 197px;
    height: 183px;

    flex: 0 0 197px;

    background: #f5f5f5;

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

    padding: 20px 12px;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

.sankalp-facility-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   FACILITY IMAGE
========================================================= */

.sankalp-facility-image {
    width: 90px;
    height: 90px;

    flex-shrink: 0;

    overflow: hidden;

    margin-bottom: 18px;
}

.sankalp-facility-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    display: block;

    transition: transform 0.4s ease;
}

.sankalp-facility-card:hover .sankalp-facility-image img {
    transform: scale(1.06);
}


/* =========================================================
   FACILITY TITLE
========================================================= */

.sankalp-facility-card h3 {
    margin: 0;

    color: #000000;

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
}


/* =========================================================
   LEFT / RIGHT ARROWS
========================================================= */

.sankalp-facilities-arrow {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 42px;
    height: 42px;

    padding: 0;

    border: none;
    outline: none;

    background: transparent;

    color: #222222;

    font-size: 38px;
    font-weight: 300;
    line-height: 1;

    cursor: pointer;

    z-index: 20;

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

    transition: color 0.3s ease;
}

.sankalp-facilities-arrow:hover {
    color: #00885b;
}


/* =========================================================
   LEFT ARROW
========================================================= */

.sankalp-facilities-prev {
    left: 25px;
}


/* =========================================================
   RIGHT ARROW
========================================================= */

.sankalp-facilities-next {
    right: 25px;
}


/* =========================================================
   LAPTOP
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-facilities-section {
        padding: 45px 20px 50px;
    }

    .sankalp-facilities-heading h2 {
        font-size: 44px;
    }

    .sankalp-facilities-track {
        gap: 25px;
    }

    .sankalp-facility-card {
        width: 190px;
        flex: 0 0 190px;
    }

}


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

@media only screen and (max-width: 991px) {

    .sankalp-facilities-section {
        padding: 45px 20px;
    }

    .sankalp-facilities-heading {
        margin-bottom: 28px;
    }

    .sankalp-facilities-heading h2 {
        font-size: 38px;
    }

    .sankalp-facilities-shape {
        width: 145px;
    }

    .sankalp-facilities-track {
        gap: 22px;
    }

    .sankalp-facility-card {
        width: 190px;
        height: 183px;

        flex: 0 0 190px;
    }

    .sankalp-facilities-prev {
        left: 5px;
    }

    .sankalp-facilities-next {
        right: 5px;
    }

}


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

@media only screen and (max-width: 767px) {

    .sankalp-facilities-section {
        padding: 40px 15px;
    }

    .sankalp-facilities-heading {
        margin-bottom: 25px;
    }

    .sankalp-facilities-heading h2 {
        font-size: 34px;
    }

    .sankalp-facilities-shape {
        width: 135px;
    }

    .sankalp-facilities-slider {
        padding: 0 5px;

        box-sizing: border-box;

        scroll-snap-type: x proximity;

        -webkit-overflow-scrolling: touch;
    }

    .sankalp-facilities-track {
        gap: 18px;
    }

    .sankalp-facility-card {
        width: 180px;
        height: 175px;

        flex: 0 0 180px;

        padding: 18px 10px;

        scroll-snap-align: start;
    }

    .sankalp-facility-image {
        width: 88px;
        height: 88px;

        margin-bottom: 16px;
    }

    .sankalp-facility-card h3 {
        font-size: 15px;
    }

    .sankalp-facilities-arrow {
        width: 35px;
        height: 35px;

        font-size: 32px;
    }

    .sankalp-facilities-prev {
        left: 0;
    }

    .sankalp-facilities-next {
        right: 0;
    }

}


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

@media only screen and (max-width: 480px) {

    .sankalp-facilities-section {
        padding: 35px 12px;
    }

    .sankalp-facilities-heading h2 {
        font-size: 29px;
    }

    .sankalp-facilities-shape {
        width: 125px;
    }

    .sankalp-facilities-slider {
        padding-left: 5px;
        padding-right: 5px;
    }

    .sankalp-facilities-track {
        gap: 15px;
    }

    .sankalp-facility-card {
        width: 165px;
        height: 170px;

        flex: 0 0 165px;

        padding: 17px 10px;
    }

    .sankalp-facility-image {
        width: 85px;
        height: 85px;

        margin-bottom: 15px;
    }

    .sankalp-facility-card h3 {
        font-size: 15px;
    }

    .sankalp-facilities-arrow {
        top: 48%;
        font-size: 30px;
    }

}


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

@media only screen and (max-width: 360px) {

    .sankalp-facilities-heading h2 {
        font-size: 26px;
    }

    .sankalp-facility-card {
        width: 155px;
        height: 165px;

        flex: 0 0 155px;
    }

    .sankalp-facility-image {
        width: 80px;
        height: 80px;
    }

    .sankalp-facility-card h3 {
        font-size: 14px;
    }

}








/* =========================================================
   MESSAGE DESK SECTION
========================================================= */

.sankalp-message-section {
    width: 100%;
    background: #F5F5F5;
    padding: 5px 20px 45px;
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-message-container {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}


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

.sankalp-message-heading {
    text-align: center;
    margin-bottom: 35px;
}

.sankalp-message-heading h2 {
    margin: 0;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;
        padding-top: 12px;
    font-size: 45px;
    line-height: 1.1;
    font-weight: 700;
}


/* =========================================================
   GREEN SHAPE
========================================================= */

.sankalp-message-shape {
    width: 150px;
    margin: 4px auto 0;
}

.sankalp-message-shape svg {
    width: 100%;
    height: auto;
    display: block;
}


/* =========================================================
   MAIN ROW
========================================================= */

.sankalp-message-row {
    display: grid;

    grid-template-columns:
        minmax(0, 520px)
        minmax(0, 520px);

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

    gap: 40px;
}


/* =========================================================
   LEFT SIDE
========================================================= */

.sankalp-message-left {
    width: 100%;
}


/* =========================================================
   NAME
========================================================= */

.sankalp-message-left h3 {
    margin: 0 0 12px;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 44px;
    line-height: 1.1;
    font-weight: 700;
}


/* =========================================================
   DESIGNATION
========================================================= */

.sankalp-message-left h4 {
    margin: 0 0 18px;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 33px;
    line-height: 1.15;
    font-weight: 700;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.sankalp-message-left p {
    margin: 0 0 46px;

    max-width: 520px;

    color: #666666;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;

    text-align: justify;
}


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

.sankalp-message-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 122px;
    height: 39px;

    padding: 0 20px;

    background: #12a83a;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    line-height: 1;
    font-weight: 500;

    text-decoration: none;

    border-radius: 2px;

    box-sizing: border-box;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}

.sankalp-message-btn:hover {
    background: #00306E;
    color: #ffffff;
    transform: translateY(-2px);
}


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

.sankalp-message-right {
    width: 100%;
}


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

.sankalp-message-image {
    width: 100%;
}

.sankalp-message-image img {
    width: 100%;
    height: 348px;

    object-fit: cover;
    object-position: center;

    display: block;
}


/* =========================================================
   LAPTOP
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-message-container {
        max-width: 1000px;
    }

    .sankalp-message-row {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }

    .sankalp-message-left h3 {
        font-size: 38px;
    }

    .sankalp-message-left h4 {
        font-size: 30px;
    }

    .sankalp-message-left p {
        font-size: 15px;
    }

    .sankalp-message-image img {
        height: 320px;
    }
}


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

@media only screen and (max-width: 991px) {

    .sankalp-message-section {
        padding: 35px 20px 45px;
    }

    .sankalp-message-heading {
        margin-bottom: 30px;
    }

    .sankalp-message-heading h2 {
        font-size: 40px;
    }

    .sankalp-message-shape {
        width: 140px;
    }

    .sankalp-message-row {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .sankalp-message-left h3 {
        font-size: 34px;
    }

    .sankalp-message-left h4 {
        font-size: 26px;
    }

    .sankalp-message-left p {
        max-width: 100%;

        font-size: 15px;
        line-height: 1.7;

        margin-bottom: 28px;
    }

    .sankalp-message-image img {
        width: 100%;
        height: auto;

        object-fit: contain;
    }
}


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

@media only screen and (max-width: 767px) {

    .sankalp-message-section {
        padding: 30px 15px 38px;
    }

    .sankalp-message-heading {
        margin-bottom: 25px;
    }

    .sankalp-message-heading h2 {
        font-size: 34px;
    }

    .sankalp-message-shape {
        width: 125px;
    }

    .sankalp-message-row {
        display: flex;
        flex-direction: column;

        gap: 25px;
    }

    .sankalp-message-left {
        order: 1;
    }

    .sankalp-message-right {
        order: 2;
    }

    .sankalp-message-left h3 {
        font-size: 30px;
        margin-bottom: 9px;
    }

    .sankalp-message-left h4 {
        font-size: 23px;
        margin-bottom: 16px;
    }

    .sankalp-message-left p {
        font-size: 14px;
        line-height: 1.7;

        text-align: left;

        margin-bottom: 24px;
    }

    .sankalp-message-image img {
        width: 100%;
        height: auto;

        object-fit: contain;
    }
}


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

@media only screen and (max-width: 480px) {

    .sankalp-message-section {
        padding: 28px 12px 35px;
    }

    .sankalp-message-heading h2 {
        font-size: 30px;
    }

    .sankalp-message-shape {
        width: 115px;
    }

    .sankalp-message-left h3 {
        font-size: 26px;
        line-height: 1.2;
    }

    .sankalp-message-left h4 {
        font-size: 20px;
    }

    .sankalp-message-left p {
        font-size: 13.5px;
        line-height: 1.7;
    }

    .sankalp-message-btn {
        min-width: 110px;
        height: 37px;

        font-size: 13px;
    }
}


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

@media only screen and (max-width: 360px) {

    .sankalp-message-heading h2 {
        font-size: 27px;
    }

    .sankalp-message-left h3 {
        font-size: 23px;
    }

    .sankalp-message-left h4 {
        font-size: 18px;
    }

    .sankalp-message-left p {
        font-size: 13px;
    }
}







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

.sankalp-program-section {
    width: 100%;
    background: #ffffff;
    padding: 100px 20px 90px;
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-program-container {
    width: 100%;
    max-width: 1080px;

    margin: 0 auto;

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

    justify-content: space-between;

    gap: 60px;
}


/* =========================================================
   SINGLE ITEM
========================================================= */

.sankalp-program-item {
    width: 320px;
}


/* =========================================================
   TOP IMAGE
========================================================= */

.sankalp-program-image {
    width: 320px;
    height: 317px;

    overflow: hidden;

    border-radius: 0 0 160px 160px;

    background: #eeeeee;
}


.sankalp-program-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
}


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

.sankalp-program-content {
    width: 320px;
    min-height: 400px;

    margin-top: 25px;

    padding: 82px 40px 45px;

    box-sizing: border-box;

    background: #00306E;

    border-radius: 160px 160px 0 0;

    text-align: center;

    color: #ffffff;
}


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

.sankalp-program-content h3 {
    margin: 0 0 16px;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 27px;
    line-height: 1.12;

    font-weight: 700;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.sankalp-program-content p {
    margin: 0;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    line-height: 1.8;

    font-weight: 400;
}


/* =========================================================
   1200PX
========================================================= */

@media (max-width: 1200px) {

    .sankalp-program-container {
        max-width: 1000px;

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

        gap: 40px;
    }


    .sankalp-program-item {
        width: 300px;
    }


    .sankalp-program-image {
        width: 300px;
        height: 300px;

        border-radius: 0 0 150px 150px;
    }


    .sankalp-program-content {
        width: 300px;

        min-height: 390px;

        padding: 78px 32px 40px;

        border-radius: 150px 150px 0 0;
    }

}


/* =========================================================
   1024PX
========================================================= */

@media (max-width: 1024px) {

    .sankalp-program-section {
        padding-left: 30px;
        padding-right: 30px;
    }


    .sankalp-program-container {
        grid-template-columns: repeat(3, 1fr);

        gap: 30px;
    }


    .sankalp-program-item {
        width: 100%;
    }


    .sankalp-program-image {
        width: 100%;
        height: 280px;

        border-radius: 0 0 50% 50%;
    }


    .sankalp-program-content {
        width: 100%;

        min-height: 390px;

        padding: 75px 25px 35px;

        border-radius: 50% 50% 0 0;
    }


    .sankalp-program-content h3 {
        font-size: 25px;
    }


    .sankalp-program-content p {
        font-size: 13px;
    }

}


/* =========================================================
   TABLET : 991PX
========================================================= */

@media (max-width: 991px) {

    .sankalp-program-section {
        padding: 0 25px 60px;
    }


    .sankalp-program-container {
        max-width: 700px;

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

        justify-content: center;

        gap: 45px 35px;
    }


    .sankalp-program-image {
        height: 315px;

        border-radius: 0 0 50% 50%;
    }


    .sankalp-program-content {
        min-height: 400px;

        border-radius: 50% 50% 0 0;

        padding: 82px 35px 40px;
    }


    .sankalp-program-content h3 {
        font-size: 27px;
    }


    .sankalp-program-content p {
        font-size: 14px;

        line-height: 1.65;
    }

}


/* =========================================================
   MOBILE : 767PX
========================================================= */

@media (max-width: 767px) {

    .sankalp-program-section {
        padding: 0 20px 50px;
    }


    .sankalp-program-container {
        width: 100%;
        max-width: 380px;

        grid-template-columns: 1fr;

        gap: 45px;
    }


    .sankalp-program-item {
        width: 100%;
    }


    .sankalp-program-image {
        width: 100%;
        height: auto;

        aspect-ratio: 1 / 1;

        border-radius: 0 0 50% 50%;
    }


    .sankalp-program-content {
        width: 100%;

        min-height: 400px;

        margin-top: 14px;

        padding: 88px 42px 45px;

        border-radius: 50% 50% 0 0;
    }


    .sankalp-program-content h3 {
        font-size: 28px;
    }


    .sankalp-program-content p {
        font-size: 14px;

        line-height: 1.7;
    }

}


/* =========================================================
   SMALL MOBILE : 480PX
========================================================= */

@media (max-width: 480px) {

    .sankalp-program-section {
        padding-left: 15px;
        padding-right: 15px;
    }


    .sankalp-program-container {
        max-width: 340px;
    }


    .sankalp-program-content {
        min-height: 385px;

        padding: 82px 30px 40px;
    }


    .sankalp-program-content h3 {
        font-size: 26px;

        margin-bottom: 16px;
    }


    .sankalp-program-content p {
        font-size: 13px;

        line-height: 1.7;
    }

}


/* =========================================================
   VERY SMALL MOBILE : 360PX
========================================================= */

@media (max-width: 360px) {

    .sankalp-program-container {
        max-width: 310px;
    }


    .sankalp-program-content {
        min-height: 370px;

        padding: 75px 25px 35px;
    }


    .sankalp-program-content h3 {
        font-size: 24px;
    }


    .sankalp-program-content p {
        font-size: 12.5px;
    }

}










html,
body {
    margin: 0;
    padding: 0;
}


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

.sankalp-full-video-section {
    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    background: #000;
}


/* =========================================================
   FULL SCREEN VIDEO
========================================================= */

.sankalp-full-video-wrap {
    width: 100%;
    height: 100vh;

    position: relative;

    overflow: hidden;

    background: #000;
}


/* =========================================================
   YOUTUBE PLAYER
========================================================= */

#sankalpPlayer {
    position: absolute;

    width: 120%;
    height: 120%;

    top: -10%;
    left: -10%;

    z-index: 1;
}


/* =========================================================
   IFRAME
========================================================= */

#sankalpPlayer iframe {
    width: 100% !important;
    height: 100% !important;

    display: block;

    border: 0;

    pointer-events: none !important;
}


/* =========================================================
   INITIAL COVER
========================================================= */

.sankalp-video-cover {
    position: absolute;

    inset: 0;

    z-index: 20;

    background: #000;

    opacity: 1;
    visibility: visible;

    pointer-events: none;

    transition: opacity 0.2s ease;
}


.sankalp-video-cover.hide-cover {
    opacity: 0;
    visibility: hidden;
}


/* =========================================================
   MASK COMMON
========================================================= */

.sankalp-mask {
    position: absolute;

    z-index: 15;

    pointer-events: none;

    background: transparent;
}


/* TOP LEFT */

.sankalp-mask-top-left {
    top: 0;
    left: 0;

    width: 150px;
    height: 90px;
}


/* TOP RIGHT */

.sankalp-mask-top-right {
    top: 0;
    right: 0;

    width: 180px;
    height: 90px;
}


/* BOTTOM */

.sankalp-mask-bottom {
    left: 0;
    bottom: 0;

    width: 100%;
    height: 80px;
}


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

@media (max-width: 991px) {

    .sankalp-full-video-wrap {
        height: 70vh;
        min-height: 500px;
    }


    #sankalpPlayer {
        width: 126%;
        height: 126%;

        top: -13%;
        left: -13%;
    }

}


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

@media (max-width: 767px) {

    .sankalp-full-video-wrap {
        width: 100%;

        height: 56.25vw;

        min-height: 260px;
        max-height: 100vh;
    }


    #sankalpPlayer {
        width: 132%;
        height: 132%;

        top: -16%;
        left: -16%;
    }


    .sankalp-mask-top-left {
        width: 100px;
        height: 65px;
    }


    .sankalp-mask-top-right {
        width: 120px;
        height: 65px;
    }


    .sankalp-mask-bottom {
        height: 55px;
    }

}


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

@media (max-width: 480px) {

    .sankalp-full-video-wrap {
        min-height: 230px;
    }


    #sankalpPlayer {
        width: 138%;
        height: 138%;

        top: -19%;
        left: -19%;
    }

}













/* =========================================================
   SCHOOL COUNTER SECTION
========================================================= */

.sankalp-counter-section {
    width: 100%;
    background: #057715;
    padding: 58px 20px;
    box-sizing: border-box;
    margin: 10px 0;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-counter-container {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;

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

    align-items: center;
}


/* =========================================================
   COUNTER BOX
========================================================= */

.sankalp-counter-box {
    position: relative;

    width: 100%;

    text-align: center;

    padding: 0 25px;

    box-sizing: border-box;
}


/* =========================================================
   VERTICAL LINE
========================================================= */

.sankalp-counter-box:not(:last-child)::after {
    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 1px;
    height: 102px;

    background: rgba(255, 255, 255, 0.13);
}


/* =========================================================
   NUMBER
========================================================= */

.sankalp-counter-box h2 {
    margin: 0 0 10px;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 60px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 1px;
}


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

.sankalp-counter-box p {
    margin: 0;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 3px;
}


/* =========================================================
   LAPTOP
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-counter-section {
        padding: 45px 20px;
    }

    .sankalp-counter-container {
        max-width: 1050px;
    }

    .sankalp-counter-box h2 {
        font-size: 52px;
    }

    .sankalp-counter-box p {
        font-size: 12px;
        letter-spacing: 2px;
    }

}


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

@media only screen and (max-width: 991px) {

    .sankalp-counter-section {
        padding: 40px 20px;
    }

    .sankalp-counter-container {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 35px;
    }

    .sankalp-counter-box {
        padding: 15px 20px;
    }

    .sankalp-counter-box:nth-child(2)::after {
        display: none;
    }

    .sankalp-counter-box h2 {
        font-size: 48px;
    }

    .sankalp-counter-box p {
        font-size: 12px;
    }

}


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

@media only screen and (max-width: 767px) {

    .sankalp-counter-section {
        padding: 35px 15px;
    }

    .sankalp-counter-container {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
    }

    .sankalp-counter-box {
        padding: 12px 10px;
    }

    .sankalp-counter-box h2 {
        font-size: 40px;
        margin-bottom: 8px;
    }

    .sankalp-counter-box p {
        font-size: 11px;
        line-height: 1.4;
        letter-spacing: 1.5px;
    }

    .sankalp-counter-box:not(:last-child)::after {
        height: 80px;
    }

    .sankalp-counter-box:nth-child(2)::after {
        display: none;
    }

}


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

@media only screen and (max-width: 480px) {

    .sankalp-counter-section {
        padding: 30px 12px;
    }

    .sankalp-counter-container {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .sankalp-counter-box {
        padding: 25px 10px;
    }

    .sankalp-counter-box h2 {
        font-size: 44px;
    }

    .sankalp-counter-box p {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .sankalp-counter-box:not(:last-child)::after {
        top: auto;
        right: 50%;
        bottom: 0;

        transform: translateX(50%);

        width: 80%;
        height: 1px;

        background: rgba(255, 255, 255, 0.15);
    }

}


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

@media only screen and (max-width: 360px) {

    .sankalp-counter-box h2 {
        font-size: 38px;
    }

    .sankalp-counter-box p {
        font-size: 10px;
    }

}









/* =========================================================
   AWARDS @ SANKALP SECTION
========================================================= */

.sankalp-awards-section {
    width: 100%;
    background: #F5F5F5;
    padding: 100px 20px 100px;
    box-sizing: border-box;
    margin-top: 90px;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-awards-container {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
}


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

.sankalp-awards-heading {
    text-align: center;
    margin-bottom: 10px;
}

.sankalp-awards-heading h2 {
    margin: 0;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 45px;
    line-height: 1.15;
    font-weight: 700;
}


/* =========================================================
   GREEN SHAPE
========================================================= */

.sankalp-awards-shape {
    width: 145px;
    margin: 2px auto 0;
}

.sankalp-awards-shape svg {
    width: 100%;
    height: auto;
    display: block;
}


/* =========================================================
   SLIDER WRAPPER
========================================================= */

.sankalp-awards-slider-wrap {
    position: relative;
    width: 100%;
}


/* =========================================================
   SLIDER VIEW
========================================================= */

.sankalp-awards-slider {
    width: 100%;
    overflow: hidden;
}


/* =========================================================
   SLIDER TRACK
========================================================= */

.sankalp-awards-track {
    display: flex;
    align-items: flex-start;

    gap: 28px;

    width: max-content;

    will-change: transform;

    transition: transform 0.65s ease;
}


/* =========================================================
   AWARD CARD
========================================================= */

.sankalp-award-card {
    width: 353px;

    flex: 0 0 316px;

    text-align: center;

    box-sizing: border-box;
}


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

.sankalp-award-image {
    width: 353px;
    height: 300px;

    overflow: hidden;

    background: #eeeeee;
}

.sankalp-award-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}


/* =========================================================
   TITLE
========================================================= */

.sankalp-award-card h3 {
    margin: 20px 0 16px;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;
}


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

.sankalp-award-card p {
    margin: 0 auto;

    max-width: 310px;

    color: #0f1216;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 1.9;
    font-size: 15px;
    font-weight: 400;

    text-align: center;
}


/* =========================================================
   ARROWS
========================================================= */

.sankalp-awards-arrow {
    position: absolute;

    top: 245px;

    width: 45px;
    height: 45px;

    padding: 0;

    border: none;

    outline: none;

    background: transparent;

    color: #222222;

    font-size: 38px;
    line-height: 1;
    font-weight: 300;

    cursor: pointer;

    z-index: 20;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* LEFT ARROW */

.sankalp-awards-prev {
    left: -65px;
}


/* RIGHT ARROW */

.sankalp-awards-next {
    right: -65px;
}


/* =========================================================
   LAPTOP : 1199PX
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-awards-section {
        padding-left: 30px;
        padding-right: 30px;
    }

    .sankalp-awards-container {
        max-width: 1000px;
    }

    .sankalp-awards-track {
        gap: 25px;
    }

    .sankalp-award-card {
        width: 310px;
        flex: 0 0 310px;
    }

    .sankalp-award-image {
        width: 310px;
        height: 265px;
    }

    .sankalp-awards-prev {
        left: -25px;
    }

    .sankalp-awards-next {
        right: -25px;
    }

}


/* =========================================================
   TABLET : 991PX
========================================================= */

@media only screen and (max-width: 991px) {

    .sankalp-awards-section {
        padding: 30px 20px 55px;
    }

    .sankalp-awards-container {
        max-width: 720px;
    }

    .sankalp-awards-heading h2 {
        font-size: 38px;
    }

    .sankalp-awards-shape {
        width: 135px;
    }

    .sankalp-awards-track {
        gap: 24px;
    }

    .sankalp-award-card {
        width: 348px;
        flex: 0 0 348px;
    }

    .sankalp-award-image {
        width: 348px;
        height: 290px;
    }

    .sankalp-award-card h3 {
        font-size: 20px;
    }

    .sankalp-award-card p {
        font-size: 14px;
        line-height: 1.8;
    }

    .sankalp-awards-arrow {
        top: 255px;
    }

    .sankalp-awards-prev {
        left: -10px;
    }

    .sankalp-awards-next {
        right: -10px;
    }

}


/* =========================================================
   MOBILE : 767PX
========================================================= */

@media only screen and (max-width: 767px) {

    .sankalp-awards-section {
        padding: 30px 15px 45px;
    }

    .sankalp-awards-container {
        max-width: 430px;
    }

    .sankalp-awards-heading {
        margin-bottom: 15px;
    }

    .sankalp-awards-heading h2 {
        font-size: 34px;
    }

    .sankalp-awards-shape {
        width: 125px;
    }

    .sankalp-awards-track {
        gap: 20px;
    }

    .sankalp-award-card {
        width: calc(100vw - 50px);
        max-width: 400px;

        flex: 0 0 calc(100vw - 50px);
    }

    .sankalp-award-image {
        width: 100%;
        height: auto;

        aspect-ratio: 316 / 272;
    }

    .sankalp-award-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sankalp-award-card h3 {
        margin: 18px 0 12px;

        font-size: 20px;
    }

    .sankalp-award-card p {
        max-width: 100%;

        font-size: 14px;
        line-height: 1.75;
    }

    .sankalp-awards-arrow {
        top: 220px;

        width: 38px;
        height: 38px;

        font-size: 32px;
    }

    .sankalp-awards-prev {
        left: 0;
    }

    .sankalp-awards-next {
        right: 0;
    }

}


/* =========================================================
   SMALL MOBILE : 480PX
========================================================= */

@media only screen and (max-width: 480px) {

    .sankalp-awards-section {
        padding: 25px 12px 40px;
    }

    .sankalp-awards-heading h2 {
        font-size: 30px;
    }

    .sankalp-awards-shape {
        width: 115px;
    }

    .sankalp-awards-track {
        gap: 16px;
    }

    .sankalp-award-card {
        width: calc(100vw - 36px);

        flex: 0 0 calc(100vw - 36px);
    }

    .sankalp-award-card h3 {
        font-size: 19px;
    }

    .sankalp-award-card p {
        font-size: 13.5px;
        line-height: 1.7;
    }

    .sankalp-awards-arrow {
        top: 190px;

        font-size: 30px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE : 360PX
========================================================= */

@media only screen and (max-width: 360px) {

    .sankalp-awards-heading h2 {
        font-size: 27px;
    }

    .sankalp-award-card {
        width: calc(100vw - 30px);

        flex: 0 0 calc(100vw - 30px);
    }

    .sankalp-award-card h3 {
        font-size: 18px;
    }

    .sankalp-award-card p {
        font-size: 13px;
    }

    .sankalp-awards-arrow {
        top: 165px;
    }

}












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

.sankalp-enroll-section {
    width: 100%;
    background: #ffffff;
    padding: 60px 60px 100px;
    box-sizing: border-box;

    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.sankalp-enroll-container {
    width: 100%;
    max-width: 1140px;

    margin: 0 auto;
}


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

.sankalp-enroll-heading {
    width: 100%;
    text-align: center;

    /* margin-bottom: 84px; */
}


.sankalp-enroll-heading h2 {
    margin: 0;

    color: #063b79;

    font-size: 43px;
    line-height: 1.1;

    font-weight: 700;
}


/* =========================================================
   DECORATIVE CURVE
========================================================= */

.sankalp-heading-curve {
    /* width: 140px;
    height: 36px;

    margin: 3px auto 0; */

    position: relative;
}


/* .sankalp-heading-curve::before,
.sankalp-heading-curve::after {
    content: "";

    position: absolute;

    top: 15px;

    width: 72px;
    height: 25px;

    border-top: 3px solid #008d6a;
} */


.sankalp-heading-curve::before {
    left: 2px;

    transform: rotate(-18deg);

    border-radius: 100% 0 0 0;
}


.sankalp-heading-curve::after {
    right: 2px;

    transform: rotate(18deg);

    border-radius: 0 100% 0 0;
}


.sankalp-heading-curve span {
    width: 18px;
    height: 18px;

    position: absolute;

    left: 50%;
    top: 11px;

    transform: translateX(-50%);

    border: 3px solid #008d6a;

    border-radius: 50%;

    background: #ffffff;

    z-index: 2;
}


/* =========================================================
   GRID
========================================================= */

.sankalp-enroll-grid {
    max-width: 100%;

    display: grid;

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

    column-gap: 64px;

    align-items: start;
    background-color: #FFFFFF;
    padding: 84px 0;
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.055);
}


/* =========================================================
   CARD
========================================================= */

.sankalp-enroll-card {
    width: 100%;
}


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

.sankalp-enroll-image {
        width: 225px;
    height: 245px;

    overflow: hidden;

    background: #eeeeee;
}


.sankalp-enroll-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;
}


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

.sankalp-enroll-content {
    padding-top: 15px;
}


.sankalp-enroll-content h3 {
    margin: 0 0 10px;

    color: #00306E;

    font-size: 20px;
    line-height: 1.2;

    font-weight: 700;
}


.sankalp-enroll-content h4 {
    margin: 0 0 8px;

    color: #1ca53e;

    font-size: 18px;
    line-height: 1.2;

    font-weight: 700;
}


.sankalp-enroll-content p {
    margin: 0;

    color: #0f1216;

    font-size: 15px;
    line-height: 1.78;

    font-weight: 400;
}


/* =========================================================
   1200PX
========================================================= */

@media (max-width: 1200px) {

    .sankalp-enroll-container {
        max-width: 940px;
    }

    .sankalp-enroll-grid {
        column-gap: 15px;
    }

}


/* =========================================================
   1024PX
========================================================= */

@media (max-width: 1024px) {

    .sankalp-enroll-section {
        padding-left: 30px;
        padding-right: 30px;
    }


    .sankalp-enroll-heading {
        margin-bottom: 65px;
    }


    .sankalp-enroll-grid {
        grid-template-columns: repeat(2, 1fr);

        gap: 45px 40px;
    }


    .sankalp-enroll-image {
        height: 260px;
    }

}


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

@media (max-width: 767px) {

    .sankalp-enroll-section {
        padding: 35px 20px 30px;
    }


    .sankalp-enroll-heading {
        margin-bottom: 48px;
    }


    .sankalp-enroll-heading h2 {
        font-size: 34px;
    }


    .sankalp-heading-curve {
        transform: scale(0.9);
    }


    .sankalp-enroll-grid {
        grid-template-columns: 1fr;

        gap: 40px;
    }


    .sankalp-enroll-card {
        max-width: 420px;

        margin: 0 auto;
    }


    .sankalp-enroll-image {
        height: 300px;
    }


    .sankalp-enroll-content h3 {
        font-size: 21px;
    }


    .sankalp-enroll-content h4 {
        font-size: 17px;
    }


    .sankalp-enroll-content p {
        font-size: 14px;

        line-height: 1.7;
    }

}


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

@media (max-width: 480px) {

    .sankalp-enroll-section {
        padding: 30px 15px 25px;
    }


    .sankalp-enroll-heading {
        margin-bottom: 40px;
    }


    .sankalp-enroll-heading h2 {
        font-size: 30px;
    }


    .sankalp-heading-curve {
        width: 120px;

        transform: scale(0.85);
    }


    .sankalp-enroll-card {
        max-width: 100%;
    }


    .sankalp-enroll-image {
        height: 245px;
    }


    .sankalp-enroll-content {
        padding-top: 10px;
    }


    .sankalp-enroll-content h3 {
        font-size: 20px;
    }


    .sankalp-enroll-content p {
        font-size: 13.5px;
    }

}


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

@media (max-width: 360px) {

    .sankalp-enroll-heading h2 {
        font-size: 27px;
    }


    .sankalp-enroll-image {
        height: 220px;
    }

}









/* =========================================================
   STUDENT TESTIMONIAL SECTION
========================================================= */

.sankalp-testimonial-section {
    width: 100%;
    background: #F5F5F5;

    padding: 100px 20px 200px;

    box-sizing: border-box;

    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-testimonial-container {
    position: relative;

    width: 100%;
    max-width: 1220px;

    margin: 0 auto;
}


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

.sankalp-testimonial-heading {
    position: relative;

    z-index: 5;

    text-align: center;

    margin-bottom: 40px;
    padding-top: 10px;
}

.sankalp-testimonial-heading h2 {
    margin: 0;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 45px;
    line-height: 1.15;
    font-weight: 700;
}


/* =========================================================
   GREEN SHAPE
========================================================= */

.sankalp-testimonial-shape {
    width: 155px;

    margin: 3px auto 0;
}

.sankalp-testimonial-shape svg {
    width: 100%;
    height: auto;

    display: block;
}


/* =========================================================
   SLIDER WRAPPER
========================================================= */

.sankalp-testimonial-slider-wrap {
    position: relative;

    width: 100%;
    max-width: 1110px;

    margin: 0 auto;

    z-index: 3;
}


/* =========================================================
   SLIDER VIEW
========================================================= */

.sankalp-testimonial-slider {
    width: 100%;

    overflow: hidden;
}


/* =========================================================
   TRACK
========================================================= */

.sankalp-testimonial-track {
    display: flex;

    width: max-content;

    will-change: transform;

    transition: transform 0.6s ease;
}


/* =========================================================
   SINGLE SLIDE
========================================================= */

.sankalp-testimonial-slide {
    width: 1110px;

    flex: 0 0 1110px;
}


/* =========================================================
   TESTIMONIAL CARD
========================================================= */

.sankalp-testimonial-card {
    width: 100%;
    min-height: 285px;

    background: #ffffff;

    padding: 50px 60px;

    box-sizing: border-box;

    text-align: center;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #0203340D;
}


/* =========================================================
   STUDENT NAME
========================================================= */

.sankalp-testimonial-card h3 {
    margin: 0 0 8px;

    color: #0f1216;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}


/* =========================================================
   ROLE
========================================================= */

.sankalp-testimonial-role {
    display: block;

    margin-bottom: 22px;

    color: #777777;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
}


/* =========================================================
   REVIEW
========================================================= */

.sankalp-testimonial-card p {
    max-width: 930px;

    margin: 0 auto;

    color: #586275;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 19px;
    line-height: 1.8;
    font-weight: 400;

    text-align: center;
}


/* =========================================================
   ARROWS
========================================================= */

.sankalp-testimonial-arrow {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 68px;
    height: 68px;

    border: 4px solid #f0f2f7;

    border-radius: 50%;

    background: #ffffff;

    color: #2e7cff;

    font-size: 28px;
    line-height: 1;

    cursor: pointer;

    z-index: 15;

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

    padding: 0;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.sankalp-testimonial-arrow:hover {
    background: #00306E;
    color: #ffffff;
}


.sankalp-testimonial-prev {
    left: -34px;
}


.sankalp-testimonial-next {
    right: -34px;
}


/* =========================================================
   TOP RIGHT CARTOON
========================================================= */

.sankalp-testimonial-cartoon-top {
    position: absolute;

    top: 10px;
    right: -50px;

    width: 341px;

    z-index: 8;

    pointer-events: none;
}

.sankalp-testimonial-cartoon-top img {
    width: 100%;
    height: auto;

    display: block;
}


/* =========================================================
   BOTTOM LEFT CARTOON
========================================================= */

.sankalp-testimonial-cartoon-bottom {
    position: absolute;

    left: -15px;
    bottom: -140px;

    width: 165px;

    z-index: 8;

    pointer-events: none;
}

.sankalp-testimonial-cartoon-bottom img {
    width: 138px;
    height: 221px;

    display: block;
}


/* =========================================================
   BOTTOM RIGHT DECORATION
========================================================= */

.sankalp-testimonial-decoration {
    position: absolute;

    right: 50px;
    bottom: -65px;

    width: 60px;
    height: 60px;

    transform: rotate(25deg);
}

.sankalp-testimonial-decoration span {
    position: absolute;

    left: 0;

    width: 48px;
    height: 10px;

    border-top: 4px solid #ffd6e0;

    border-radius: 50%;
}

.sankalp-testimonial-decoration span:nth-child(1) {
    top: 8px;
}

.sankalp-testimonial-decoration span:nth-child(2) {
    top: 21px;
}

.sankalp-testimonial-decoration span:nth-child(3) {
    top: 34px;
}


/* =========================================================
   LAPTOP : 1199PX
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-testimonial-container {
        max-width: 1050px;
    }

    .sankalp-testimonial-slider-wrap {
        max-width: 950px;
    }

    .sankalp-testimonial-slide {
        width: 950px;

        flex: 0 0 950px;
    }

    .sankalp-testimonial-heading h2 {
        font-size: 44px;
    }

    .sankalp-testimonial-card {
        min-height: 265px;

        padding: 65px 65px 50px;
    }

    .sankalp-testimonial-cartoon-top {
        width: 280px;

        right: -20px;
    }

    .sankalp-testimonial-cartoon-bottom {
        width: 145px;

        left: -20px;
    }

}


/* =========================================================
   TABLET : 991PX
========================================================= */

@media only screen and (max-width: 991px) {

    .sankalp-testimonial-section {
        padding: 50px 25px 80px;
    }

    .sankalp-testimonial-heading {
        margin-bottom: 30px;
    }

    .sankalp-testimonial-heading h2 {
        font-size: 40px;
    }

    .sankalp-testimonial-shape {
        width: 140px;
    }

    .sankalp-testimonial-slider-wrap {
        max-width: 760px;
    }

    .sankalp-testimonial-slide {
        width: 760px;

        flex: 0 0 760px;
    }

    .sankalp-testimonial-card {
        min-height: 260px;

        padding: 60px 60px 45px;
    }

    .sankalp-testimonial-card p {
        font-size: 17px;
    }

    .sankalp-testimonial-arrow {
        width: 60px;
        height: 60px;

        font-size: 25px;
    }

    .sankalp-testimonial-prev {
        left: -20px;
    }

    .sankalp-testimonial-next {
        right: -20px;
    }

    .sankalp-testimonial-cartoon-top {
        width: 220px;

        top: 35px;
        right: -30px;
    }

    .sankalp-testimonial-cartoon-bottom {
        width: 125px;

        bottom: -85px;
        left: -10px;
    }

}


/* =========================================================
   MOBILE : 767PX
========================================================= */

@media only screen and (max-width: 767px) {

    .sankalp-testimonial-section {
        padding: 40px 15px 80px;
    }

    .sankalp-testimonial-heading {
        margin-bottom: 25px;
    }

    .sankalp-testimonial-heading h2 {
        font-size: 34px;
    }

    .sankalp-testimonial-shape {
        width: 125px;
    }

    .sankalp-testimonial-slider-wrap {
        width: 100%;
        max-width: 100%;
    }

    .sankalp-testimonial-slide {
        width: calc(100vw - 30px);

        flex: 0 0 calc(100vw - 30px);
    }

    .sankalp-testimonial-card {
        min-height: 280px;

        padding: 55px 45px 45px;
    }

    .sankalp-testimonial-card h3 {
        font-size: 19px;
    }

    .sankalp-testimonial-role {
        font-size: 15px;

        margin-bottom: 18px;
    }

    .sankalp-testimonial-card p {
        font-size: 15px;
        line-height: 1.7;
    }

    .sankalp-testimonial-arrow {
        width: 50px;
        height: 50px;

        border-width: 3px;

        font-size: 22px;
    }

    .sankalp-testimonial-prev {
        left: -5px;
    }

    .sankalp-testimonial-next {
        right: -5px;
    }

    .sankalp-testimonial-cartoon-top {
        width: 155px;

        top: 55px;
        right: -25px;

        opacity: 0.95;
    }

    .sankalp-testimonial-cartoon-bottom {
        width: 100px;

        left: -5px;
        bottom: -65px;
    }

    .sankalp-testimonial-decoration {
        right: 20px;
        bottom: -50px;

        transform: scale(0.8) rotate(25deg);
    }

}


/* =========================================================
   SMALL MOBILE : 480PX
========================================================= */

@media only screen and (max-width: 480px) {

    .sankalp-testimonial-section {
        padding: 35px 12px 75px;
    }

    .sankalp-testimonial-heading h2 {
        font-size: 29px;
    }

    .sankalp-testimonial-shape {
        width: 115px;
    }

    .sankalp-testimonial-slide {
        width: calc(100vw - 24px);

        flex: 0 0 calc(100vw - 24px);
    }

    .sankalp-testimonial-card {
        min-height: 290px;

        padding: 52px 35px 40px;
    }

    .sankalp-testimonial-card h3 {
        font-size: 18px;
    }

    .sankalp-testimonial-role {
        font-size: 14px;
    }

    .sankalp-testimonial-card p {
        font-size: 14px;
        line-height: 1.65;
    }

    .sankalp-testimonial-arrow {
        width: 44px;
        height: 44px;

        font-size: 20px;
    }

    .sankalp-testimonial-cartoon-top {
        width: 120px;

        top: 65px;
        right: -20px;
    }

    .sankalp-testimonial-cartoon-bottom {
        width: 85px;

        bottom: -58px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE : 360PX
========================================================= */

@media only screen and (max-width: 360px) {

    .sankalp-testimonial-heading h2 {
        font-size: 26px;
    }

    .sankalp-testimonial-slide {
        width: calc(100vw - 24px);

        flex: 0 0 calc(100vw - 24px);
    }

    .sankalp-testimonial-card {
        min-height: 300px;

        padding: 48px 28px 38px;
    }

    .sankalp-testimonial-card p {
        font-size: 13px;
    }

    .sankalp-testimonial-cartoon-top {
        width: 100px;
    }

    .sankalp-testimonial-cartoon-bottom {
        width: 75px;
    }

}









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

.sankalp-events-section {
    width: 100%;
    background: #ffffff;
    padding: 100px 20px 115px;
    box-sizing: border-box;
    margin-top: 100PX;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-events-container {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
}


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

.sankalp-events-heading {
    text-align: center;
    margin-bottom: 10px;
}

.sankalp-events-heading h2 {
    margin: 0;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 45px;
    line-height: 1.15;
    font-weight: 700;
}


/* =========================================================
   GREEN SHAPE
========================================================= */

.sankalp-events-shape {
    width: 145px;
    margin: 2px auto 0;
}

.sankalp-events-shape svg {
    width: 100%;
    height: auto;
    display: block;
}


/* =========================================================
   SLIDER WRAPPER
========================================================= */

.sankalp-events-slider-wrap {
    position: relative;
    width: 100%;
}


/* =========================================================
   SLIDER VIEW
========================================================= */

.sankalp-events-slider {
    width: 100%;
    overflow: hidden;
}


/* =========================================================
   TRACK
========================================================= */

.sankalp-events-track {
    display: flex;
    align-items: flex-start;

    gap: 28px;

    width: max-content;

    will-change: transform;

    transition: transform 0.65s ease;
}


/* =========================================================
   EVENT CARD
========================================================= */

.sankalp-event-card {
    width: 353px;

    flex: 0 0 316px;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   EVENT IMAGE
========================================================= */

.sankalp-event-image {
    width: 353px;
    height: 300px;

    overflow: hidden;

    background: #eeeeee;
}

.sankalp-event-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}

/* .sankalp-event-card:hover .sankalp-event-image img {
    transform: scale(1.05);
} */


/* =========================================================
   EVENT TITLE
========================================================= */

.sankalp-event-card h3 {
    margin: 22px 0 30px;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}


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

.sankalp-event-card p {
    margin: 0 auto;

    max-width: 310px;

    color: #0f1216;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;

    text-align: center;
}


/* =========================================================
   ARROWS
========================================================= */

.sankalp-events-arrow {
    position: absolute;

    top: 180px;

    width: 45px;
    height: 45px;

    padding: 0;

    border: none;
    outline: none;

    background: transparent;

    color: #333333;

    font-size: 38px;
    line-height: 1;
    font-weight: 300;

    cursor: pointer;

    z-index: 20;

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

    transition: color 0.3s ease;
}

.sankalp-events-arrow:hover {
    color: #00885b;
}


/* LEFT ARROW */

.sankalp-events-prev {
    left: -65px;
}


/* RIGHT ARROW */

.sankalp-events-next {
    right: -65px;
}


/* =========================================================
   VIEW ALL EVENTS BUTTON AREA
========================================================= */

.sankalp-events-btn-wrap {
    width: 100%;

    display: flex;
    justify-content: center;

    margin-top: 78px;
}


/* =========================================================
   VIEW ALL EVENTS BUTTON
========================================================= */

.sankalp-events-view-btn {
    min-width: 199px;
    height: 53px;

    padding: 0 24px;

    border: 2px solid #dce2e9;

    border-radius: 4px;

    background: #ffffff;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    line-height: 1;
    font-weight: 600;

    text-decoration: none;

    box-sizing: border-box;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.sankalp-events-view-btn:hover {
    background: #1ca53e;
    border-color: #1ca53e;
    color: #ffffff;
}

.sankalp-events-view-btn svg {
    flex-shrink: 0;
}


/* =========================================================
   LAPTOP : 1199PX
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-events-section {
        padding-left: 30px;
        padding-right: 30px;
    }

    .sankalp-events-container {
        max-width: 1000px;
    }

    .sankalp-events-track {
        gap: 25px;
    }

    .sankalp-event-card {
        width: 310px;
        flex: 0 0 310px;
    }

    .sankalp-event-image {
        width: 310px;
        height: 220px;
    }

    .sankalp-events-prev {
        left: -25px;
    }

    .sankalp-events-next {
        right: -25px;
    }

}


/* =========================================================
   TABLET : 991PX
========================================================= */

@media only screen and (max-width: 991px) {

    .sankalp-events-section {
        padding: 30px 20px 60px;
    }

    .sankalp-events-container {
        max-width: 720px;
    }

    .sankalp-events-heading h2 {
        font-size: 38px;
    }

    .sankalp-events-shape {
        width: 135px;
    }

    .sankalp-events-track {
        gap: 24px;
    }

    .sankalp-event-card {
        width: 348px;
        flex: 0 0 348px;
    }

    .sankalp-event-image {
        width: 348px;
        height: 245px;
    }

    .sankalp-event-card h3 {
        font-size: 19px;
    }

    .sankalp-event-card p {
        font-size: 14px;
        line-height: 1.75;
    }

    .sankalp-events-arrow {
        top: 205px;
    }

    .sankalp-events-prev {
        left: -10px;
    }

    .sankalp-events-next {
        right: -10px;
    }

    .sankalp-events-btn-wrap {
        margin-top: 60px;
    }

}


/* =========================================================
   MOBILE : 767PX
========================================================= */

@media only screen and (max-width: 767px) {

    .sankalp-events-section {
        padding: 30px 15px 50px;
    }

    .sankalp-events-container {
        max-width: 430px;
    }

    .sankalp-events-heading {
        margin-bottom: 15px;
    }

    .sankalp-events-heading h2 {
        font-size: 34px;
    }

    .sankalp-events-shape {
        width: 125px;
    }

    .sankalp-events-track {
        gap: 20px;
    }

    .sankalp-event-card {
        width: calc(100vw - 50px);
        max-width: 400px;

        flex: 0 0 calc(100vw - 50px);
    }

    .sankalp-event-image {
        width: 100%;
        height: auto;

        aspect-ratio: 316 / 225;
    }

    .sankalp-event-image img {
        width: 100%;
        height: 100%;

        object-fit: cover;
    }

    .sankalp-event-card h3 {
        margin: 18px 0 14px;

        font-size: 19px;
    }

    .sankalp-event-card p {
        max-width: 100%;

        font-size: 14px;
        line-height: 1.7;
    }

    .sankalp-events-arrow {
        top: 180px;

        width: 38px;
        height: 38px;

        font-size: 32px;
    }

    .sankalp-events-prev {
        left: 0;
    }

    .sankalp-events-next {
        right: 0;
    }

    .sankalp-events-btn-wrap {
        margin-top: 45px;
    }

}


/* =========================================================
   SMALL MOBILE : 480PX
========================================================= */

@media only screen and (max-width: 480px) {

    .sankalp-events-section {
        padding: 25px 12px 45px;
    }

    .sankalp-events-heading h2 {
        font-size: 30px;
    }

    .sankalp-events-shape {
        width: 115px;
    }

    .sankalp-events-track {
        gap: 16px;
    }

    .sankalp-event-card {
        width: calc(100vw - 36px);

        flex: 0 0 calc(100vw - 36px);
    }

    .sankalp-event-card h3 {
        font-size: 18px;
    }

    .sankalp-event-card p {
        font-size: 13.5px;
        line-height: 1.7;
    }

    .sankalp-events-arrow {
        top: 160px;

        font-size: 30px;
    }

    .sankalp-events-view-btn {
        min-width: 145px;
        height: 39px;

        padding: 0 20px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE : 360PX
========================================================= */

@media only screen and (max-width: 360px) {

    .sankalp-events-heading h2 {
        font-size: 27px;
    }

    .sankalp-event-card {
        width: calc(100vw - 30px);

        flex: 0 0 calc(100vw - 30px);
    }

    .sankalp-event-card h3 {
        font-size: 17px;
    }

    .sankalp-event-card p {
        font-size: 13px;
    }

    .sankalp-events-arrow {
        top: 145px;
    }

}









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

.sankalp-link-card-section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-link-card-container {
    width: 100%;
    max-width: 1090px;

    margin: 0 auto;

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

    gap: 30px;
}


/* =========================================================
   CARD
========================================================= */

.sankalp-link-card {
    width: 100%;
    height: 350px;

    position: relative;

    overflow: hidden;

    background: #000;

    cursor: pointer;
}


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

.sankalp-link-card img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition:
        transform 0.45s ease,
        filter 0.45s ease;
}


/* =========================================================
   DEFAULT BOTTOM GRADIENT
========================================================= */

.sankalp-link-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 40%,
            rgba(0, 0, 0, 0.20) 60%,
            rgba(0, 0, 0, 0.78) 100%
        );

    transition: background 0.4s ease;

    pointer-events: none;
}


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

.sankalp-link-text {
    position: absolute;

    left: 30px;
    right: 25px;
    bottom: 31px;

    z-index: 3;
}


.sankalp-link-text a {
    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;
    line-height: 1.18;

    font-weight: 700;

    text-decoration: none;

    display: inline-block;
}


/* =========================================================
   HOVER EFFECT
========================================================= */

.sankalp-link-card:hover .sankalp-link-overlay {

    background: rgba(0, 0, 0, 0.60);

}


.sankalp-link-card:hover img {

    transform: scale(1.035);

}


/* =========================================================
   1200PX
========================================================= */

@media (max-width: 1200px) {

    .sankalp-link-card-container {
        max-width: 1000px;
    }


    .sankalp-link-card {
        height: 330px;
    }

}


/* =========================================================
   1024PX
========================================================= */

@media (max-width: 1024px) {

    .sankalp-link-card-section {
        padding: 50px 30px;
    }


    .sankalp-link-card-container {
        gap: 24px;
    }


    .sankalp-link-card {
        height: 310px;
    }


    .sankalp-link-text {
        left: 24px;
        right: 20px;
        bottom: 26px;
    }


    .sankalp-link-text a {
        font-size: 18px;
    }

}


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

@media (max-width: 991px) {

    .sankalp-link-card-container {

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

        max-width: 750px;

    }


    .sankalp-link-card {
        height: 350px;
    }

}


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

@media (max-width: 767px) {

    .sankalp-link-card-section {
        padding: 40px 20px;
    }


    .sankalp-link-card-container {

        grid-template-columns: 1fr;

        max-width: 420px;

        gap: 25px;

    }


    .sankalp-link-card {
        height: 350px;
    }


    .sankalp-link-text {

        left: 28px;
        bottom: 28px;

    }


    .sankalp-link-text a {
        font-size: 20px;
    }

}


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

@media (max-width: 480px) {

    .sankalp-link-card-section {
        padding: 30px 15px;
    }


    .sankalp-link-card {
        height: 350px;
    }


    .sankalp-link-text {
        left: 28px;
        right: 20px;
        bottom: 30px;
    }


    .sankalp-link-text a {
        font-size: 19px;
    }

}


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

@media (max-width: 360px) {

    .sankalp-link-card {
        height: 330px;
    }


    .sankalp-link-text a {
        font-size: 18px;
    }

}












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

.sankalp-connect-section {
    width: 100%;
    margin: 0;
    padding: 0;

    background: #ffffff;

    box-sizing: border-box;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.sankalp-connect-wrapper {
    width: 100%;
    min-height: 534px;

    display: grid;
    grid-template-columns: 50% 50%;

        margin: 10px 0 50px;
}

.lines{
        background-color: #ccc;
    border: 0;
    height: 1px;
        max-width: 15%;
    margin: 20px auto;
}
/* =========================================================
   LEFT IMAGE
========================================================= */

.sankalp-connect-image {
    width: 100%;
    height: 670px;

    overflow: hidden;

    background: #dddddd;
}


.sankalp-connect-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}


/* =========================================================
   RIGHT CONTENT AREA
========================================================= */

.sankalp-connect-content {
    width: 100%;
    height: 670px;

    background: #00306E;

    display: flex;
    align-items: center;

    box-sizing: border-box;
}


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

.sankalp-connect-inner {
    width: 100%;
    max-width: 590px;

    margin-left: 85px;
    margin-right: 45px;

    color: #ffffff;
}


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

.sankalp-connect-inner h2 {
    margin: 0 0 26px;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 44px;
    line-height: 1.22;

    font-weight: 700;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.sankalp-connect-inner p {
    margin: 0;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;
    line-height: 1.8;

    font-weight: 400;
}


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

.sankalp-connect-btn {
    min-width: 165px;
    height: 57px;

    margin-top: 78px;

    padding: 0 28px;

    display: inline-flex;

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

    background: #ffffff;

    color: #4d5765;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    font-weight: 800;

    text-decoration: none;

    box-sizing: border-box;

    position: relative;

    overflow: hidden;

    border-left: 10px solid #1ca53e;

    z-index: 1;

    transition: color 0.4s ease;
}


/* =========================================================
   BUTTON LEFT TO RIGHT SLIDE EFFECT
========================================================= */

.sankalp-connect-btn::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0%;
    height: 100%;

    background: #16a24a;

    z-index: -1;

    transition: width 0.45s ease;
}


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

.sankalp-connect-btn:hover {
    color: #ffffff;
}


.sankalp-connect-btn:hover::before {
    width: 100%;
}


/* =========================================================
   1200PX
========================================================= */

@media (max-width: 1200px) {

    .sankalp-connect-wrapper {
        min-height: 510px;
    }


    .sankalp-connect-image,
    .sankalp-connect-content {
        height: 510px;
    }


    .sankalp-connect-inner {
        margin-left: 65px;
        margin-right: 35px;
    }


    .sankalp-connect-inner h2 {
        font-size: 38px;
    }


    .sankalp-connect-btn {
        margin-top: 55px;
    }

}


/* =========================================================
   1024PX
========================================================= */

@media (max-width: 1024px) {

    .sankalp-connect-wrapper {
        min-height: 480px;
    }


    .sankalp-connect-image,
    .sankalp-connect-content {
        height: 480px;
    }


    .sankalp-connect-inner {
        margin-left: 45px;
        margin-right: 30px;
    }


    .sankalp-connect-inner h2 {
        font-size: 34px;
    }


    .sankalp-connect-inner p {
        font-size: 13px;
        line-height: 1.7;
    }


    .sankalp-connect-btn {
        margin-top: 45px;
    }

}


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

@media (max-width: 991px) {

    .sankalp-connect-wrapper {
        grid-template-columns: 1fr;

        min-height: auto;
    }


    .sankalp-connect-image {
        width: 100%;
        height: 520px;
    }


    .sankalp-connect-content {
        width: 100%;
        height: auto;

        padding: 60px 40px;
    }


    .sankalp-connect-inner {
        max-width: 700px;

        margin: 0 auto;
    }


    .sankalp-connect-inner h2 {
        font-size: 38px;
    }


    .sankalp-connect-inner p {
        font-size: 14px;
    }


    .sankalp-connect-btn {
        margin-top: 35px;
    }

}


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

@media (max-width: 767px) {

    .sankalp-connect-image {
        height: 400px;
    }


    .sankalp-connect-content {
        padding: 45px 25px;
    }


    .sankalp-connect-inner h2 {
        font-size: 30px;
        line-height: 1.25;

        margin-bottom: 20px;
    }


    .sankalp-connect-inner p {
        font-size: 14px;
        line-height: 1.7;
    }


    .sankalp-connect-btn {
        min-width: 145px;
        height: 50px;

        margin-top: 30px;
    }

}


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

@media (max-width: 480px) {

    .sankalp-connect-image {
        height: 320px;
    }


    .sankalp-connect-content {
        padding: 38px 20px;
    }


    .sankalp-connect-inner h2 {
        font-size: 27px;
    }


    .sankalp-connect-inner p {
        font-size: 13.5px;
        line-height: 1.7;
    }


    .sankalp-connect-btn {
        margin-top: 28px;

        min-width: 140px;
        height: 48px;
    }

}


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

@media (max-width: 360px) {

    .sankalp-connect-image {
        height: 280px;
    }


    .sankalp-connect-inner h2 {
        font-size: 24px;
    }


    .sankalp-connect-content {
        padding: 32px 18px;
    }

}



































































































/* ABOUT US CSS START */

/* =========================================================
   WHY SANKALP SECTION
========================================================= */

.why-sankalp-section {
    width: 100%;
    background: #ffffff;

    padding: 15px 20px 45px;

    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.why-sankalp-container {
    width: 100%;
    max-width: 1120px;

    margin: 0 auto;
}


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

.why-sankalp-top {
    width: 100%;

    margin-bottom: 60px;
}


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

.why-sankalp-top h2 {
    margin: 0 0 12px;

    color: #111111;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 50px;
    line-height: 1.1;
    font-weight: 400;
}


/* =========================================================
   TOP PARAGRAPH
========================================================= */

.why-sankalp-top p {
    margin: 0 0 25px;

    color: #707070;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 19px;
    line-height: 1.7;
    font-weight: 400;
}


/* =========================================================
   CARDS GRID
========================================================= */

.why-sankalp-grid {
    width: 100%;

    display: grid;

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

    gap: 50px;
}


/* =========================================================
   SINGLE CARD
========================================================= */

.why-sankalp-card {
    width: 100%;

    box-sizing: border-box;

    cursor: pointer;
}


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

.why-sankalp-icon {
    width: 120px;
    height: 110px;

    margin-bottom: 22px;

    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.why-sankalp-icon img {
    max-width: 110px;
    max-height: 105px;

    width: auto;
    height: auto;

    display: block;

    object-fit: contain;

    transition: transform 0.35s ease;
}


/* =========================================================
   CARD TITLE
========================================================= */

.why-sankalp-card h3 {
    margin: 0 0 14px;

    color: #0a0a0a;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;

    transition: color 0.3s ease;
}


/* =========================================================
   CARD PARAGRAPH
========================================================= */

.why-sankalp-card p {
    margin: 0;

    color: #333333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14.5px;
    line-height: 1.8;
    font-weight: 400;

    transition: color 0.3s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

.why-sankalp-card:hover h3 {
    color: #00155c;
}

/* .why-sankalp-card:hover p {
    color: #18a63c;
} */

/* .why-sankalp-card:hover .why-sankalp-icon img {
    transform: translateY(-5px);
} */


/* =========================================================
   LAPTOP : 1199PX
========================================================= */

@media only screen and (max-width: 1199px) {

    .why-sankalp-section {
        padding: 20px 30px 45px;
    }

    .why-sankalp-container {
        max-width: 1000px;
    }

    .why-sankalp-top h2 {
        font-size: 46px;
    }

    .why-sankalp-top p {
        font-size: 17px;
    }

    .why-sankalp-grid {
        gap: 35px;
    }

    .why-sankalp-card h3 {
        font-size: 20px;
    }

    .why-sankalp-card p {
        font-size: 15px;
    }

}


/* =========================================================
   TABLET : 991PX
========================================================= */

@media only screen and (max-width: 991px) {

    .why-sankalp-section {
        padding: 35px 25px 50px;
    }

    .why-sankalp-top {
        margin-bottom: 45px;
    }

    .why-sankalp-top h2 {
        font-size: 42px;
    }

    .why-sankalp-top p {
        font-size: 16px;
        line-height: 1.7;
    }

    .why-sankalp-grid {
        grid-template-columns: repeat(2, 1fr);

        gap: 45px 40px;
    }

    .why-sankalp-card {
        max-width: 100%;
    }

    .why-sankalp-icon {
        width: 110px;
        height: 100px;

        margin-bottom: 18px;
    }

    .why-sankalp-icon img {
        max-width: 100px;
        max-height: 95px;
    }

    .why-sankalp-card h3 {
        font-size: 21px;
    }

    .why-sankalp-card p {
        font-size: 15px;
    }

}


/* =========================================================
   MOBILE : 767PX
========================================================= */

@media only screen and (max-width: 767px) {

    .why-sankalp-section {
        padding: 30px 20px 45px;
    }

    .why-sankalp-top {
        margin-bottom: 40px;
    }

    .why-sankalp-top h2 {
        font-size: 36px;

        margin-bottom: 15px;
    }

    .why-sankalp-top p {
        font-size: 15px;

        line-height: 1.7;

        margin-bottom: 20px;
    }

    .why-sankalp-grid {
        grid-template-columns: 1fr;

        gap: 35px;

        max-width: 500px;
    }

    .why-sankalp-card {
        width: 100%;
    }

    .why-sankalp-icon {
        width: 105px;
        height: 95px;

        margin-bottom: 16px;
    }

    .why-sankalp-icon img {
        max-width: 95px;
        max-height: 90px;
    }

    .why-sankalp-card h3 {
        font-size: 21px;

        margin-bottom: 12px;
    }

    .why-sankalp-card p {
        font-size: 15px;

        line-height: 1.7;
    }

}


/* =========================================================
   SMALL MOBILE : 480PX
========================================================= */

@media only screen and (max-width: 480px) {

    .why-sankalp-section {
        padding: 25px 15px 40px;
    }

    .why-sankalp-top {
        margin-bottom: 35px;
    }

    .why-sankalp-top h2 {
        font-size: 32px;
    }

    .why-sankalp-top p {
        font-size: 14px;

        line-height: 1.7;
    }

    .why-sankalp-grid {
        gap: 32px;
    }

    .why-sankalp-icon {
        width: 100px;
        height: 90px;

        margin-bottom: 15px;
    }

    .why-sankalp-icon img {
        max-width: 90px;
        max-height: 85px;
    }

    .why-sankalp-card h3 {
        font-size: 20px;

        line-height: 1.25;
    }

    .why-sankalp-card p {
        font-size: 14px;

        line-height: 1.7;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE : 360PX
========================================================= */

@media only screen and (max-width: 360px) {

    .why-sankalp-section {
        padding-left: 12px;
        padding-right: 12px;
    }

    .why-sankalp-top h2 {
        font-size: 29px;
    }

    .why-sankalp-top p {
        font-size: 13.5px;
    }

    .why-sankalp-card h3 {
        font-size: 19px;
    }

    .why-sankalp-card p {
        font-size: 13.5px;
    }

}










/* =========================================================
   WHY SANKALP FEATURES SECTION
========================================================= */

.sankalp-why-features-section {
    width: 100%;
    background: #ffffff;

    padding: 100px 20px 80px;

    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-why-features-container {
    width: 100%;
    max-width: 1100px;

    margin: 0 auto;

    display: grid;

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

    column-gap: 20px;
    row-gap: 45px;
}


/* =========================================================
   SINGLE FEATURE CARD
========================================================= */

.sankalp-why-feature-card {
    width: 100%;

    box-sizing: border-box;

    cursor: pointer;
}


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

.sankalp-why-feature-icon {
    width: 120px;
    height: 120px;

    margin-bottom: 20px;

    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.sankalp-why-feature-icon img {
    max-width: 110px;
    max-height: 110px;

    width: auto;
    height: auto;

    display: block;

    object-fit: contain;

    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}


/* =========================================================
   TITLE
========================================================= */

.sankalp-why-feature-card h3 {
    margin: 0 0 14px;

    color: #000000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;

    transition: color 0.3s ease;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.sankalp-why-feature-card p {
    margin: 0;

    color: #333333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;
    line-height: 1.85;
    font-weight: 400;

    transition: color 0.3s ease;
}


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

.sankalp-why-feature-card:hover h3 {
    color: #00155c;
}

/* .sankalp-why-feature-card:hover p {
    color: #18a63c;
} */

/* .sankalp-why-feature-card:hover .sankalp-why-feature-icon img {
    transform: translateY(-5px);
} */


/* =========================================================
   LAPTOP : 1199PX
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-why-features-section {
        padding: 60px 30px 70px;
    }

    .sankalp-why-features-container {
        max-width: 1000px;

        column-gap: 40px;
        row-gap: 60px;
    }

    .sankalp-why-feature-icon {
        width: 110px;
        height: 110px;
    }

    .sankalp-why-feature-icon img {
        max-width: 100px;
        max-height: 100px;
    }

    .sankalp-why-feature-card h3 {
        font-size: 19px;
    }

    .sankalp-why-feature-card p {
        font-size: 14px;
        line-height: 1.75;
    }

}


/* =========================================================
   TABLET : 991PX
========================================================= */

@media only screen and (max-width: 991px) {

    .sankalp-why-features-section {
        padding: 50px 25px 60px;
    }

    .sankalp-why-features-container {
        max-width: 760px;

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

        column-gap: 50px;
        row-gap: 55px;
    }

    .sankalp-why-feature-icon {
        width: 105px;
        height: 105px;

        margin-bottom: 18px;
    }

    .sankalp-why-feature-icon img {
        max-width: 95px;
        max-height: 95px;
    }

    .sankalp-why-feature-card h3 {
        font-size: 20px;
    }

    .sankalp-why-feature-card p {
        font-size: 15px;
        line-height: 1.75;
    }

}


/* =========================================================
   MOBILE : 767PX
========================================================= */

@media only screen and (max-width: 767px) {

    .sankalp-why-features-section {
        padding: 45px 20px 55px;
    }

    .sankalp-why-features-container {
        max-width: 500px;

        grid-template-columns: 1fr;

        row-gap: 42px;
    }

    .sankalp-why-feature-card {
        width: 100%;
    }

    .sankalp-why-feature-icon {
        width: 100px;
        height: 100px;

        margin-bottom: 16px;
    }

    .sankalp-why-feature-icon img {
        max-width: 92px;
        max-height: 92px;
    }

    .sankalp-why-feature-card h3 {
        font-size: 21px;

        line-height: 1.3;

        margin-bottom: 12px;
    }

    .sankalp-why-feature-card p {
        font-size: 15px;

        line-height: 1.7;
    }

}


/* =========================================================
   SMALL MOBILE : 480PX
========================================================= */

@media only screen and (max-width: 480px) {

    .sankalp-why-features-section {
        padding: 38px 15px 48px;
    }

    .sankalp-why-features-container {
        row-gap: 38px;
    }

    .sankalp-why-feature-icon {
        width: 95px;
        height: 95px;

        margin-bottom: 15px;
    }

    .sankalp-why-feature-icon img {
        max-width: 88px;
        max-height: 88px;
    }

    .sankalp-why-feature-card h3 {
        font-size: 20px;

        line-height: 1.3;
    }

    .sankalp-why-feature-card p {
        font-size: 14px;

        line-height: 1.7;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE : 360PX
========================================================= */

@media only screen and (max-width: 360px) {

    .sankalp-why-features-section {
        padding-left: 12px;
        padding-right: 12px;
    }

    .sankalp-why-feature-icon {
        width: 90px;
        height: 90px;
    }

    .sankalp-why-feature-icon img {
        max-width: 82px;
        max-height: 82px;
    }

    .sankalp-why-feature-card h3 {
        font-size: 18px;
    }

    .sankalp-why-feature-card p {
        font-size: 13.5px;
    }

}





























/* =========================================================
   MESSAGE DESK SECTION
========================================================= */

.sankalp-message-desk-section {
    width: 100%;

    background: #F5F5F5;

    padding: 15px 20px 20px;

    box-sizing: border-box;

    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-message-desk-container {
    width: 100%;

    max-width: 1295px;

    margin: 0 auto;
}


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

.sankalp-message-desk-heading {
    width: 100%;

    text-align: center;

    margin-bottom: 30px;
}

.sankalp-message-desk-heading h2 {
    margin: 0;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 48px;

    line-height: 1.15;

    font-weight: 700;
}


/* =========================================================
   GREEN SHAPE
========================================================= */

.sankalp-message-desk-shape {
    width: 155px;

    margin: 3px auto 0;
}

.sankalp-message-desk-shape svg {
    width: 100%;

    height: auto;

    display: block;
}


/* =========================================================
   COMMON ROW
========================================================= */

.sankalp-message-desk-row {
    width: 100%;

    display: grid;

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

    align-items: center;

    gap: 29px;

    padding: 0 0 42px;

    box-sizing: border-box;
}


/* =========================================================
   REVERSE ROW
========================================================= */

.sankalp-message-desk-row.sankalp-message-desk-reverse
.sankalp-message-desk-image {
    order: 2;
}

.sankalp-message-desk-row.sankalp-message-desk-reverse
.sankalp-message-desk-content {
    order: 1;
}


/* =========================================================
   IMAGE BOX
========================================================= */

.sankalp-message-desk-image {
    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    background: #ffffff;

    box-sizing: border-box;
}


/* =========================================================
   IMAGE
   COMPLETE IMAGE - NO CUT
========================================================= */

.sankalp-message-desk-image img {
    width: 100%;

    height: 100%;

    display: block;

    object-fit: contain;

    object-position: center;

    background: #ffffff;
}


/* =========================================================
   FIRST IMAGE SIZE
========================================================= */

.sankalp-message-row-one
.sankalp-message-desk-image {
    height: 424px;
}


/* =========================================================
   SECOND IMAGE SIZE
========================================================= */

.sankalp-message-row-two
.sankalp-message-desk-image {
    height: 352px;
}


/* =========================================================
   THIRD IMAGE SIZE
========================================================= */

.sankalp-message-row-three
.sankalp-message-desk-image {
    height: 352px;
}


/* =========================================================
   FOURTH IMAGE SIZE
========================================================= */

.sankalp-message-row-four
.sankalp-message-desk-image {
    height: 366px;
}


/* =========================================================
   FIFTH IMAGE SIZE
========================================================= */

.sankalp-message-row-five
.sankalp-message-desk-image {
    height: 352px;
}


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

.sankalp-message-desk-content {
    width: 100%;

    padding: 10px 5px;

    box-sizing: border-box;
}


/* =========================================================
   NAME
========================================================= */

.sankalp-message-desk-content h3 {
    margin: 0 0 12px;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 45px;

    line-height: 1.5;

    font-weight: 700;
}


/* =========================================================
   DESIGNATION
========================================================= */

.sankalp-message-desk-content h4 {
    margin: 0 0 18px;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 32px;

    line-height: 1.15;

    font-weight: 700;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.sankalp-message-desk-content p {
    margin: 0;

    color: #666666;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    line-height: 1.7;

    font-weight: 400;
}


/* =========================================================
   LAPTOP : 1199PX
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-message-desk-section {
        padding-left: 25px;

        padding-right: 25px;
    }


    .sankalp-message-desk-container {
        max-width: 1100px;
    }


    .sankalp-message-desk-row {
        gap: 28px;

        padding-bottom: 32px;
    }


    .sankalp-message-desk-heading h2 {
        font-size: 44px;
    }


    .sankalp-message-desk-content h3 {
        font-size: 38px;
    }


    .sankalp-message-desk-content h4 {
        font-size: 28px;
    }


    .sankalp-message-desk-content p {
        font-size: 15px;
    }


    .sankalp-message-row-one
    .sankalp-message-desk-image {
        height: 370px;
    }


    .sankalp-message-row-two
    .sankalp-message-desk-image {
        height: 325px;
    }


    .sankalp-message-row-three
    .sankalp-message-desk-image {
        height: 310px;
    }


    .sankalp-message-row-four
    .sankalp-message-desk-image {
        height: 335px;
    }


    .sankalp-message-row-five
    .sankalp-message-desk-image {
        height: 320px;
    }

}


/* =========================================================
   TABLET : 991PX
========================================================= */

@media only screen and (max-width: 991px) {

    .sankalp-message-desk-section {
        padding: 30px 20px 40px;
    }


    .sankalp-message-desk-heading {
        margin-bottom: 30px;
    }


    .sankalp-message-desk-heading h2 {
        font-size: 40px;
    }


    .sankalp-message-desk-shape {
        width: 140px;
    }


    .sankalp-message-desk-row {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        gap: 24px;

        padding-bottom: 35px;
    }


    .sankalp-message-desk-content h3 {
        font-size: 32px;
    }


    .sankalp-message-desk-content h4 {
        font-size: 24px;
    }


    .sankalp-message-desk-content p {
        font-size: 14px;

        line-height: 1.65;
    }


    .sankalp-message-row-one
    .sankalp-message-desk-image,

    .sankalp-message-row-two
    .sankalp-message-desk-image,

    .sankalp-message-row-three
    .sankalp-message-desk-image,

    .sankalp-message-row-four
    .sankalp-message-desk-image,

    .sankalp-message-row-five
    .sankalp-message-desk-image {
        height: 285px;
    }

}


/* =========================================================
   MOBILE : 767PX
========================================================= */

@media only screen and (max-width: 767px) {

    .sankalp-message-desk-section {
        padding: 30px 15px 35px;
    }


    .sankalp-message-desk-heading {
        margin-bottom: 25px;
    }


    .sankalp-message-desk-heading h2 {
        font-size: 34px;
    }


    .sankalp-message-desk-shape {
        width: 125px;
    }


    /* =====================================================
       SINGLE COLUMN
    ===================================================== */

    .sankalp-message-desk-row {
        grid-template-columns: 1fr;

        gap: 20px;

        padding-bottom: 45px;
    }


    /* =====================================================
       ALL MOBILE IMAGE FIRST
    ===================================================== */

    .sankalp-message-desk-row
    .sankalp-message-desk-image {
        order: 1 !important;
    }


    .sankalp-message-desk-row
    .sankalp-message-desk-content {
        order: 2 !important;
    }


    /* =====================================================
       MOBILE COMPLETE IMAGE
       NO CROP
    ===================================================== */

    .sankalp-message-row-one
    .sankalp-message-desk-image,

    .sankalp-message-row-two
    .sankalp-message-desk-image,

    .sankalp-message-row-three
    .sankalp-message-desk-image,

    .sankalp-message-row-four
    .sankalp-message-desk-image,

    .sankalp-message-row-five
    .sankalp-message-desk-image {
        width: 100%;

        height: auto;

        min-height: 0;
    }


    .sankalp-message-desk-image img {
        width: 100%;

        height: auto;

        max-height: none;

        object-fit: contain;

        object-position: center;
    }


    .sankalp-message-desk-content {
        padding: 0;
    }


    .sankalp-message-desk-content h3 {
        margin-bottom: 8px;

        font-size: 29px;

        line-height: 1.2;
    }


    .sankalp-message-desk-content h4 {
        margin-bottom: 14px;

        font-size: 22px;
    }


    .sankalp-message-desk-content p {
        font-size: 14px;

        line-height: 1.7;
    }

}


/* =========================================================
   SMALL MOBILE : 480PX
========================================================= */

@media only screen and (max-width: 480px) {

    .sankalp-message-desk-section {
        padding: 25px 12px 30px;
    }


    .sankalp-message-desk-heading h2 {
        font-size: 30px;
    }


    .sankalp-message-desk-shape {
        width: 115px;
    }


    .sankalp-message-desk-row {
        gap: 18px;

        padding-bottom: 38px;
    }


    .sankalp-message-desk-content h3 {
        font-size: 26px;

        line-height: 1.2;
    }


    .sankalp-message-desk-content h4 {
        font-size: 20px;
    }


    .sankalp-message-desk-content p {
        font-size: 13.5px;

        line-height: 1.7;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE : 360PX
========================================================= */

@media only screen and (max-width: 360px) {

    .sankalp-message-desk-section {
        padding-left: 10px;

        padding-right: 10px;
    }


    .sankalp-message-desk-heading h2 {
        font-size: 27px;
    }


    .sankalp-message-desk-content h3 {
        font-size: 23px;
    }


    .sankalp-message-desk-content h4 {
        font-size: 18px;
    }


    .sankalp-message-desk-content p {
        font-size: 13px;
    }

}
























/* =========================================================
   SCHOOL CELEBRATIONS SECTION
========================================================= */

.sankalp-celebrations-section {
    width: 100%;
    background: #ffffff;
    padding: 5px 10px 20px;
    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-celebrations-container {
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
}


/* =========================================================
   COMMON ROW
========================================================= */

.sankalp-celebration-row {
    width: 100%;

    display: grid;
    grid-template-columns: 38% 62%;

    align-items: center;

    gap: 22px;

    padding: 0 0 18px;

    box-sizing: border-box;
}


/* =========================================================
   REVERSE ROW
========================================================= */

.sankalp-celebration-row.sankalp-celebration-reverse {
    grid-template-columns: 60% 38%;
}


.sankalp-celebration-row.sankalp-celebration-reverse
.sankalp-celebration-image {
    order: 2;
}


.sankalp-celebration-row.sankalp-celebration-reverse
.sankalp-celebration-content {
    order: 1;
}


/* =========================================================
   IMAGE BOX
========================================================= */

.sankalp-celebration-image {
    width: 100%;
    height: 356px;

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

    overflow: hidden;

    background: #ffffff;

    box-sizing: border-box;
}


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

.sankalp-celebration-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;
    object-position: center;

    background: #ffffff;
}


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

.sankalp-celebration-content {
    width: 100%;

    padding: 10px 0;

    box-sizing: border-box;
}


/* =========================================================
   TITLE
========================================================= */

.sankalp-celebration-content h3 {
    margin: 0 0 30px;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 47px;
    line-height: 1.1;
    font-weight: 700;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.sankalp-celebration-content p {
    margin: 0;

    color: #374151;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px;
    line-height: 1.85;
    font-weight: 400;
}


/* =========================================================
   LAPTOP : 1199PX
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-celebrations-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sankalp-celebrations-container {
        max-width: 1100px;
    }

    .sankalp-celebration-row {
        grid-template-columns: 40% 60%;

        gap: 25px;

        padding-bottom: 25px;
    }

    .sankalp-celebration-row.sankalp-celebration-reverse {
        grid-template-columns: 60% 40%;
    }

    .sankalp-celebration-image {
        height: 280px;
    }

    .sankalp-celebration-content h3 {
        margin-bottom: 22px;

        font-size: 40px;
    }

    .sankalp-celebration-content p {
        font-size: 16px;
        line-height: 1.75;
    }

}


/* =========================================================
   TABLET : 991PX
========================================================= */

@media only screen and (max-width: 991px) {

    .sankalp-celebrations-section {
        padding: 25px 20px 35px;
    }

    .sankalp-celebration-row,
    .sankalp-celebration-row.sankalp-celebration-reverse {
        grid-template-columns: 1fr 1fr;

        gap: 25px;

        padding-bottom: 35px;
    }

    .sankalp-celebration-image {
        height: 250px;
    }

    .sankalp-celebration-content h3 {
        margin-bottom: 18px;

        font-size: 34px;
    }

    .sankalp-celebration-content p {
        font-size: 15px;
        line-height: 1.7;
    }

}


/* =========================================================
   MOBILE : 767PX
========================================================= */

@media only screen and (max-width: 767px) {

    .sankalp-celebrations-section {
        padding: 25px 15px 30px;
    }


    /* =====================================================
       SINGLE COLUMN
    ===================================================== */

    .sankalp-celebration-row,
    .sankalp-celebration-row.sankalp-celebration-reverse {
        grid-template-columns: 1fr;

        gap: 20px;

        padding-bottom: 42px;
    }


    /* =====================================================
       MOBILE IMAGE FIRST
    ===================================================== */

    .sankalp-celebration-row
    .sankalp-celebration-image {
        order: 1 !important;
    }


    .sankalp-celebration-row
    .sankalp-celebration-content {
        order: 2 !important;
    }


    /* =====================================================
       FULL IMAGE / NO CROP
    ===================================================== */

    .sankalp-celebration-image {
        width: 100%;
        height: auto;

        background: #ffffff;
    }


    .sankalp-celebration-image img {
        width: 100%;
        height: auto;

        max-height: none;

        object-fit: contain;
    }


    .sankalp-celebration-content {
        padding: 0;
    }


    .sankalp-celebration-content h3 {
        margin-bottom: 14px;

        font-size: 30px;
        line-height: 1.15;
    }


    .sankalp-celebration-content p {
        font-size: 14px;
        line-height: 1.7;
    }

}


/* =========================================================
   SMALL MOBILE : 480PX
========================================================= */

@media only screen and (max-width: 480px) {

    .sankalp-celebrations-section {
        padding: 20px 12px 25px;
    }

    .sankalp-celebration-row,
    .sankalp-celebration-row.sankalp-celebration-reverse {
        gap: 17px;

        padding-bottom: 35px;
    }

    .sankalp-celebration-content h3 {
        margin-bottom: 12px;

        font-size: 27px;
    }

    .sankalp-celebration-content p {
        font-size: 13.5px;
        line-height: 1.7;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE : 360PX
========================================================= */

@media only screen and (max-width: 360px) {

    .sankalp-celebrations-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sankalp-celebration-content h3 {
        font-size: 24px;
    }

    .sankalp-celebration-content p {
        font-size: 13px;
    }

}























/* =========================================================
   SPORTS UNIFORM SECTION
========================================================= */

.sports-uniform-section {
    width: 100%;
    padding: 8px 20px 12px;

    background: #ffffff;

    box-sizing: border-box;

    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   MAIN BOX
========================================================= */

.sports-uniform-box {
    width: 100%;
    max-width: 1140px;
    min-height: 392px;

    margin: 0 auto;
    padding: 20px;

    display: grid;
    grid-template-columns: 540px 1fr;

    align-items: center;

    gap: 80px;

    border: 1px solid #808080;
    border-radius: 10px;

    background: #ffffff;

    box-sizing: border-box;
}


/* =========================================================
   IMAGE AREA
========================================================= */

.sports-uniform-images {
    width: 100%;

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

    gap: 15px;
}


.sports-uniform-image-box {
    width: 100%;
    height: 350px;

    position: relative;

    overflow: hidden;

    border: 1px solid #8a8a8a;

    background: #f6f6f6;

    cursor: zoom-in;

    box-sizing: border-box;

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}


.sports-uniform-image-box img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition: transform 0.5s ease;
}


/* =========================================================
   IMAGE HOVER
========================================================= */

.sports-uniform-image-box:hover {
    /* transform: translateY(-8px); */

    /* box-shadow:
        0 16px 30px rgba(0, 0, 0, 0.20); */

    z-index: 5;
    border: none;
}


.sports-uniform-image-box:hover img {
    transform: scale(1.08);
}


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

.sports-uniform-content {
    width: 100%;

    text-align: center;

    padding-right: 40px;

    box-sizing: border-box;
}


.sports-uniform-content h2 {
    margin: 0 0 12px;

    color: #073d7c;

    font-size: 48px;
    line-height: 1.15;

    font-weight: 700;
}


.sports-uniform-content p {
    margin: 0;

    color: #000000;

    font-size: 15px;
    line-height: 1.4;

    font-weight: 700;
}


/* =========================================================
   LIGHTBOX
========================================================= */

.sports-lightbox {
    position: fixed;

    inset: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.82);

    z-index: 999999;

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

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease;
}


/* OPEN STATE */

.sports-lightbox.active {
    opacity: 1;
    visibility: visible;
}


/* =========================================================
   TOP BAR
========================================================= */

.sports-lightbox-topbar {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 52px;

    padding: 0 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background: #031223;

    box-sizing: border-box;

    z-index: 30;
}


/* IMAGE COUNT */

.sports-lightbox-count {
    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    font-weight: 600;
}


/* =========================================================
   TOP ACTION BUTTONS
========================================================= */

.sports-lightbox-actions {
    display: flex;

    align-items: center;

    gap: 8px;
}


.sports-lightbox-action-btn {
    width: 40px;
    height: 40px;

    padding: 0;

    border: 0;

    background: transparent;

    color: #d9dde3;

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

    font-size: 20px;

    cursor: pointer;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}


.sports-lightbox-action-btn:hover {
    color: #ffffff;

    transform: scale(1.12);
}


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

.sports-lightbox-content {
    width: calc(100% - 180px);
    height: calc(100% - 105px);

    margin-top: 52px;

    display: flex;

    flex-direction: column;

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

    position: relative;
}


/* =========================================================
   LARGE IMAGE
========================================================= */

.sports-lightbox-content img {
    display: block;

    max-width: 90%;
    max-height: calc(100vh - 130px);

    width: auto;
    height: auto;

    object-fit: contain;

    background: #ffffff;

    box-shadow:
        0 8px 30px rgba(0, 0, 0, 0.35);

    transform: scale(0.92);

    transition:
        transform 0.3s ease;
}


.sports-lightbox.active .sports-lightbox-content img {
    transform: scale(1);
}


/* ZOOMED STATE */

.sports-lightbox-content img.zoomed {
    transform: scale(1.4);

    cursor: zoom-out;
}


/* =========================================================
   CAPTION
========================================================= */

.sports-lightbox-caption {
    margin-top: 28px;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;
    font-weight: 600;

    text-align: center;
}


/* =========================================================
   LEFT / RIGHT NAVIGATION
========================================================= */

.sports-lightbox-nav {
    width: 55px;
    height: 80px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    border: none;

    background: transparent;

    color: #ffffff;

    display: flex;

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

    font-size: 34px;

    cursor: pointer;

    z-index: 20;

    opacity: 0.82;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}


.sports-lightbox-nav:hover {
    opacity: 1;
}


.sports-lightbox-prev {
    left: 70px;
}


.sports-lightbox-next {
    right: 70px;
}


/* =========================================================
   1200PX
========================================================= */

@media (max-width: 1200px) {

    .sports-uniform-box {
        max-width: 1050px;

        grid-template-columns: 500px 1fr;

        gap: 55px;
    }


    .sports-uniform-image-box {
        height: 330px;
    }


    .sports-uniform-content h2 {
        font-size: 43px;
    }


    .sports-lightbox-prev {
        left: 30px;
    }


    .sports-lightbox-next {
        right: 30px;
    }

}


/* =========================================================
   1024PX
========================================================= */

@media (max-width: 1024px) {

    .sports-uniform-box {
        grid-template-columns: 460px 1fr;

        gap: 40px;
    }


    .sports-uniform-image-box {
        height: 310px;
    }


    .sports-uniform-content h2 {
        font-size: 38px;
    }

}


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

@media (max-width: 900px) {

    .sports-uniform-box {
        grid-template-columns: 1fr;

        gap: 35px;
    }


    .sports-uniform-images {
        max-width: 620px;

        margin: 0 auto;
    }


    .sports-uniform-image-box {
        height: 390px;
    }


    .sports-uniform-content {
        padding: 0 0 20px;
    }


    .sports-uniform-content h2 {
        font-size: 40px;
    }


    .sports-lightbox-content {
        width: calc(100% - 110px);
    }


    .sports-lightbox-prev {
        left: 8px;
    }


    .sports-lightbox-next {
        right: 8px;
    }

}


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

@media (max-width: 767px) {

    .sports-uniform-section {
        padding: 15px 15px 30px;
    }


    .sports-uniform-box {
        padding: 15px;

        gap: 28px;
    }


    .sports-uniform-images {
        gap: 12px;
    }


    .sports-uniform-image-box {
        height: 320px;
    }


    .sports-uniform-content h2 {
        font-size: 32px;
    }


    .sports-uniform-content p {
        font-size: 14px;
    }


    /* LIGHTBOX */

    .sports-lightbox-topbar {
        height: 48px;

        padding: 0 12px;
    }


    .sports-lightbox-action-btn {
        width: 36px;
        height: 36px;

        font-size: 18px;
    }


    .sports-lightbox-content {
        width: calc(100% - 70px);
        height: calc(100% - 85px);

        margin-top: 48px;
    }


    .sports-lightbox-content img {
        max-width: 100%;
        max-height: calc(100vh - 130px);
    }


    .sports-lightbox-caption {
        margin-top: 18px;

        font-size: 13px;
    }


    .sports-lightbox-nav {
        width: 34px;

        font-size: 25px;
    }


    .sports-lightbox-prev {
        left: 0;
    }


    .sports-lightbox-next {
        right: 0;
    }

}


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

@media (max-width: 520px) {

    .sports-uniform-images {
        grid-template-columns: 1fr;

        max-width: 310px;
    }


    .sports-uniform-image-box {
        height: 390px;
    }


    .sports-uniform-content h2 {
        font-size: 29px;
    }


    .sports-lightbox-content {
        width: calc(100% - 55px);
    }


    .sports-lightbox-nav {
        width: 28px;

        font-size: 22px;
    }

}


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

@media (max-width: 380px) {

    .sports-uniform-image-box {
        height: 350px;
    }


    .sports-uniform-content h2 {
        font-size: 26px;
    }

}







































































































/* =========================================================
   CAREER INTRO SECTION
========================================================= */

.career-intro-section {
    width: 100%;

    padding: 8px 20px 10px;

    background: #ffffff;

    box-sizing: border-box;

    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   CONTAINER
========================================================= */

.career-intro-container {
    width: 100%;
    max-width: 1140px;

    margin: 0 auto;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.career-intro-container p {
    margin: 0 0 25px;

    color: #6f6f6f;

    font-size: 16px;
    line-height: 1.7;

    font-weight: 400;
}


/* LAST PARAGRAPH */

.career-intro-container p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   1200PX
========================================================= */

@media (max-width: 1200px) {

    .career-intro-container {
        max-width: 1080px;
    }

}


/* =========================================================
   1024PX
========================================================= */

@media (max-width: 1024px) {

    .career-intro-section {
        padding-left: 30px;
        padding-right: 30px;
    }


    .career-intro-container p {
        font-size: 15px;
        line-height: 1.7;
    }

}


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

@media (max-width: 767px) {

    .career-intro-section {
        padding: 15px 20px;
    }


    .career-intro-container p {
        font-size: 14px;
        line-height: 1.75;

        margin-bottom: 20px;
    }

}


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

@media (max-width: 480px) {

    .career-intro-section {
        padding: 12px 15px;
    }


    .career-intro-container p {
        font-size: 13.5px;
        line-height: 1.7;

        margin-bottom: 18px;
    }

}











/* =========================================================
   CAREER FORM SECTION
========================================================= */

.career-form-section {
    width: 100%;
    padding: 50px 20px 45px;

    background: #ffffff;

    box-sizing: border-box;

    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   CONTAINER
========================================================= */

.career-form-container {
    width: 100%;
    max-width: 1140px;

    margin: 0 auto;
}


/* =========================================================
   FORM GRID
========================================================= */

.career-form-grid {
    width: 100%;

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

    column-gap: 30px;

    align-items: start;
}


/* =========================================================
   COLUMN
========================================================= */

.career-form-column {
    width: 100%;
}


/* =========================================================
   FORM GROUP
========================================================= */

.career-form-group {
    width: 100%;

    margin-bottom: 7px;
}


/* EXTRA GAP LIKE SCREENSHOT */

.career-gap-top {
    margin-top: 78px;
}


/* =========================================================
   LABEL
========================================================= */

.career-form-group label {
    display: block;

        margin: 20px 0 8px;

    color: #364152cb;

    font-size: 14px;
    line-height: 1.2;

    font-weight: 600;
}


/* =========================================================
   INPUT / SELECT / TEXTAREA
========================================================= */

.career-form-group input[type="text"],
.career-form-group input[type="email"],
.career-form-group input[type="tel"],
.career-form-group input[type="number"],
.career-form-group input[type="date"],
.career-form-group select,
.career-form-group textarea {
    width: 100%;

    border: 1px solid #e2e2e2b7;

    background: #ffffff;

    color: #333333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    box-sizing: border-box;

    outline: none;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* NORMAL INPUT */

.career-form-group input[type="text"],
.career-form-group input[type="email"],
.career-form-group input[type="tel"],
.career-form-group input[type="number"] {
    height: 42px;

    padding: 0 12px;
}


/* DATE */

.career-form-group input[type="date"] {
    width: 150px;
    height: 44px;

    padding: 0 10px;
}


/* SELECT */

.career-form-group select {
    height: 47px;

    padding: 0 22px;

    cursor: pointer;
}


/* TEXTAREA */

.career-form-group textarea {
    height: 120px;

    padding: 12px;

    resize: vertical;
}


/* =========================================================
   FOCUS
========================================================= */

.career-form-group input:focus,
.career-form-group select:focus,
.career-form-group textarea:focus {
    border-color: #316ff6;

    box-shadow: 0 0 0 2px rgba(49, 111, 246, 0.08);
}


/* =========================================================
   FILE INPUT
========================================================= */

.career-file-input {
    width: 100%;
    max-width: 294px;

    min-height: 49px;

    padding: 10px;

    border: 1px solid #e2e2e2;

    background: #ffffff;

    box-sizing: border-box;

    font-size: 14px;
}


/* =========================================================
   SUBMIT AREA
========================================================= */

.career-submit-area {
    width: 100%;

    margin-top: 49px;
}


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

.career-submit-btn {
    min-width: 63px;
    height: 39px;

    padding: 0 11px;

    border: none;

    background: #316ff6;

    color: #ffffff;

    font-size: 13px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}


.career-submit-btn:hover {
    background: #ffffff;
    color:#316ff6;
    border: 1px solid #dfdcdcde;
    border-radius: 3px;

    /* transform: translateY(-2px); */
}


/* =========================================================
   1200PX
========================================================= */

@media (max-width: 1200px) {

    .career-form-container {
        max-width: 1060px;
    }

}


/* =========================================================
   1024PX
========================================================= */

@media (max-width: 1024px) {

    .career-form-section {
        padding-left: 30px;
        padding-right: 30px;
    }


    .career-form-grid {
        column-gap: 25px;
    }

}


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

@media (max-width: 767px) {

    .career-form-section {
        padding: 25px 20px 40px;
    }


    .career-form-grid {
        grid-template-columns: 1fr;

        gap: 0;
    }


    .career-gap-top {
        margin-top: 0;
    }


    .career-form-group {
        margin-bottom: 16px;
    }


    .career-form-group input[type="date"] {
        width: 100%;
    }


    .career-file-input {
        max-width: 100%;
    }


    .career-submit-area {
        margin-top: 20px;
    }


    .career-submit-btn {
        min-width: 90px;
        height: 44px;
    }

}


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

@media (max-width: 480px) {

    .career-form-section {
        padding: 20px 15px 35px;
    }


    .career-form-group label {
        font-size: 13.5px;
    }


    .career-form-group input[type="text"],
    .career-form-group input[type="email"],
    .career-form-group input[type="tel"],
    .career-form-group input[type="number"],
    .career-form-group input[type="date"],
    .career-form-group select {
        height: 45px;

        font-size: 14px;
    }


    .career-form-group textarea {
        height: 110px;
    }


    .career-submit-btn {
        width: 100%;

        height: 46px;
    }

}




















/* =========================================================
   COMING SOON SECTION
========================================================= */

.coming-soon-section {
    width: 100%;

    padding: 28px 20px 30px;

    background: #ffffff;

    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.coming-soon-container {
    width: 100%;
    max-width: 1350px;

    margin: 0 auto;

    text-align: center;
}


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

.coming-soon-container h2 {
    margin: 0;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 45px;
    line-height: 1.15;

    font-weight: 700;
}


/* =========================================================
   1200PX
========================================================= */

@media (max-width: 1200px) {

    .coming-soon-container h2 {
        font-size: 48px;
    }

}


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

@media (max-width: 991px) {

    .coming-soon-section {
        padding: 26px 20px 28px;
    }


    .coming-soon-container h2 {
        font-size: 42px;
    }

}


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

@media (max-width: 767px) {

    .coming-soon-section {
        padding: 24px 15px 26px;
    }


    .coming-soon-container h2 {
        font-size: 34px;
    }

}


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

@media (max-width: 480px) {

    .coming-soon-section {
        padding: 22px 12px 24px;
    }


    .coming-soon-container h2 {
        font-size: 29px;
    }

}


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

@media (max-width: 360px) {

    .coming-soon-container h2 {
        font-size: 26px;
    }

}




















/* =========================================================
   FACILITY GALLERY SECTION
========================================================= */

.sankalp-facility-gallery-section {
    width: 100%;

    background: #F2F4F9;

    padding: 130px 20px 100px;

    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-facility-gallery-container {
    width: 100%;
    max-width: 1080px;

    margin: 0 auto;

    display: grid;

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

    gap: 20px;
}


/* =========================================================
   CARD
========================================================= */

.sankalp-facility-gallery-card {
    width: 100%;

    min-height: 480px;

    background: #ffffff;

    border-radius: 24px;

    padding: 10px 10px 25px;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.08);

    box-sizing: border-box;

    overflow: hidden;
}


/* =========================================================
   IMAGE SLIDER
========================================================= */

.sankalp-facility-card-slider {
    position: relative;

    width: 100%;

    height: 210px;

    overflow: hidden;

    border-radius: 14px;

    background: #eeeeee;
}


/* =========================================================
   TRACK
========================================================= */

.sankalp-facility-card-track {
    display: flex;

    width: 100%;
    height: 100%;

    transition: transform 0.45s ease;

    will-change: transform;
}


/* =========================================================
   SINGLE SLIDE
========================================================= */

.sankalp-facility-card-slide {
    width: 100%;
    height: 100%;

    flex: 0 0 100%;

    display: flex;

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

    background: #eeeeee;
}


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

.sankalp-facility-card-slide img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    cursor: zoom-in;
}


/* =========================================================
   CARD SLIDER ARROWS
========================================================= */

.sankalp-facility-card-prev,
.sankalp-facility-card-next {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 32px;
    height: 44px;

    border: none;

    background: transparent;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 38px;

    line-height: 1;

    cursor: pointer;

    z-index: 5;

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

    padding: 0;

    opacity: 0.9;
}


.sankalp-facility-card-prev:hover,
.sankalp-facility-card-next:hover {
    opacity: 1;
}


.sankalp-facility-card-prev {
    left: 5px;
}


.sankalp-facility-card-next {
    right: 5px;
}


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

.sankalp-facility-gallery-content {
    width: 100%;

    padding: 48px 10px 0;

    box-sizing: border-box;
}


/* =========================================================
   TITLE
========================================================= */

.sankalp-facility-gallery-content h3 {
    margin: 0 0 22px;

    color: #003878;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 22px;

    line-height: 1.25;

    font-weight: 700;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.sankalp-facility-gallery-content p {
    margin: 0;

    color: #3b3b3b;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;

    line-height: 1.8;

    font-weight: 400;

    text-align: justify;
}


/* =========================================================
   LARGE LAPTOP
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-facility-gallery-container {
        max-width: 1000px;

        gap: 18px;
    }


    .sankalp-facility-gallery-card {
        min-height: 465px;
    }


    .sankalp-facility-card-slider {
        height: 195px;
    }


    .sankalp-facility-gallery-content {
        padding-top: 40px;
    }


    .sankalp-facility-gallery-content h3 {
        font-size: 20px;
    }


    .sankalp-facility-gallery-content p {
        font-size: 13.5px;
    }

}


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

@media only screen and (max-width: 991px) {

    .sankalp-facility-gallery-section {
        padding: 25px 20px 50px;
    }


    .sankalp-facility-gallery-container {
        max-width: 800px;

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

        gap: 20px;
    }


    .sankalp-facility-card-slider {
        height: 190px;
    }


    .sankalp-facility-gallery-card {
        min-height: 460px;
    }

}


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

@media only screen and (max-width: 767px) {

    .sankalp-facility-gallery-section {
        padding: 25px 15px 45px;
    }


    .sankalp-facility-gallery-container {
        max-width: 620px;

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

        gap: 20px;
    }


    .sankalp-facility-gallery-card {
        min-height: 450px;

        border-radius: 20px;
    }


    .sankalp-facility-card-slider {
        height: 210px;
    }


    .sankalp-facility-gallery-content {
        padding: 35px 12px 0;
    }


    .sankalp-facility-gallery-content h3 {
        margin-bottom: 15px;

        font-size: 20px;
    }


    .sankalp-facility-gallery-content p {
        font-size: 14px;

        line-height: 1.75;
    }

}


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

@media only screen and (max-width: 575px) {

    .sankalp-facility-gallery-section {
        padding: 20px 12px 40px;
    }


    .sankalp-facility-gallery-container {
        max-width: 390px;

        grid-template-columns: 1fr;

        gap: 22px;
    }


    .sankalp-facility-gallery-card {
        width: 100%;

        min-height: auto;

        border-radius: 22px;

        padding: 10px 10px 28px;
    }


    .sankalp-facility-card-slider {
        width: 100%;

        height: auto;

        aspect-ratio: 16 / 11;

        border-radius: 14px;
    }


    .sankalp-facility-gallery-content {
        padding: 28px 12px 0;
    }


    .sankalp-facility-gallery-content h3 {
        margin-bottom: 13px;

        font-size: 21px;
    }


    .sankalp-facility-gallery-content p {
        font-size: 14px;

        line-height: 1.7;

        text-align: left;
    }

}


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

@media only screen and (max-width: 375px) {

    .sankalp-facility-gallery-container {
        max-width: 340px;
    }


    .sankalp-facility-gallery-content h3 {
        font-size: 19px;
    }


    .sankalp-facility-gallery-content p {
        font-size: 13.5px;
    }

}



/* =========================================================
   =========================================================
   LIGHTBOX
   =========================================================
========================================================= */

.sankalp-facility-lightbox {
    position: fixed;

    inset: 0;

    width: 100%;
    height: 100%;

    display: none;

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

    background: rgba(24, 24, 24, 0.93);

    z-index: 999999;

    overflow: hidden;
}


/* ACTIVE */

.sankalp-facility-lightbox.active {
    display: flex;
}


/* =========================================================
   TOP BAR
========================================================= */

.sankalp-facility-lightbox-topbar {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 60px;

    padding: 0 20px;

    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: space-between;

    z-index: 30;
}


/* =========================================================
   COUNT
========================================================= */

.sankalp-facility-lightbox-count {
    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: 600;
}


/* =========================================================
   TOOLS
========================================================= */

.sankalp-facility-lightbox-tools {
    display: flex;

    align-items: center;

    gap: 6px;
}


.sankalp-facility-lightbox-tool,
.sankalp-facility-lightbox-close {
    width: 42px;
    height: 42px;

    border: none;

    background: transparent;

    color: #ffffff;

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

    cursor: pointer;

    padding: 0;

    opacity: 0.85;
}


.sankalp-facility-lightbox-tool:hover,
.sankalp-facility-lightbox-close:hover {
    opacity: 1;

    background: rgba(255,255,255,0.07);
}


.sankalp-facility-lightbox-tool {
    font-size: 25px;
}


.sankalp-facility-lightbox-close {
    font-size: 38px;

    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   STAGE
========================================================= */

.sankalp-facility-lightbox-stage {
    width: calc(100% - 280px);

    height: calc(100% - 135px);

    margin-top: 25px;

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

    overflow: auto;
}


/* =========================================================
   MAIN IMAGE
========================================================= */

.sankalp-facility-lightbox-image {
    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 100%;

    display: block;

    object-fit: contain;

    cursor: zoom-in;

    transition: transform 0.25s ease;
}


/* ZOOM */

.sankalp-facility-lightbox-image.zoomed {
    transform: scale(1.5);

    cursor: zoom-out;
}


/* =========================================================
   LIGHTBOX ARROWS
========================================================= */

.sankalp-facility-lightbox-arrow {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 70px;
    height: 90px;

    border: none;

    background: transparent;

    color: #ffffff;

    font-size: 50px;

    cursor: pointer;

    z-index: 20;

    opacity: 0.8;
}


.sankalp-facility-lightbox-arrow:hover {
    opacity: 1;
}


.sankalp-facility-lightbox-prev {
    left: 55px;
}


.sankalp-facility-lightbox-next {
    right: 55px;
}


/* =========================================================
   TITLE
========================================================= */

.sankalp-facility-lightbox-title {
    position: absolute;

    bottom: 16px;
    left: 0;

    width: 100%;

    text-align: center;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;

    font-weight: 600;
}


/* =========================================================
   ONE IMAGE ONLY
========================================================= */

.sankalp-facility-lightbox.single-image
.sankalp-facility-lightbox-arrow {
    display: none;
}


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

@media only screen and (max-width: 991px) {

    .sankalp-facility-lightbox-stage {
        width: calc(100% - 150px);

        height: calc(100% - 125px);
    }


    .sankalp-facility-lightbox-prev {
        left: 10px;
    }


    .sankalp-facility-lightbox-next {
        right: 10px;
    }

}


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

@media only screen and (max-width: 575px) {

    .sankalp-facility-lightbox-topbar {
        height: 55px;

        padding: 0 10px;
    }


    .sankalp-facility-lightbox-stage {
        width: calc(100% - 20px);

        height: calc(100% - 125px);

        margin-top: 20px;
    }


    .sankalp-facility-lightbox-arrow {
        width: 42px;
        height: 65px;

        font-size: 36px;
    }


    .sankalp-facility-lightbox-prev {
        left: 0;
    }


    .sankalp-facility-lightbox-next {
        right: 0;
    }


    .sankalp-facility-lightbox-tool,
    .sankalp-facility-lightbox-close {
        width: 36px;
        height: 36px;
    }


    .sankalp-facility-lightbox-title {
        bottom: 10px;

        font-size: 13px;
    }

}








































































/* =========================================================
   PRE-PRIMARY SECTION
========================================================= */

.sankalp-preprimary-section {
    width: 100%;
    background: #ffffff;

    padding: 15px 20px;

    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-preprimary-container {
    width: 100%;
    max-width: 1095px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 340px 1fr;

    align-items: center;

    gap: 55px;
}


/* =========================================================
   LEFT IMAGE
========================================================= */

.sankalp-preprimary-image {
    width: 100%;
    height: auto;

    overflow: hidden;

    background: #f5f5f5;
}

.sankalp-preprimary-image img {
    max-width: 100%;
    height: auto;

    display: block;

    object-fit: cover;
    object-position: center;
}


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

.sankalp-preprimary-content {
    width: 100%;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.sankalp-preprimary-content h2 {
    margin: 0 0 5px;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 45px;
    line-height: 1.1;
    font-weight: 700;
}


/* =========================================================
   LEVEL
========================================================= */

.sankalp-preprimary-content h3 {
    margin: 0 0 35px;

    color: #13a432;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.sankalp-preprimary-content p {
    margin: 0 0 24px;

    max-width: 810px;

    color: #3d4b5c;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px;
    line-height: 1.8;
    font-weight: 400;
}


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

.sankalp-preprimary-buttons {
    width: 100%;

    display: grid;

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

    gap: 72px;
}


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

.sankalp-preprimary-btn {
    min-height: 53px;

    padding: 0 12px;

    border-radius: 5px;

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

    gap: 10px;

    box-sizing: border-box;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;

    text-align: center;
    text-decoration: none;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.sankalp-preprimary-btn svg {
    flex-shrink: 0;
}


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

.sankalp-preprimary-btn-blue {
    background: #00306E;
}

.sankalp-preprimary-btn-blue:hover {
    background: #1ca53e;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(7, 59, 125, 0.18);
}


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

.sankalp-preprimary-btn-green {
    background: #1cab42;
}

.sankalp-preprimary-btn-green:hover {
    background: #00306E;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(28, 171, 66, 0.18);
}


/* =========================================================
   LAPTOP : 1199PX
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-preprimary-container {
        max-width: 1000px;

        grid-template-columns: 310px 1fr;

        gap: 45px;
    }

    .sankalp-preprimary-image {
        width: 310px;
        height: 270px;
    }

    .sankalp-preprimary-content h2 {
        font-size: 42px;
    }

    .sankalp-preprimary-content h3 {
        font-size: 25px;

        margin-bottom: 28px;
    }

    .sankalp-preprimary-content p {
        font-size: 16px;
    }

    .sankalp-preprimary-buttons {
        gap: 35px;
    }

    .sankalp-preprimary-btn {
        padding: 0 20px;

        font-size: 13px;
    }

}


/* =========================================================
   TABLET : 991PX
========================================================= */

@media only screen and (max-width: 991px) {

    .sankalp-preprimary-section {
        padding: 30px 20px;
    }

    .sankalp-preprimary-container {
        max-width: 760px;

        grid-template-columns: 280px 1fr;

        gap: 35px;
    }

    .sankalp-preprimary-image {
        width: 280px;
        height: 250px;
    }

    .sankalp-preprimary-content h2 {
        font-size: 37px;
    }

    .sankalp-preprimary-content h3 {
        font-size: 23px;

        margin-bottom: 24px;
    }

    .sankalp-preprimary-content p {
        font-size: 15px;

        line-height: 1.7;

        margin-bottom: 20px;
    }

    .sankalp-preprimary-buttons {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .sankalp-preprimary-btn {
        width: 100%;

        min-height: 50px;
    }

}


/* =========================================================
   MOBILE : 767PX
========================================================= */

@media only screen and (max-width: 767px) {

    .sankalp-preprimary-section {
        padding: 30px 15px;
    }

    .sankalp-preprimary-container {
        grid-template-columns: 1fr;

        max-width: 500px;

        gap: 25px;
    }


    /* =====================================================
       MOBILE IMAGE
       FULL IMAGE WITHOUT CROP
    ===================================================== */

    .sankalp-preprimary-image {
        width: 100%;
        height: auto;

        background: #f5f5f5;
    }

    .sankalp-preprimary-image img {
        width: 100%;
        height: auto;

        object-fit: contain;

        display: block;
    }


    .sankalp-preprimary-content h2 {
        font-size: 34px;
    }

    .sankalp-preprimary-content h3 {
        font-size: 22px;

        margin-bottom: 20px;
    }

    .sankalp-preprimary-content p {
        max-width: 100%;

        font-size: 15px;

        line-height: 1.7;

        margin-bottom: 22px;
    }

    .sankalp-preprimary-buttons {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .sankalp-preprimary-btn {
        width: 100%;

        min-height: 52px;

        padding: 0 18px;

        font-size: 13.5px;
    }

}


/* =========================================================
   SMALL MOBILE : 480PX
========================================================= */

@media only screen and (max-width: 480px) {

    .sankalp-preprimary-section {
        padding: 25px 12px;
    }

    .sankalp-preprimary-container {
        gap: 20px;
    }

    .sankalp-preprimary-content h2 {
        font-size: 30px;
    }

    .sankalp-preprimary-content h3 {
        font-size: 20px;

        margin-bottom: 18px;
    }

    .sankalp-preprimary-content p {
        font-size: 14px;

        line-height: 1.7;
    }

    .sankalp-preprimary-btn {
        min-height: 50px;

        padding: 0 15px;

        font-size: 13px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE : 360PX
========================================================= */

@media only screen and (max-width: 360px) {

    .sankalp-preprimary-content h2 {
        font-size: 27px;
    }

    .sankalp-preprimary-content h3 {
        font-size: 19px;
    }

    .sankalp-preprimary-content p {
        font-size: 13.5px;
    }

    .sankalp-preprimary-btn {
        font-size: 12px;

        padding-left: 12px;
        padding-right: 12px;
    }

}















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

.sankalp-secondary-section {
    width: 100%;
    background: #ffffff;

    padding: 18px 20px;

    box-sizing: border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-secondary-container {
    width: 100%;
    max-width: 1345px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 500px 1fr;

    align-items: center;

    gap: 20px;
}


/* =========================================================
   LEFT IMAGE
========================================================= */

.sankalp-secondary-image {
    width: 500px;
    height: 315px;

    overflow: hidden;

    background: #f2f2f2;
}

.sankalp-secondary-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}


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

.sankalp-secondary-content {
    width: 100%;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.sankalp-secondary-content h2 {
    margin: 0 0 4px;

    color: #00306E;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 48px;
    line-height: 1.1;
    font-weight: 700;
}


/* =========================================================
   LEVEL
========================================================= */

.sankalp-secondary-content h3 {
    margin: 0 0 35px;

    color: #16a238;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.sankalp-secondary-content p {
    margin: 0 0 23px;

    max-width: 800px;

    color: #3d4b5c;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px;
    line-height: 1.85;
    font-weight: 400;
}


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

.sankalp-secondary-buttons {
    width: 100%;

    display: grid;

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

    gap: 72px;
}


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

.sankalp-secondary-btn {
    min-height: 54px;

    padding: 0 30px;

    border-radius: 5px;

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

    gap: 10px;

    box-sizing: border-box;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;

    text-align: center;
    text-decoration: none;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.sankalp-secondary-btn svg {
    flex-shrink: 0;
}


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

.sankalp-secondary-btn-blue {
    background: #00306E;
}

.sankalp-secondary-btn-blue:hover {
    background: #1ca53e;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(7, 59, 125, 0.18);
}


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

.sankalp-secondary-btn-green {
    background: #1cab42;
}

.sankalp-secondary-btn-green:hover {
    background: #00306E;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(28, 171, 66, 0.18);
}


/* =========================================================
   LARGE LAPTOP : 1199PX
========================================================= */

@media only screen and (max-width: 1199px) {

    .sankalp-secondary-container {
        max-width: 1050px;

        grid-template-columns: 430px 1fr;

        gap: 28px;
    }

    .sankalp-secondary-image {
        width: 430px;
        height: 290px;
    }

    .sankalp-secondary-content h2 {
        font-size: 43px;
    }

    .sankalp-secondary-content h3 {
        font-size: 25px;

        margin-bottom: 28px;
    }

    .sankalp-secondary-content p {
        font-size: 16px;
    }

    .sankalp-secondary-buttons {
        gap: 30px;
    }

    .sankalp-secondary-btn {
        padding: 0 18px;

        font-size: 13px;
    }

}


/* =========================================================
   TABLET : 991PX
========================================================= */

@media only screen and (max-width: 991px) {

    .sankalp-secondary-section {
        padding: 30px 20px;
    }

    .sankalp-secondary-container {
        max-width: 760px;

        grid-template-columns: 320px 1fr;

        gap: 30px;
    }

    .sankalp-secondary-image {
        width: 320px;
        height: 260px;
    }

    .sankalp-secondary-content h2 {
        font-size: 38px;
    }

    .sankalp-secondary-content h3 {
        font-size: 23px;

        margin-bottom: 22px;
    }

    .sankalp-secondary-content p {
        font-size: 15px;
        line-height: 1.7;

        margin-bottom: 20px;
    }

    .sankalp-secondary-buttons {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .sankalp-secondary-btn {
        width: 100%;

        min-height: 50px;
    }

}


/* =========================================================
   MOBILE : 767PX
========================================================= */

@media only screen and (max-width: 767px) {

    .sankalp-secondary-section {
        padding: 30px 15px;
    }

    .sankalp-secondary-container {
        grid-template-columns: 1fr;

        max-width: 500px;

        gap: 25px;
    }


    /* IMAGE FULL WIDTH */

    .sankalp-secondary-image {
        width: 100%;
        height: auto;
    }

    .sankalp-secondary-image img {
        width: 100%;
        height: auto;

        display: block;

        object-fit: contain;
    }


    .sankalp-secondary-content h2 {
        font-size: 34px;
    }

    .sankalp-secondary-content h3 {
        font-size: 22px;

        margin-bottom: 20px;
    }

    .sankalp-secondary-content p {
        max-width: 100%;

        font-size: 15px;
        line-height: 1.7;

        margin-bottom: 22px;
    }

    .sankalp-secondary-buttons {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .sankalp-secondary-btn {
        width: 100%;

        min-height: 52px;

        padding: 0 18px;

        font-size: 13.5px;
    }

}


/* =========================================================
   SMALL MOBILE : 480PX
========================================================= */

@media only screen and (max-width: 480px) {

    .sankalp-secondary-section {
        padding: 25px 12px;
    }

    .sankalp-secondary-container {
        gap: 20px;
    }

    .sankalp-secondary-content h2 {
        font-size: 30px;
    }

    .sankalp-secondary-content h3 {
        font-size: 20px;

        margin-bottom: 18px;
    }

    .sankalp-secondary-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .sankalp-secondary-btn {
        min-height: 50px;

        padding: 0 15px;

        font-size: 13px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE : 360PX
========================================================= */

@media only screen and (max-width: 360px) {

    .sankalp-secondary-content h2 {
        font-size: 27px;
    }

    .sankalp-secondary-content h3 {
        font-size: 19px;
    }

    .sankalp-secondary-content p {
        font-size: 13.5px;
    }

    .sankalp-secondary-btn {
        font-size: 12px;

        padding-left: 10px;
        padding-right: 10px;
    }

}










































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

.sankalp-320-image-section {
    width: 100%;
    padding: 20px;

    background: #ffffff;

    box-sizing: border-box;

    display: flex;
    justify-content: center;
}


/* =========================================================
   IMAGE BOX
========================================================= */

.sankalp-320-image-box {
    width: 100%;
    max-width: 1140px;

    height: 781px;

    margin: 30px auto;

    overflow: hidden;

    background: #eeeeee;

    cursor: pointer;

    box-sizing: border-box;

    transition:
        box-shadow 0.4s ease,
        transform 0.4s ease;
}


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

.sankalp-320-image-box img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition: transform 0.5s ease;
}


/* =========================================================
   HOVER EFFECT
========================================================= */

.sankalp-320-image-box:hover {
    box-shadow:
        0 16px 35px rgba(0, 0, 0, 0.20);
}


.sankalp-320-image-box:hover img {
    transform: scale(1.05);
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (max-width: 1200px) {

    .sankalp-320-image-section {
        padding: 20px 24px;
    }

    .sankalp-320-image-box {
        max-width: 1100px;

        height: auto;

        aspect-ratio: 1140 / 781;

        margin: 25px auto;
    }

}


/* =========================================================
   LAPTOP / SMALL DESKTOP
========================================================= */

@media (max-width: 1024px) {

    .sankalp-320-image-section {
        padding: 18px 22px;
    }

    .sankalp-320-image-box {
        width: 100%;

        height: auto;

        aspect-ratio: 1140 / 781;

        margin: 22px auto;
    }

}


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

@media (max-width: 900px) {

    .sankalp-320-image-section {
        padding: 16px 20px;
    }

    .sankalp-320-image-box {
        width: 100%;

        height: auto;

        aspect-ratio: 1140 / 781;

        margin: 18px auto;
    }

}


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

@media (max-width: 767px) {

    .sankalp-320-image-section {
        padding: 14px 16px;
    }

    .sankalp-320-image-box {
        width: 100%;

        max-width: 100%;

        height: auto;

        aspect-ratio: 1140 / 781;

        margin: 14px auto;

        overflow: hidden;
    }

    .sankalp-320-image-box img {
        width: 100%;
        height: 100%;

        object-fit: cover;
    }

    /* mobile par hover effect halka */
    .sankalp-320-image-box:hover img {
        transform: scale(1.02);
    }

}


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

@media (max-width: 600px) {

    .sankalp-320-image-section {
        padding: 12px 14px;
    }

    .sankalp-320-image-box {
        width: 100%;

        height: auto;

        aspect-ratio: 1140 / 781;

        margin: 12px auto;
    }

}


/* =========================================================
   480PX MOBILE
========================================================= */

@media (max-width: 480px) {

    .sankalp-320-image-section {
        padding: 10px 12px;
    }

    .sankalp-320-image-box {
        width: 100%;

        max-width: 100%;

        height: auto;

        aspect-ratio: 1140 / 781;

        margin: 10px auto;
    }

    .sankalp-320-image-box:hover {
        box-shadow:
            0 8px 18px rgba(0, 0, 0, 0.14);
    }

    .sankalp-320-image-box:hover img {
        transform: scale(1.015);
    }

}


/* =========================================================
   390PX MOBILE
========================================================= */

@media (max-width: 390px) {

    .sankalp-320-image-section {
        padding: 8px 10px;
    }

    .sankalp-320-image-box {
        width: 100%;

        height: auto;

        aspect-ratio: 1140 / 781;

        margin: 8px auto;
    }

}


/* =========================================================
   360PX MOBILE
========================================================= */

@media (max-width: 360px) {

    .sankalp-320-image-section {
        padding: 8px;
    }

    .sankalp-320-image-box {
        width: 100%;

        max-width: 100%;

        height: auto;

        aspect-ratio: 1140 / 781;

        margin: 8px auto;
    }

}


/* =========================================================
   320PX MOBILE
========================================================= */

@media (max-width: 320px) {

    .sankalp-320-image-section {
        padding: 6px;
    }

    .sankalp-320-image-box {
        width: 100%;

        max-width: 308px;

        height: auto;

        aspect-ratio: 1140 / 781;

        margin: 6px auto;
    }

}











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

.sankalp-pdf-section {
    width: 100%;
    padding: 15px 10px 30px;

    background: #ffffff;

    box-sizing: border-box;
}


/* =========================================================
   PDF VIEW BOX
========================================================= */

.sankalp-pdf-view {
    width: 100%;
    max-width: 1320px;

    height: 720px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    border: 2px solid #333333;

    background: #ffffff;

    box-sizing: border-box;
}


/* =========================================================
   PDF IFRAME
   LEFT SIDE HIDDEN / RIGHT SIDE VISIBLE
========================================================= */

.sankalp-pdf-view iframe {
    width: 200%;
    height: 100%;

    position: absolute;

    top: 0;

    /*
       200% iframe ka right half dikhane ke liye
       iframe ko 100% left shift kiya hai.
    */

    left: -100%;

    border: 0;

    display: block;
}


/* =========================================================
   1200PX
========================================================= */

@media (max-width: 1200px) {

    .sankalp-pdf-view {
        max-width: 1100px;
        height: 650px;
    }

}


/* =========================================================
   1024PX
========================================================= */

@media (max-width: 1024px) {

    .sankalp-pdf-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sankalp-pdf-view {
        width: 100%;
        height: 600px;
    }

}


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

@media (max-width: 767px) {

    .sankalp-pdf-section {
        padding: 10px 12px 25px;
    }

    .sankalp-pdf-view {
        height: 500px;
    }

    .sankalp-pdf-view iframe {
        width: 200%;
        left: -100%;
    }

}


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

@media (max-width: 480px) {

    .sankalp-pdf-section {
        padding: 8px 8px 20px;
    }

    .sankalp-pdf-view {
        height: 420px;

        border-width: 1px;
    }

}


/* =========================================================
   360PX
========================================================= */

@media (max-width: 360px) {

    .sankalp-pdf-view {
        height: 380px;
    }

}

























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

.sankalp-contact-section {
    width: 100%;
    padding: 115px 20px 100px;
    background: #ffffff;
    box-sizing: border-box;

    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.sankalp-contact-container {
    width: 100%;
    max-width: 1140px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 468px 1fr;

    column-gap: 70px;

    align-items: start;
}


/* =========================================================
   LEFT CONTACT CARD
========================================================= */

.sankalp-contact-info-card {
    width: 100%;
    min-height: 478px;

    background: #f3f6fc;

    padding: 34px 34px 35px 35px;

    border-radius: 0 0 10px 10px;

    box-sizing: border-box;
}


/* =========================================================
   INFO ITEM
========================================================= */

.sankalp-contact-info-item {
    display: grid;

    grid-template-columns: 28px 1fr;

    column-gap: 15px;

    margin-bottom: 35px;
}

.sankalp-contact-info-item:last-child {
    margin-bottom: 0;
}


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

.sankalp-contact-icon {
    padding-top: 3px;

    color: #2f75ff;

    font-size: 19px;

    line-height: 1;
}


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

.sankalp-contact-info-content h3 {
    margin: 0 0 6px;

    color: #063b79;

    font-size: 21px;
    line-height: 1.25;

    font-weight: 700;
}


.sankalp-contact-info-content p {
    margin: 0;
    letter-spacing: 0.5px;

    color: #727272;

    font-size: 16px;
    line-height: 1.7;

    font-weight: 400;
}


/* =========================================================
   SOCIAL ICONS
========================================================= */

.sankalp-social-icons {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 18px;

    margin-left: 72px;
}


.sankalp-social-icons a {
    width: 50px;
    height: 50px;

    display: flex;

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

    background: #1CA53E;

    color: #ffffff;

    border-radius: 50%;

    text-decoration: none;

    font-size: 23px;

    transition: 0.25s ease;
}


.sankalp-social-icons a:hover {
    transform: translateY(-3px);

    background: #087839;
}


/* =========================================================
   RIGHT FORM AREA
========================================================= */

.sankalp-contact-form-area {
    width: 100%;
}


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

.sankalp-contact-heading {
    margin-top: -24px;
    margin-bottom: 35px;
}


.sankalp-contact-heading h2 {
    margin: 0;

    color: #003b7d;

    font-size: 33px;
    line-height: 1.27;

    font-weight: 700;

    letter-spacing: -0.4px;
}


/* =========================================================
   FORM GRID
========================================================= */

.sankalp-form-grid {
    display: grid;

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

    column-gap: 30px;
    row-gap: 25px;
}


/* =========================================================
   INPUTS
========================================================= */

.sankalp-form-group {
    width: 100%;
}


.sankalp-form-group input,
.sankalp-form-group textarea {
    width: 100%;
    letter-spacing: 0.5px;
    border: none;
    outline: none;

    background: #f4f7fc;

    color: #666666;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    box-sizing: border-box;

    transition: 0.25s ease;
}


.sankalp-form-group input {
    height: 65px;

    padding: 0 33px;

    border-radius: 7px;
}


.sankalp-form-group textarea {
    height: 120px;

    resize: vertical;

    padding: 29px 33px;

    border-radius: 7px;

    line-height: 1.6;
}


.sankalp-form-group input::placeholder,
.sankalp-form-group textarea::placeholder {
    color: #777777;

    opacity: 1;
}


.sankalp-form-group input:focus,
.sankalp-form-group textarea:focus {
    box-shadow: 0 0 0 1px #1c69d4;
}


/* =========================================================
   MESSAGE
========================================================= */

.sankalp-message-group {
    margin-top: 25px;
}


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

.sankalp-send-btn {
    min-width: 174px;

    height: 54px;

    margin-top: 33px;

    padding: 0 25px;

    border: none;

    border-radius: 4px;

    background: #063d7f;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;

    transition: 0.25s ease;
}


.sankalp-send-btn:hover {
    background: #1CA53E;

    transform: translateY(-2px);
}


/* =========================================================
   RESPONSIVE : 1200px
========================================================= */

@media (max-width: 1200px) {

    .sankalp-contact-container {
        max-width: 1000px;

        grid-template-columns: 420px 1fr;

        column-gap: 50px;
    }

}


/* =========================================================
   RESPONSIVE : 1024px
========================================================= */

@media (max-width: 1024px) {

    .sankalp-contact-section {
        padding: 55px 30px 80px;
    }


    .sankalp-contact-container {
        max-width: 940px;

        grid-template-columns: 390px 1fr;

        column-gap: 40px;
    }


    .sankalp-contact-info-card {
        min-height: 450px;

        padding: 30px;
    }


    .sankalp-contact-info-content p {
        font-size: 15px;
    }


    .sankalp-contact-heading h2 {
        font-size: 30px;
    }


    .sankalp-form-grid {
        gap: 20px;
    }

}


/* =========================================================
   TABLET : 991px
========================================================= */

@media (max-width: 991px) {

    .sankalp-contact-section {
        padding: 50px 30px 70px;
    }


    .sankalp-contact-container {
        display: grid;

        grid-template-columns: 1fr;

        gap: 50px;

        max-width: 760px;
    }


    .sankalp-contact-info-card {
        min-height: auto;

        padding: 38px;
    }


    .sankalp-contact-heading {
        margin-top: 0;
    }


    .sankalp-social-icons {
        margin-left: 0;
    }

}


/* =========================================================
   MOBILE : 767px
========================================================= */

@media (max-width: 767px) {

    .sankalp-contact-section {
        padding: 40px 20px 60px;
    }


    .sankalp-contact-container {
        gap: 40px;
    }


    .sankalp-contact-info-card {
        padding: 30px 25px;

        border-radius: 8px;
    }


    .sankalp-contact-info-item {
        grid-template-columns: 25px 1fr;

        column-gap: 12px;

        margin-bottom: 28px;
    }


    .sankalp-contact-info-content h3 {
        font-size: 19px;
    }


    .sankalp-contact-info-content p {
        font-size: 14px;

        line-height: 1.75;
    }


    .sankalp-contact-heading {
        margin-bottom: 25px;
    }


    .sankalp-contact-heading h2 {
        font-size: 28px;
    }


    .sankalp-form-grid {
        grid-template-columns: 1fr;

        row-gap: 18px;
    }


    .sankalp-form-group input {
        height: 60px;

        padding: 0 22px;
    }


    .sankalp-form-group textarea {
        height: 130px;

        padding: 22px;
    }


    .sankalp-message-group {
        margin-top: 18px;
    }


    .sankalp-send-btn {
        margin-top: 25px;
    }

}


/* =========================================================
   SMALL MOBILE : 480px
========================================================= */

@media (max-width: 480px) {

    .sankalp-contact-section {
        padding: 32px 15px 50px;
    }


    .sankalp-contact-info-card {
        padding: 27px 20px;
    }


    .sankalp-contact-info-item {
        grid-template-columns: 23px 1fr;

        gap: 10px;
    }


    .sankalp-contact-icon {
        font-size: 17px;
    }


    .sankalp-contact-info-content h3 {
        font-size: 18px;
    }


    .sankalp-contact-info-content p {
        font-size: 14px;

        word-break: break-word;
    }


    .sankalp-social-icons {
        gap: 8px;

        margin-top: 16px;
    }


    .sankalp-social-icons a {
        width: 44px;
        height: 44px;

        font-size: 19px;
    }


    .sankalp-contact-heading h2 {
        font-size: 25px;

        line-height: 1.3;
    }


    .sankalp-form-group input {
        height: 58px;

        padding: 0 20px;
    }


    .sankalp-form-group textarea {
        height: 125px;

        padding: 20px;
    }


    .sankalp-send-btn {
        width: 170px;

        height: 52px;

        font-size: 14px;
    }

}













































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

.sankalp-gallery-section {
    width: 100%;

    padding: 15px 20px 45px;

    background: #ffffff;

    box-sizing: border-box;

    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   CONTAINER
========================================================= */

.sankalp-gallery-container {
    width: 100%;
    max-width: 1140px;

    margin: 0 auto;
}


/* =========================================================
   FILTER BUTTON AREA
========================================================= */

.sankalp-gallery-filters {
    width: 100%;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 26px;
}


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

.gallery-filter-btn {
    min-height: 32px;

    padding: 0 11px;

    border: none;

    border-radius: 3px;

    background: #003b7d;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}


.gallery-filter-btn:hover {
    background: #00519f;

    transform: translateY(-2px);
}


/* ACTIVE FILTER */

.gallery-filter-btn.active {
    background: #1ca53e;
    border: 3px solid rgb(149, 171, 223);
}


.gallery-filter-btn span {
    margin-left: 4px;
}


/* =========================================================
   GALLERY GRID
========================================================= */

.sankalp-gallery-grid {
    width: 100%;

    display: grid;

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

    gap: 30px;
}


/* =========================================================
   GALLERY ITEM
========================================================= */

.gallery-item {
    width: 100%;
    height: auto;

    position: relative;

    overflow: hidden;

    /* background: #eeeeee; */

    cursor: zoom-in;

    opacity: 1;

    transform: scale(1);

    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


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

.gallery-item img {
    width: 100%;
    /* height: 100%; */

    display: block;

    object-fit: cover;
    object-position: center;

    transition: transform 0.5s ease;
}


/* =========================================================
   IMAGE HOVER
========================================================= */

/* .gallery-item:hover {
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.16);
}


.gallery-item:hover img {
    transform: scale(1.07);
} */


/* =========================================================
   FILTER HIDE
========================================================= */

.gallery-item.hide {
    display: none;
}


/* =========================================================
   SHOW ANIMATION
========================================================= */

.gallery-item.show-animation {
    animation: galleryShow 0.4s ease;
}


@keyframes galleryShow {

    from {
        opacity: 0;
        transform: scale(0.94);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }

}


/* =========================================================
   LIGHTBOX
========================================================= */

.sankalp-gallery-lightbox {
    position: fixed;

    inset: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.90);

    z-index: 999999;

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

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}


/* =========================================================
   LIGHTBOX ACTIVE
========================================================= */

.sankalp-gallery-lightbox.active {
    opacity: 1;
    visibility: visible;
}


/* =========================================================
   LIGHTBOX TOP BAR
========================================================= */

.gallery-lightbox-topbar {
    width: 100%;
    height: 55px;

    position: absolute;

    top: 0;
    left: 0;

    padding: 0 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background: #031223;

    box-sizing: border-box;

    z-index: 30;
}


/* =========================================================
   IMAGE COUNT
========================================================= */

.gallery-lightbox-count {
    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    font-weight: 600;
}


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

.gallery-lightbox-close {
    width: 45px;
    height: 45px;

    padding: 0;

    border: none;

    background: transparent;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 38px;
    font-weight: 300;

    cursor: pointer;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}


.gallery-lightbox-close:hover {
    color: #1ca53e;

    transform: rotate(90deg);
}


/* =========================================================
   LIGHTBOX IMAGE AREA
========================================================= */

.gallery-lightbox-image-area {
    width: calc(100% - 180px);
    height: calc(100vh - 100px);

    margin-top: 55px;

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

    overflow: hidden;
}


/* =========================================================
   LIGHTBOX IMAGE
========================================================= */

.gallery-lightbox-image-area img {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 100%;

    object-fit: contain;

    transform: scale(0.92);

    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.45);

    transition: transform 0.3s ease;
}


.sankalp-gallery-lightbox.active
.gallery-lightbox-image-area img {
    transform: scale(1);
}


/* =========================================================
   PREVIOUS / NEXT
========================================================= */

.gallery-lightbox-nav {
    width: 60px;
    height: 90px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    border: none;

    background: rgba(0, 0, 0, 0.18);

    color: #ffffff;

    font-size: 40px;

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

    cursor: pointer;

    z-index: 20;

    opacity: 0.85;

    transition:
        background 0.25s ease,
        opacity 0.25s ease;
}


.gallery-lightbox-nav:hover {
    opacity: 1;

    background: rgba(0, 0, 0, 0.50);
}


.gallery-lightbox-prev {
    left: 20px;
}


.gallery-lightbox-next {
    right: 20px;
}


/* =========================================================
   1200PX
========================================================= */

@media (max-width: 1200px) {

    .sankalp-gallery-container {
        max-width: 1050px;
    }


    .gallery-item {
        height: 225px;
    }

}


/* =========================================================
   1024PX
========================================================= */

@media (max-width: 1024px) {

    .sankalp-gallery-section {
        padding-left: 25px;
        padding-right: 25px;
    }


    .sankalp-gallery-grid {
        gap: 22px;
    }


    .gallery-item {
        height: 210px;
    }

}


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

@media (max-width: 800px) {

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


    .gallery-item {
        height: 235px;
    }


    .gallery-lightbox-image-area {
        width: calc(100% - 110px);
    }


    .gallery-lightbox-prev {
        left: 5px;
    }


    .gallery-lightbox-next {
        right: 5px;
    }

}


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

@media (max-width: 600px) {

    .sankalp-gallery-section {
        padding: 15px 15px 35px;
    }


    .sankalp-gallery-filters {
        gap: 7px;

        margin-bottom: 22px;
    }


    .gallery-filter-btn {
        min-height: 34px;

        padding: 0 10px;

        font-size: 11px;
    }


    .sankalp-gallery-grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }


    .gallery-item {
        height: 260px;
    }


    /* LIGHTBOX */

    .gallery-lightbox-topbar {
        height: 50px;

        padding: 0 12px;
    }


    .gallery-lightbox-image-area {
        width: calc(100% - 70px);

        height: calc(100vh - 80px);

        margin-top: 50px;
    }


    .gallery-lightbox-image-area img {
        max-width: 100%;
        max-height: 88%;
    }


    .gallery-lightbox-nav {
        width: 35px;
        height: 70px;

        font-size: 28px;
    }


    .gallery-lightbox-prev {
        left: 0;
    }


    .gallery-lightbox-next {
        right: 0;
    }


    .gallery-lightbox-close {
        width: 38px;
        height: 38px;

        font-size: 32px;
    }

}


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

@media (max-width: 400px) {

    .gallery-filter-btn {
        font-size: 10.5px;
    }


    .gallery-item {
        height: 220px;
    }


    .gallery-lightbox-image-area {
        width: calc(100% - 54px);
    }


    .gallery-lightbox-nav {
        width: 27px;

        font-size: 22px;
    }

}
















/* =========================================================
   SANKALP MAP SECTION
========================================================= */

.sankalp-map-section {
    width: 100%;
    padding: 40px 20px 120px;
    background: #ffffff;
    box-sizing: border-box;
}


/* =========================================================
   MAP CONTAINER
========================================================= */

.sankalp-map-container {
    width: 100%;
    max-width: 1120px;

    height: 450px;

    margin: 0 auto;

    overflow: hidden;

    background: #f2f2f2;

    box-sizing: border-box;
}


/* =========================================================
   GOOGLE MAP
========================================================= */

.sankalp-map-container iframe {
    width: 100%;
    height: 100%;

    display: block;

    border: 0;
}


/* =========================================================
   1200PX
========================================================= */

@media (max-width: 1200px) {

    .sankalp-map-container {
        max-width: 1050px;
        height: 430px;
    }

}


/* =========================================================
   1024PX
========================================================= */

@media (max-width: 1024px) {

    .sankalp-map-section {
        padding: 35px 30px 90px;
    }

    .sankalp-map-container {
        max-width: 100%;
        height: 410px;
    }

}


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

@media (max-width: 991px) {

    .sankalp-map-section {
        padding: 30px 25px 75px;
    }

    .sankalp-map-container {
        height: 380px;
    }

}


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

@media (max-width: 767px) {

    .sankalp-map-section {
        padding: 25px 18px 60px;
    }

    .sankalp-map-container {
        width: 100%;
        height: 330px;
    }

}


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

@media (max-width: 480px) {

    .sankalp-map-section {
        padding: 20px 15px 50px;
    }

    .sankalp-map-container {
        height: 300px;
    }

}


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

@media (max-width: 360px) {

    .sankalp-map-container {
        height: 270px;
    }

}