/* google font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');


* {
    box-sizing: border-box;
    font-family: poppins, sans-serif;
}


/* hero section */

.section-one {
    /* background: linear-gradient(90deg, rgb(2, 112, 180) 0%, rgb(12, 122, 191) 0%, rgb(2, 112, 180) 100%, rgb(12, 122, 191) 100%); */
    /* background: #EB5D1E; */
    /* background: #303345; */
    /* background: #EB5D1E; */
    background: #1c5f8b;
}

.btn-one {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    padding: 10px 18px;
    text-decoration: none;
}

.btn-one:hover {
    color: #fff;
    border: 2px solid #fff;
    text-decoration: none;
}

/* prep section */

.section-two {
    background: #F8FBFE url('/Assests//bg-17-1.png');
    /*padding: 0 0 !important ;*/
    background-color: #f8f9f9;
    height: auto;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    background-position: bottom;
}

.btn-two {
    color: #117DC0;
    border: 2px solid #117DC0;
    border-radius: 36px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    padding: 10px 18px;
    text-decoration: none;
}

.btn-two:hover {
    color: #fff;
    background-color: #117DC0;
    border-radius: 36px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    padding: 10px 18px;
    text-decoration: none;
}


.box-col {
    border-radius: 100px;
    text-align: center;
    flex-wrap: wrap;
    box-shadow: 13px 15px 15px 0 rgb(61 61 61 / 15%);
    padding: 80px 50px;
    margin-bottom: 31px;
}

.box {
    transform: translateY(50px);
    margin-top: 10px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .box {
        transform: translateY(0px);
        margin-top: 10px;
        margin-bottom: 30px;
    }
}

.box-btn {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    padding: 10px 18px;
    text-decoration: none;
}

.box-btn:hover {
    color: #117DC0 !important;
    background-color: #fff;
}

.learn-btn {
    color: #117DC0;
    border: 2px solid #117DC0;
    border-radius: 5px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    padding: 10px 18px;
    text-decoration: none;
}

.learn-btn:hover {
    color: #fff;
    background-color: #117DC0;
}

/* why section */
ul {
    list-style-type: none;
}

.tick-color {
    color: #117DC0;
}

/* learn section */

.slick-initialized .slick-slide {
    background-color: #1c5f8b;
    color: #FFF;
    height: 200px;
    margin: 0 15px 0 0;
    border-radius: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 35px !important;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 5% !important;
    z-index: 1;
}

.slick-next {
    right: 5% !important;
    z-index: 1;
}

.more-btn {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    padding: 10px 18px;
    text-decoration: none;
}

.more-btn:hover {
    color: #1c5f8b;
    background-color: #fff;
    border: 2px solid #fff;
    text-decoration: none;
}

.counter {
    color: #7c7c7c !important;
}

.numscroller {
    font-size: 40px;
    padding-right: 3px;
    font-weight: 500;
    color: #1c5f8b;
}

.thin-line-right:before {
    color: #1c5f8b;
    visibility: visible;
}

.small-text {
    color: #1c5f8b;
    font-size: 18px;
}



