*, ::after, ::before {box-sizing: border-box;}
article,aside,canvas,figure,figcaption,footer,header,nav,section,audio,video,h1,h2,h3,h4,h5,h6,ul,ol,p {margin: 0;padding: 0;border: 0;}
a,button,input[type="submit"] {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;text-decoration: none;font-style: normal;}
img {max-width: 100%;height: auto; vertical-align: top;}
ul {list-style: none;}
a:hover { text-decoration: none;}
/*  font-family: "Plus Jakarta Sans", sans-serif;
font-family: "Urbanist", sans-serif;
font-family: "DM Serif Text", serif; */
body  { margin: 0; padding:0; min-height: 100%;font-family: "Urbanist", sans-serif;font-weight: 400;font-size: 16px;color:#504F4E;}
.heading {text-align: center;}
.heading h2 {color: #212121;font-family: "DM Serif Text", serif;
font-size: 36px;font-style: normal;font-weight: 400;line-height: normal;}
.heading h3 {color: #001C42;font-size: 26px;font-weight: normal; padding-top: 15px;}
.heading p {color: #1d1d1d;}

.main_header {background-color: #fff; position: fixed; width: 100%; left: 0; top: 0; z-index: 4;}
.main_header h3 {color: #10539A;font-size: 33px;font-weight: 800;letter-spacing: 1.006px;font-family: "Plus Jakarta Sans", sans-serif;text-transform: uppercase;}
.main_header p {color: #484848;font-size: 14px;font-style: italic;font-weight: 600;text-transform: uppercase;}
.solid_btn {background-color: #B593FF; display: inline-flex; justify-content: center; align-items: center;gap: 10px; border-radius: 76px;color: #191919;font-size: 15px;font-weight: 600;padding: 16px 50px;}
.solid_btn:hover { background-color: #CAB1FF;color: #191919;}

.banner {position: relative;margin-top: 82px;}
.banner_img img { width: 100%;}
.caption { position: absolute; width: 100%; left: 0; top: 0;}
.b_left { padding-top: 78px;}
.logo { position: relative; z-index: 2;}

.b_cap h1 {color: #212121;font-family: "DM Serif Text", serif; font-size: 64px;font-style: normal;
font-weight: 400;line-height: 88.328px;margin-bottom: 20px;}
.b_cap p {color: #353535;font-size: 24px;font-weight: 500;line-height: 34px;}

.b_right { padding-top: 30px;}
.banner_form {width: 100%; max-width: 434px;padding: 28px 20px;border-radius: 16px;background: #6A2E7F;position: relative;z-index: 1;}
.b_shape1 { position: absolute; left: 0; bottom: 60px;}
.b_shape2 { position: absolute; right: 0; bottom: 70px;}
.banner_form form { position: relative;}
.banner_form h3 {color: #FFF;text-align: center;font-size: 24px;font-weight: 600;line-height: 28px;margin-bottom: 15px; }
.b_form_top p {color: #FFF;text-align: center;font-size: 15px;font-weight: 500;line-height: normal;margin-bottom: 12px;}
.form_cont .form-control:focus { box-shadow: none;}
.banner_form .form-select { color: #696969;}
.submit_btn {background-color: #B593FF; display: inline-flex; justify-content: center; align-items: center;gap: 10px; border-radius: 76px;color: #191919;font-size: 15px;font-weight: 600;padding: 9px 30px; border: 0; outline: none;width: 100%;}
.submit_btn:hover {background-color: #CAB1FF;color: #191919;} 
.banner_form hr {background-color: rgba(255, 255, 255, 0.9);}
.note { display: block;color: #FFF;font-size: 13px;font-style: italic;font-weight: 500;
line-height: 17px;padding-right: 31px;}
.form_cont .submit_btn { padding: 14px 50px;}

.top_sec { position: relative;}
.g_shape1 { position: absolute; left: 0; bottom: -35px;}
.g_shape2 { position: absolute; right: 0; top: -80px;}
.icon_card {border-radius: 22px;padding: 35px 26px;background: #FFF;box-shadow: 0 4px 26.2px 0 rgba(0, 0, 0, 0.05);height: 100%;position: relative; z-index: 2;overflow: hidden;}
.icon_card:after {content: ""; position: absolute; left: 50%; bottom: -400px; z-index: -1; width: 400px; height: 400px; border-radius: 50%; transform: translateX(-50%);background-color: #B593FF;transition: all 500ms;}
.c_icon { height: 55px; margin-bottom: 25px;padding-left: 16px;position: relative;z-index: 2;transition: all 500ms;}
.c_icon::after { content: "";width: 55px; height: 55px;border-radius: 12px;background: #EDE3FE;position: absolute; left: 0; top: -13px; z-index: -1;}
.icon_card h3 {color: #212121;font-size: 18px;font-weight: 700;line-height: normal;margin-bottom: 10px;}
.icon_card p {color: #595959;font-size: 14px;font-weight: 500;line-height: 21px; }
.icon_card:hover::after { bottom: 0; border-radius: 0; width: 100%; height: 100%;}

.yello_btn {background-color:#FFC425; display: inline-flex; justify-content: center; align-items: center;gap: 10px; border-radius: 76px;color: #191919;font-size: 15px;font-weight: 600;padding: 16px 50px;}
.yello_btn:hover { background-color: #B593FF;color: #191919;}

.visual_sec { position: relative; background: url(../images/visual_bg.jpg) no-repeat center bottom;background-size: cover;}
.visual_bg img { width: 100%;}
.v_outer { width: 100%;}

.v_box {border-radius: 15px; overflow: hidden;}
.v_box img { width: 100%;}
.slider_btns { display: flex; width: 100%; justify-content: center; gap: 20px;}
.slider_btns .swiper-button-next, .slider_btns .swiper-button-prev { position: static; margin: 0; width: 66px; height: 36px;border: 1px solid #212121;border-radius: 50px;}
.slider_btns .swiper-button-next::after, .slider_btns .swiper-button-prev::after {color: #000;font-size: 16px;}
.btn_hldr .solid_btn { min-width: 234px;}

.uniq_inn, .d_slidersec, .t_slidersec { margin: 0 -15px;}
.v_slider, .d_slider, .t_slider { padding-bottom: 70px;}
.v_slider .slick-slide > div, .d_slider .slick-slide > div, .t_slider .slick-slide > div  { padding: 0 15px;}
.v_slider .slick-arrow, .d_slider .slick-arrow, .t_slider .slick-arrow { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);width: 66px; height: 36px;border-radius: 50px;background-color: transparent; font-size: 0; border: 0;}
.v_slider .slick-prev, .d_slider .slick-prev, .t_slider .slick-prev {background-image: url(../images/prv.svg); background-repeat: no-repeat; background-position: center; background-size: 100%;margin-left: -40px;}
.v_slider .slick-next, .d_slider .slick-next, .t_slider .slick-next {background-image: url(../images/next.svg); background-repeat: no-repeat; background-position: center; background-size: 100%;margin-left: 40px;}

.digital_larning { position: relative;}
.d_shape1 { position: absolute; left: 0; top: 45px;}
.digital_larning .heading p { display: block; max-width: 84%; margin: 20px auto 0 auto; color: #595959; font-size: 17px;line-height: 26px;}
.d_slidersec > h3 {color: #212121;text-align: center;font-family: "DM Serif Text", serif;font-size: 26px;font-weight: 400;
line-height: normal;margin-bottom: 20px;}

.s_block {border-radius: 16px;background: #6A2E7F; padding: 40px 60px;position: relative; color: #fff;}
.s_shape1 { position: absolute; left: 0; bottom: 0;}
.s_shape2 { position: absolute; right: 0; bottom: 0;}
.s_block h3 {color: #FFF;text-align: center;font-family: "DM Serif Text", serif;font-size: 26px;font-weight: 400;margin-bottom: 30px;}
.s_block ul { display: flex; flex-wrap: wrap;}
.s_block ul li { width: 100%; max-width: 50%;padding-left: 30px;background: url(../images/tick.svg) no-repeat left 3px;font-size: 16px; font-weight: 500;}
.s_block ul li { margin-bottom: 10px;}

.achive_sec {background: url(../images/green_bg.jpg) no-repeat center bottom;background-size: cover;padding: 82px 0 124px 0;}
.number_box {border-radius: 12px;background: #EEFCFA; padding: 30px 20px; text-align: center;}
.number_box h3 {color: #9D56AC;font-size: 60px;font-weight: 600;line-height: normal;margin-bottom: 10px;}
.number_box p {color: #212121;font-size: 20px;font-weight: 400;line-height: normal;}

.d_slider .slick-slide > div { padding: 10px 15px;}

.faq_sec { position: relative;}
.f_shape1 {position: absolute; left: 0; top: 45px;}
.faq_sec .accordion-button::after {background-image: url(../images/plus.svg); background-position: center; background-repeat: no-repeat;}
.faq_sec .accordion-button:not(.collapsed)::after { transform: rotate(45deg);}
.faq_sec .accordion-item {border: 1px solid rgba(0, 0, 0, 0.09);border-radius: 16px;background: #FBFAF9; overflow: hidden;}
.faq_sec .accordion-item + .accordion-item { margin-top: 10px;}
.faq_sec .accordion-button { background-color: transparent;color: #212121;font-size: 16px;font-weight: 400;line-height: normal; border: 0; outline: none; box-shadow: none;}
.faq_sec .accordion-button:not(.collapsed) {background-color: #B593FF;box-shadow: none;color: #212121;font-size: 16px;font-style: normal;font-weight: 600;}
.faq_sec .accordion-body p {color: #1B1B1B;font-size: 13px;font-weight: 500;line-height: 22px;}
.faq_sec .accordion-flush .accordion-item:first-child {border-top: 1px solid rgba(0, 0, 0, 0.09);}
.faq_sec .accordion-flush .accordion-item:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0.09);}
.faq_sec .accordion-body { padding-top: 0;}
.faq_sec .accordion-body p { margin-bottom: 15px;}
.faq_sec .accordion-body ul {list-style: disc;margin-bottom: 15px;margin-left: 16px;color: #1B1B1B;
font-size: 13px;font-weight: 500;line-height: 22px;}
.accordion-item.open {background-color: #B593FF;}
.accordion-item.open .accordion-button::after { transform: rotate(45deg);}

.testimo_card {border-radius: 18px;background: linear-gradient(168deg, #FFECD7 -28.69%, #E3E2FF 119.79%);padding: 37px 32px;  width: 100%;}
.t_card_top {color: #212121;font-size: 15px;font-weight: 400;line-height: 22px;min-height: 200px;}
.t_card_bottom p { color: #FA831B;font-size: 15px;font-weight: 500;line-height: 21px;}
.t_card_bottom p span { display: block; text-transform: uppercase;}

.main_footer {background: #6A2E7F;padding: 14px 0;}
.footer_row {position: relative;}
.f_menu { display: flex; width: 100%; justify-content: center;}
.f_menu li {padding: 0 20px;}
.f_menu li a { color: #fff; font-size: 15px; font-weight: 600;}

.copy { display: block;color: #fff;font-size: 12px;position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.footer_row a { display: block; color: #ACACAC; font-size: 12px;}
.footer_row a:hover { color: #fff;}
.h_footer .solial { display: none;}
.th_footer.h_footer .f_menu{ justify-content: center; width: 100%;}
.top_slider_mobile { display: none;}


/* thankyou */
.th_header { padding: 8px 0 10px 0;}
.th_banner {margin-top: 80px;position: relative;}
.tb_cap { padding-top: 40px;}
.tb_cap_box {border-radius: 30px;background: #6A2E7F;padding: 30px 40px; justify-content: center; flex-wrap: wrap; text-align: center; color: #fff;max-width: 629px;}
.tb_cap_box h1 {width: 100%;margin-bottom: 15px;color: #FFF;font-size: 48px;font-family: "DM Serif Text", serif;font-weight: 400;
line-height: normal;}
.tb_icon { margin-bottom: 20px;}
.tb_cap_box p {font-size: 18px;font-weight: 500;line-height: normal;padding: 0 53px;}
.tb_cap_box h3 {padding-top: 20px; padding-bottom: 20px;font-size: 20px;font-weight: 700;line-height: normal;}
.tb_cap_box .btn_hldr {gap: 10px;}

.th_card {border-radius: 10px;border: 1px solid rgba(0, 0, 0, 0.11);padding: 20px 28px;}
.th_card { display: flex;}
.th_icon { margin-right: 15px;}
.th_info h3 {color: #000;font-size: 20px;font-weight: 600;line-height: 24px;}
.th_info p {color: #616161;font-size: 14px;font-weight: 400;line-height: 24px;}

.th_footer .footer_row { display: flex; flex-wrap: wrap; justify-content: space-between;}
.th_footer .f_menu { justify-content: flex-start; width: auto;}
.solial { width: 50%; display: flex; justify-content: flex-end;gap: 10px;}
.solial li a { background-color: #fff; border-radius: 50%; background-color: #EDE3FE; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center;}

/* modal popup for schools list in pincode */
.modal-body {background-color: #e5e0ed;}
.modal-header {background-color: #803e97;color: #ffffff;}
.modal-body ul li button {
    border: 1px solid #efefef;
    border-radius: 50px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    margin-top: -3px;
    font-size: 0.7rem;
    font-weight: 600;
}
.modal-body ul {padding-left: 0px;list-style: none;}
.modal-body ul li {font-size: 0.9rem;margin-bottom: 10px;border-bottom: 1px solid #efefef;padding-bottom: 10px;font-weight:600;}

/* schools list and enquire now button on modal popup */
.school-item {
    display: flex;
    justify-content: space-between; /* pushes text left & button right */
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap; /* allows wrapping on small screens */
}
.enquiry-btn {
    padding: 5px 12px;
    border: 1px solid #0065c9;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 0;
}
.enquiry-btn:hover {
        background-color: #0065c9;
        color: white;
}






    @media (max-width: 1440px) {
        .banner_form hr {
            margin: 15px 0 !important;
        }

        .form-group.mb-3 {
            margin-bottom: 0.7rem !important;
        }

        .banner_form {
            padding: 20px 20px;
        }

        .form_cont .submit_btn {
            padding: 10px 50px;
        }

        .b_cap h1 {
            font-size: 58px;
            line-height: 78.328px;
        }

        .testimo_card {
            padding: 37px 22px;
        }

        .number_box {
            padding: 30px 15px;
        }

            .number_box h3 {
                font-size: 50px;
            }

            .number_box p {
                font-size: 18px;
            }

        .icon_card {
            min-height: 300px;
        }

        .tb_cap {
            padding-top: 20px;
        }

        .tb_icon {
            margin-bottom: 10px;
        }

        .tb_cap_box {
            padding: 20px 40px;
        }

        .testimo_card {
            min-height: 338px;
        }

        .b_cap p {
            font-size: 20px;
            line-height: 29px;
        }
    }

    @media (max-width: 1199px) {
        .main_header h3 {
            font-size: 22px;
        }

        .solid_btn {
            padding: 12px 50px;
        }

        .b_cap h1 {
            font-size: 47px;
            line-height: 55.328px;
        }

        .b_cap p {
            font-size: 18px;
            line-height: 23px;
        }

        .b_right {
            padding-top: 10px;
        }

        .banner_form h3 {
            font-size: 18px;
            margin-bottom: 10px;
        }

            .banner_form h3 br {
                display: none;
            }

        .form-group.mb-3 {
            margin-bottom: 0.5rem !important;
        }

        .top_sec.pt-4 {
            padding-top: 60px !important;
        }

        .banner_form {
            max-width: 407px;
        }

        .number_box p {
            font-size: 15px;
        }

        .number_box h3 {
            font-size: 42px;
        }

        .testimo_card {
            min-height: 340px;
        }

        .tb_cap_box p {
            font-size: 15px;
            padding: 0;
        }

        .tb_cap_box {
            padding: 20px 30px;
        }

        .tb_cap .yello_btn {
            padding: 16px 20px;
        }

        .tb_icon img {
            max-width: 62px;
        }

        .tb_cap_box h1 {
            margin-bottom: 10px;
            font-size: 40px;
        }

        .tb_cap_box h3 {
            padding-top: 15px;
            padding-bottom: 15px;
            font-size: 15px;
        }

        .th_card {
            padding: 20px 15px;
            height: 100%;
        }

        .t_card_top {
            min-height: 212px;
        }

        section.th_cont.py-4 {
            min-height: 300px;
        }
    }

    @media (max-width: 991px) {
        .solid_btn {
            padding: 12px 30px;
        }

        .banner_img {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
        }

        .caption {
            position: relative;
        }

        .b_right {
            padding-top: 140px;
        }

        .number_box {
            height: 100%;
        }

            .number_box h3 {
                font-size: 30px;
            }

        .f_shape1 {
            display: none;
        }

        .d_shape1 {
            top: inherit;
            max-width: 75px;
            bottom: 0;
        }

        .g_shape2 {
            right: inherit;
            top: -14px;
            left: 0;
            max-width: 66px;
        }

        .th_banner .banner_img {
            position: relative;
        }

        .tb_cap_box {
            margin: 0 auto;
        }

        .th_cont .col-lg-3 {
            margin-bottom: 20px;
        }

        .tb_cap {
            padding-top: 0;
            margin-top: -60px;
        }

        .banner_form {
            max-width: 100%;
        }

        .form-group.mb-3 {
            margin-bottom: 1rem !important;
        }

        .b_left {
            padding-top: 26px;
        }

        .testimo_card {
            min-height: 350px;
        }

        section.th_cont.py-4 {
            min-height: inherit;
        }
    }

    @media (max-width: 767px) {
        .main_header .col-3 {
            padding-left: 0;
        }

        .main_header .col-2 {
            padding-right: 0;
        }

        .main_header h3 {
            font-size: 16px;
        }

        .main_header p {
            font-size: 12px;
        }

        .solid_btn {
            padding: 10px 20px;
            font-size: 14px;
        }

        .main_header {
            padding: 10px 0;
        }

        .banner {
            margin-top: 120px;
        }

        .b_cap h1 {
            font-size: 38px;
            line-height: 46.328px;
        }

        .b_right {
            padding-top: 0;
            margin-top: 15%;
        }

        .banner_form h3 {
            font-size: 20px;
        }

            .banner_form h3 br {
                display: block;
            }

        .g_shape1 {
            max-width: 70px;
        }

        .desktop_v {
            display: none;
        }

        .note {
            display: none;
        }

        .banner_form {
            padding-bottom: 100px;
        }

        .submit_btn {
            height: 48px;
        }

        .form_cont .submit_btn {
            height: 50px;
        }

        .banner_form .form-control, .banner_form .form-select {
            height: 44px;
        }

        .b_shape1 {
            bottom: 5px;
        }

        .b_shape2 {
            bottom: -26px;
        }

        .d_slidersec.top_slider_mobile, .d_slidersec {
            overflow: hidden;
        }

        .d_slider.slick-initialized.slick-slider {
            width: 140%;
        }

        .d_slider .slick-arrow {
            left: 31%;
            transform: none;
        }

        .s_block ul li {
            max-width: 100%;
        }

        .achive_sec .col-6 {
            margin-bottom: 20px;
        }

        .achive_sec {
            background: url(../images/green_bg_mobile.jpg) no-repeat center bottom;
            padding: 82px 0 50px 0;
            background-size: cover;
        }

        .visual_sec {
            background: url(../images/v_m_bg.jpg) no-repeat center bottom;
            background-size: cover;
        }

        .v_slider {
            padding-bottom: 60px;
            margin-bottom: 30px;
        }

        .digital_larning .heading p {
            max-width: 100%;
        }

        .solial {
            gap: 5px;
        }

        .f_menu li a {
            font-size: 14px;
        }

        .h_footer .solial {
            display: flex;
            width: 22%;
        }

        .th_footer.h_footer .f_menu {
            justify-content: flex-start;
            width: 75%;
        }

        .v_slider .slick-slide > div, .d_slider .slick-slide > div, .t_slider .slick-slide > div {
            padding: 0 10px;
        }

        .uniq_inn, .d_slidersec, .t_slidersec {
            margin: 0 -10px;
        }

        .top_sec.pt-4 {
            padding-top: 45px !important;
        }

        .yello_btn {
            padding: 14px 35px;
        }

        .th_header .logo {
            display: block;
            max-width: 276px;
        }

        .th_banner {
            margin-top: 15px;
        }

        .tb_cap {
            margin-top: -34px;
        }

        .solial {
            width: 42%;
        }

        .top_slider_mobile {
            display: block;
        }

    }

    @media (max-width: 575px) {
        .main_header h3 {
            font-size: 10px;
        }

        .main_header p {
            font-size: 10px;
        }

        .solid_btn {
            padding: 10px 11px;
            font-size: 10px;
        }

        .banner {
            margin-top: 69px;
        }

        .b_left {
            padding-top: 14px;
        }

        .b_cap h1 {
            font-size: 26px;
            line-height: 36.328px;
        }

        .b_cap p {
            font-size: 13px;
            line-height: 17px;
        }

        .b_right {
            margin-top: 20%;
        }

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

        .d_slider.slick-initialized.slick-slider {
            width: 155%;
        }

        .d_slider .slick-slide > div {
            padding: 10px 10px;
        }

        .d_slidersec, .t_slidersec {
            margin: 0 -10px;
        }

        .d_slider .slick-arrow {
            left: 28%;
        }

        .digital_larning .heading p {
            max-width: 100%;
            font-size: 14px;
            line-height: 19px;
        }

        .heading p {
            font-size: 14px;
            line-height: 17px;
        }

        .icon_card {
            padding: 30px 20px;
        }

        .s_block {
            padding: 30px 20px;
        }

        .achive_sec {
            padding: 53px 0 41px 0;
        }

        .f_menu li {
            padding: 0 4px;
        }

        .icon_card {
            min-height: 330px;
        }

        .v_slider, .d_slider, .t_slider {
            padding-bottom: 50px;
        }

        .s_block h3 {
            font-size: 23px;
        }

        .tb_cap_box {
            max-width: 100%;
        }

            .tb_cap_box .btn_hldr {
                flex-wrap: wrap;
            }

        .tb_cap .yello_btn {
            padding: 9px 15px;
            width: 100%;
        }

        .tb_cap .btn_hldr .solid_btn {
            padding: 9px 15px;
            width: 100%;
            font-size: 15px;
        }

        .th_icon {
            margin-right: 7px;
            max-width: 25px;
            width: 25px;
        }

        .th_info p {
            font-size: 12px;
            line-height: 16px;
        }

        .tb_cap_box h1 {
            font-size: 34px;
        }

        .tb_cap_box {
            padding: 20px 20px;
        }

        .tb_cap {
            margin-top: -23px;
        }

        .solial {
            width: 28%;
        }

        .t_card_bottom p {
            font-size: 14px;
        }

        .b_cap p {
            font-size: 11px;
        }
    }

    @media (max-width: 420px) {
        .b_right {
            margin-top: 12%;
        }
    }

/* On small screens, stack vertically */
@media (max-width: 576px) {
    .school-item {
        flex-direction: column;
        align-items: flex-start; /* left-align items when stacked */
    }

    .enquiry-btn {
        margin-top: 6px; /* spacing below the school name */
    }
}