/* students section */
.slick-slider {
    background-color: #fff !important;
    color: #000 !important;
    height: 200px;
    margin: 0 10px 0 0;
    border-radius: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* contact section */


.contact-btn {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    padding: 10px 18px;
    text-decoration: none;
}

.enq-btn {
    background-color: #fff;
    color: #0C7ABF;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    padding: 10px 18px;
    text-decoration: none;
}

.contact-btn:hover {
    color: #fff;
}

.contact-section {
    width: 75%;
    background-color: #0976BA;
    padding: 50px 65px;
}

/* footer section */

.footul li {
    padding-bottom: 12px;
    color: #f6f6f6;
}

ul {
    padding: 0;
    list-style-type: none;
}

.footul li a {
    text-decoration: none;
    color: #f6f6f6;
}

.locate-btn {
    color: #fff !important;
    border-radius: 35px;
    font-size: 14px;
    line-height: 29px;
    font-weight: 400;
    padding: 0 18px;
    background-color: transparent;
    border: 2px solid;
    text-decoration: none;
}

.line::after {
    content: '';
    display: block;
    width: 35px;
    height: 1px;
    background: #fff;
    margin-top: 7px;
    margin-bottom: 17px;
}







/* =============================================== */
/* =============================================== */
/* =============================================== */

.prepare-for-headline {
    width: 50%;
}

.prepare-for-headline h3 {
    color: #161529;
    text-align: center;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 54px;
    /* 128.571% */
}

.prepare-for-headline h3 span {
    color: #18A4FC;
    font-family: "Plus Jakarta Sans";
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 54px;
}

.prepare-for-headline p {
    color: #313E3B;
    text-align: center;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 157.895% */
    letter-spacing: -0.5px;
}


.prepare-for-items-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
    padding: 40px 0px;
    /* optional: adds spacing between items */
}

.prepare-for-item {
    height: 473px;
    border-radius: 32.525px;
    border: 0.604px solid rgba(0, 0, 0, 0.08);
    background-color: #0165E1;
    overflow: hidden;
}


.prepare-for-item-content-section {
    /* background: url(../../../Assests/Noise.png); */
    background-image: url(./Assests/Noise.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px;

    width: 100%;
    height: 100%;
    position: relative;
}


.prepare-for-item-content-section h4 {
    color: #FFF;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.64px;
}

.prepare-for-item-content-section p {
    color: #FFF;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.prepare-for-item-content-section button {
    width: 173px;
    height: 46px;
    flex-shrink: 0;
    border-radius: 53.492px;
    background: #FFF;
    outline: none;
    border: none;
    box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.24);
    padding: 0 15px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prepare-for-item-content-section button span {
    color: #313E3B;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}


.prepare-for-item-content-section a {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    background: white;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 1.617px 1.617px 2.708px 0px rgba(255, 255, 255, 0.25) inset, -0.808px -1.617px 1.617px 0px rgba(0, 0, 0, 0.45) inset;
    filter: drop-shadow(21.421px 29.504px 36.294px rgba(0, 0, 0, 0.30)) drop-shadow(7.679px 8.892px 16.53px rgba(0, 0, 0, 0.30));

    display: flex;
    justify-content: center;
    align-items: center;
}














/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */


@media screen and (max-width: 1279px) {


    .prepare-for-headline {
        width: 50%;
    }

    .prepare-for-headline h3 {
        color: #161529;
        text-align: center;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 42px;
        font-style: normal;
        font-weight: 500;
        line-height: 54px;
        /* 128.571% */
    }

    .prepare-for-headline h3 span {
        color: #18A4FC;
        font-family: "Plus Jakarta Sans";
        font-size: 42px;
        font-style: normal;
        font-weight: 500;
        line-height: 54px;
    }

    .prepare-for-headline p {
        color: #313E3B;
        text-align: center;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        /* 157.895% */
        letter-spacing: -0.5px;
    }


    .prepare-for-item {
        height: 453px;
        border-radius: 32.525px;
        border: 0.604px solid rgba(0, 0, 0, 0.08);
        background-color: #0165E1;
        overflow: hidden;
    }

    .prepare-for-items-section {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem;
        padding: 40px 0px;
        /* optional: adds spacing between items */
    }

    .prepare-for-item-content-section {
        /* background: url(../../../Assests/Noise.png); */
        background-image: url(./Assests/Noise.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px;

        width: 100%;
        height: 100%;
        position: relative;
    }

    .prepare-for-item-button-section {
        display: flex;
        gap: 10px;
    }
}







@media screen and (max-width: 1023px) {


    .prepare-for-headline {
        width: 70%;
    }

    .prepare-for-headline h3 {
        color: #161529;
        text-align: center;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 42px;
        font-style: normal;
        font-weight: 500;
        line-height: 54px;
    }

    .prepare-for-headline h3 span {
        color: #18A4FC;
        font-family: "Plus Jakarta Sans";
        font-size: 42px;
        font-style: normal;
        font-weight: 500;
        line-height: 54px;
    }

    .prepare-for-headline p {
        color: #313E3B;
        text-align: center;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        /* 157.895% */
        letter-spacing: -0.5px;
    }


    .prepare-for-item {
        height: 403px;
        border-radius: 32.525px;
        border: 0.604px solid rgba(0, 0, 0, 0.08);
        background-color: #0165E1;
        overflow: hidden;
    }

    .prepare-for-items-section {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        padding: 40px 0px;
        /* optional: adds spacing between items */
    }

    .prepare-for-item-content-section {
        /* background: url(../../../Assests/Noise.png); */
        background-image: url(./Assests/Noise.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px 10px;

        width: 100%;
        height: 100%;
        position: relative;
    }

    .prepare-for-item-button-section {
        display: flex;
        gap: 10px;
    }




    .prepare-for-item-content-section h4 {
        color: #FFF;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.64px;
    }

    .prepare-for-item-content-section p {
        color: #FFF;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
    }



    .prepare-for-item-content-section button {
        width: 133px;
        height: 46px;
        flex-shrink: 0;
        border-radius: 53.492px;
        background: #FFF;
        outline: none;
        border: none;
        box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.24);
        padding: 0 10px;

        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .prepare-for-item-content-section button span {
        color: #313E3B;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-wrap: nowrap;
    }


    .prepare-for-item-content-section a {
        width: 46px;
        height: 46px;
        flex-shrink: 0;
        background: white;
        border-radius: 50%;
        padding: 10px;
        box-shadow: 1.617px 1.617px 2.708px 0px rgba(255, 255, 255, 0.25) inset, -0.808px -1.617px 1.617px 0px rgba(0, 0, 0, 0.45) inset;
        filter: drop-shadow(21.421px 29.504px 36.294px rgba(0, 0, 0, 0.30)) drop-shadow(7.679px 8.892px 16.53px rgba(0, 0, 0, 0.30));

        display: flex;
        justify-content: center;
        align-items: center;
    }



}





@media screen and (max-width: 767px) {

    .prepare-for-headline {
        width: 100%;
    }

    .prepare-for-headline h3 {
        color: #161529;
        text-align: center;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 34px;
    }

    .prepare-for-headline h3 span {
        color: #18A4FC;
        font-family: "Plus Jakarta Sans";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
    }

    .prepare-for-headline p {
        color: #313E3B;
        text-align: center;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        /* 157.895% */
        letter-spacing: -0.5px;
    }

    .prepare-for-items-section {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        padding: 40px 0px;
        /* optional: adds spacing between items */
    }


    .prepare-for-item-content-section {
        /* background: url(../../../Assests/Noise.png); */
        background-image: url(./Assests/Noise.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 40px;

        width: 100%;
        height: 100%;
        position: relative;
    }


    .prepare-for-item-content-section button {
        width: 153px;
        height: 46px;
        flex-shrink: 0;
        border-radius: 53.492px;
        background: #FFF;
        outline: none;
        border: none;
        box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.24);
        padding: 0 10px;

        display: flex;
        justify-content: space-between;
        align-items: center;
    }


    .prepare-for-item-content-section button span {
        color: #313E3B;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-wrap: nowrap;
    }

}











@media screen and (max-width: 567px) {
    .thin-line-right {
        visibility: hidden;
    }

    .thin-line-right:before {
        visibility: hidden;
    }

    .slick-next {
        right: 12% !important;
        z-index: 1;
    }

    .contact-section {
        background-color: #0976BA;
        padding: 35px 25px;
        width: 100%;
    }

    .footul ul {
        content: '';
        position: absolute;
        right: 55px;
    }
}