.mobile {
    display: none;
}

main {
    background: #F6F6F6;
}

.world-text .label {
    background: #f6f6f6;
}

.inner-title {
    padding-top: 1rem;
    margin-bottom: 3rem;
}

.inner-title .title-content {
    margin-top: 7.8rem;
}

.inner-title .title-content h5 {
    text-align: left;
    font-size: var(--font-36);
    line-height: 48px;
    font-family: var(--primary-font2);
    font-weight: 500;
    letter-spacing: -0.72px;
    color: var(--primary-color);
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 4.3rem;
}



.inner-title .title-content h1 {
    text-align: left;
    font-size: var(--font-46);
    line-height: 56px;
    letter-spacing: 0px;
    color: var(--color-2e);
    opacity: 1;
    font-weight: 400;
}
.cus-about-text .title-content h1{
    font-size: 5.8rem;
    line-height: 7.2rem;
}

.school-image{

}
.school-image img{
       border-radius: 0 0 2rem 2rem;
    margin-top: -1rem;
}
section.page404 {
    padding: 8rem 0;
}

/* ------ find_school -------- */

.find_school {
    background-color: var(--yellow-color);
    padding-top: 3.9rem;
    padding-bottom: 4.7rem;
}

.find_school .select_box {
    width: 100%;
    border-radius: 30px;
    padding: 1.4rem 2.649rem;
    border: none;
}

.find_school select {
    font-size: var(--font-18);
    letter-spacing: 0px;
    line-height: 22px;
    color: var(--color-00);
    opacity: 1;
}

.find_school select {
    background-image: url(../images/chevron-black.png);
}

.line_tag {
    font-size: var(--font-18);
    letter-spacing: 0px;
    color: var(--white-color);
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 2rem;
}

.location_tracker {
    display: flex;
    align-items: center;
    margin-top: 4.94rem;
    position: relative;
}

.location_tracker a {
    font-size: var(--font-18);
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--white-color);
    opacity: 1;
    margin-bottom: 0;
    margin-left: 1.05rem;
    display: flex;
    position: relative;
    align-items: center;
}

.location_tracker a::after {
    content: '';
    border-bottom: 1px dashed var(--white-color);
    width: 27%;
    left: 0;
    position: absolute;
    bottom: -6px;
}

.location_tracker a span {
    margin-left: 1.5rem;
}

.location_tracker a span img {
    height: 1.5rem;
    width: 1.5rem;
    object-fit: contain;
}

.location_tracker figure img {
    height: 3rem;
    width: 2rem;
    object-fit: contain;
}

.buttons {
    display: flex;
}

.buttons .grid {
    grid-template-columns: repeat(1, 1fr);
    height: 2rem;
    width: auto;
    
}

.buttons div {
    margin: 0px 10px;
    color: #FFFFFA;
    cursor: pointer;
}

.buttons div>* {
    pointer-events: none;
        pointer-events: none;
   
}
.buttons .grid img{
    
}

.buttons .list img {
    filter: grayscale(1);
}

.list .grid img {
    filter: grayscale(1);
}

.list .list img {
    filter: grayscale(0);
}

.cus-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    gap: 7rem;
}


/* ------ school list -------- */

.cus-school-list {
    padding: 7rem 0 10rem;
}

.cus-school-text {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 3rem;
}

.school-list-text p {
    font-size: var(--font-18);
}


.school-view-img figure{overflow: hidden;    border-radius: 2rem;}
.school-view-img figure>img{ transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -ms-transition:all 1s ease-in; -o-transition:all 1s ease-in; }
.school-view-img figure:hover>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.school-view-img figure img.reveal-image { animation-name: inherit;}
.school-view-img figure img.image { opacity: 1;}

.school-list-view {
    position: relative;
    padding: 0 2.5rem;
}

.school-view-text h4 {
    color: var(--primary-color);
    font-size: var(--font-21);
    margin: 2rem 0;
}

.school-view-text p {
text-transform: capitalize;
    font-size: var(--font-16);
    color: var(--color-2e);
    
}

.view-box {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.view-link a {
    display: flex;
    align-items: center;
    color: var(--primary-color);
    font-size: var(--font-16);
    position: relative;
}

.view-link a::before {
    content: '';
    border-bottom: 1px dashed var(--color-2e);
    width: 100%;
    left: 0;
    position: absolute;
    bottom: -6px
}

.view-box a img {
    height: 1.5rem;
    width: 1.5rem;
    object-fit: contain;
    margin-left: 1.5rem;
}

.view-location img {
    background-color: var(--yellow-color);
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 100px;
    padding: 5px;
    object-fit: contain;
}

.view-location a img {
    height: 2.5rem;
    width: 2.5rem;
    object-fit: contain;
}

.list .cus-wrapper {
    grid-template-columns: 1fr;
}

.list .main-school-view {
    display: flex;
}

.list .school-list-view {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
}

.list .school-view-text {
    padding: 0 0 0 5rem;
        width: 60%;
}

.list .school-view-text p {
    display: block;
}

.list .view-link {
    margin-right: 2.5rem;
}

.list .school-view-text h4 br {
    display: none;
}


/* ------ THRIVE -------- */

.thrive {
    background-color: var(--grey-color);
    margin: 0;
    padding: 1rem 0 2rem;
}

.thrive-text {}

.thrive-text h2 {
    color: var(--secondary-color);
    font-size: 16rem;
    line-height: 12rem;
    font-weight: 900;
}

.thrive-text span {
    font-size: var(--font-21);
    color: var(--color-2e);
}

.thrive .success-box {
    padding: 3rem 0 0 0;
    align-items: center;
}

.thrive .left-success-box {
    width: 15%;
}

.thrive .welcome-text p {
    font-size: var(--font-20);
    color: var(--color-2e);
}

.thrive .left-success-box img {
    width: 13rem;
}

.thrive .right-success-box {
    padding: 0;
}

.thrive-boxs {
    background-color: var(--grey-color);
}

.thive-box-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem;
    padding-bottom: 7rem;
    position: relative;
}

.thive-box-list-img {
    position: absolute;
    right: 8rem;
    z-index: 9;
    top: -16rem;
}

.thive-box-list-img img {
    width: 80%;
}

.thive-box-list-img1 {
    position: absolute;
    left: 61rem;
    z-index: 9;
    top: -20rem;
}

.thive-box-list-img1 img {
    width: 75%;
}

.left-thive-box {
    width: 47%;
    position: relative;
    padding: 12rem 14rem 0 20rem;
    z-index: 0;
}

.left-thive-box h3 {
    font-size: var(--font-24);
    line-height: 48px;
    font-family: var(--primary-font2);
    font-weight: 500;
    color: var(--primary-color);
}

.left-thive-box p {
    font-size: var(--font-18);
    color: var(--color-2e);
}

.right-thive-box {
    width: 47%;
}
.right-thive-box figure{overflow: hidden;}
.right-thive-box figure>img { transition:1s ease-in ; -webkit-transition:1s ease-in ; -moz-transition:1s ease-in ; -ms-transition:1s ease-in ; -o-transition:1s ease-in ; }
.right-thive-box figure:hover>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.left-thive-img {
    position: absolute;
    top: -14rem;
    z-index: -1;
    left: 25rem;
}

.left-thive-img img {
    filter: grayscale(1);
    margin-left: 1rem;
}

.thive-box-list:nth-child(2n+2) {
    flex-direction: row-reverse;
}

.thive-box-list:nth-child(2n+2) .left-thive-box {
    padding: 14rem 27rem 0 5rem;
}

.thive-box-list:nth-child(2n+2) .left-thive-img {
    left: 9rem;
}

.open {
    /* background-color: var(--white-color); */
    padding: 0rem 0 0;
    position: relative;
}

.open h6 {
    color: var(--sec-color);
    font-size: var(--font-30);
    margin-top: 9rem;
}

.open1 {
    margin-top: -4rem;
}

.open1 .img-baner {
    height: 78vh;
}

.why-text {
    display: flex;
    justify-content: space-between;
    align-items: end;
    height: 100%;
    padding: 0rem 2rem 12rem;
}

.left-why-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem;
    width: 45%;
}

.right-why-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem;
    width: 44%;
}

.why-box {
    background-color: var(--yellow-color);
    padding: 5rem 3rem;
    border-radius: 20px;
}

.why-box h3 {
    font-family: var(--primary-font2);
    color: var(--white-color);
    font-size: var(--font-62);
    line-height: 70px;
    margin-bottom: 1rem;
}

.why-box p {
    margin-bottom: 0px;
    color: var(--white-color);
    font-size: var(--font-18);
    line-height: 2.2rem;
}

.why-box:nth-child(2) {
    background-color: var(--color-3e);
}

.why-box:nth-child(3) {
    background-color: var(--primary-color);
}

.right-why-box .why-box {
    background-color: var(--color-4e);
}

.right-why-box .why-box:nth-child(2) {
    background-color: var(--color-5e);
}

.right-why-box .why-box:nth-child(3) {
    background-color: var(--color-3b);
}

.open2 {
    background-color: var(--grey-color);
    padding: 9rem 0;
}

.nursery-text h4 {
    color: var(--sec-color);
    font-size: var(--font-30);
}

.nursery-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4rem;
    margin: 6rem 3rem 0;
}

.nursery-box {
    background-color: var(--white-color);
    border-radius: 20px;
    position: relative;
}

.nursery-text-box {
    padding: 3.5rem 3rem;
    text-align: center;
}

.nursery-text-box h4 {
    color: var(--sec-color);
    font-size: var(--font-24);
    font-family: var(--primary-font2);
    font-weight: 600;
}

.nursery-text-box p {
    font-size: var(--font-18);
    color: var(--color-2e);
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 5rem;
    justify-content: center;
}

.nursery-text-box p::before {
    content: '';
    border-bottom: 1px dashed var(--primary-color);
    width: 88%;
    left: 2rem;
    position: absolute;
    bottom: -6px;
}

.nursery-text-box p span {
    color: var(--sec-color);
    font-weight: 700;
    margin: 0 .5rem;
}

.nursery-text-box p img {
    height: 1.5rem;
    width: 1.5rem;
    object-fit: contain;
    margin-left: 1.5rem;
}

.nur-btn {}

.nur-btn blockquote {
    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: var(--font-18);
    display: inline-block;
    padding: 1rem 2.3rem;
    border-radius: 10rem;
}

.nursery-box:nth-child(2) .nursery-text-box h4 {
    color: var(--yellow-color);
}

.nursery-box:nth-child(2) .nursery-text-box p span {
    color: var(--primary-color);
}

.nursery-box:nth-child(3) .nursery-text-box h4 {
    color: var(--primary-color);
}

.nursery-box:nth-child(3) .nursery-text-box p span {
    color: var(--primary-color);
}

.nursery-box:hover .nur-btn blockquote {
    background-color: var(--yellow-color);
}

.offer {
    padding: 0rem 0 0 0;
}

.offer h2 {
    font: var(--font-60);
    line-height: 72px;
    color: var(--color-2e);
    font-weight: 400;
}

.offer .nursery-text p {
    font-size: var(--font-21);
    color: var(--color-2e);
}

.icon-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 5rem 0rem 0;
}

.icon-box {
    text-align: center;
    border-right: 1px solid #66666640;
    border-bottom: 1px solid #66666640;
    padding: 3rem 2rem;
}

.icon-box img {
    width: 7.6rem;
    margin: 0 auto 2rem;
    object-fit: contain;
    height: 7.6rem;
}

.icon-box p {
    font-size: var(--font-18);
    color: var(--color-00);
    font-weight: 500;
}

.icon-box:nth-child(5) {
    border-right: 0px solid #66666640;
}

.icon-box:nth-child(6),
.icon-box:nth-child(7),
.icon-box:nth-child(8),
.icon-box:nth-child(9),
.icon-box:nth-child(10) {
    border-bottom: 0px solid #66666640;
}

.icon-box:nth-child(10) {
    border-right: 0px solid #66666640;
}

.open3 {
    padding: 8rem 0 8rem 0rem;
    background-color: var(--white-color);
}

.open3 .our-partners {
    margin-right: -25.3rem;
}

.open3 .testimonial {
    padding: 4rem 0rem 0 11rem;
   gap: 4rem;
}

.open3 .left-success-box {
    width: 4%;
}

.open3 .success-box {
    align-items: center;
    padding: 0;
}

.open3 .right-success-box {
    padding: 0 0 0 4rem;
}

.open3 .welcome-text span {
    font-size: var(--font-30);
    color: var(--sec-color);
    font-weight: 400;
}

.open3 .welcome-text h2 {
    font-size: var(--font-48);
    margin: 0;
    color: var(--color-2e);
    font-weight: 400;
}

.open3 .testimonial-box:nth-child(2) {

    margin: 0 auto;
}

.open3 .textimonila-video figure img {
    border-radius: 20px;
    height: 100%;
    object-fit: cover;
}
.open3 .success-box {
    align-items: center;
    padding: 0 0 0 13rem;
}

.open4 {
    background-color: var(--color-3e);
    padding: 8rem 10rem;
}

.open_4 {
    /* background-color: var(--color-3e); */
    padding: 8rem 10rem;
}


.school-faq_2 h2 {
    color: var(--black-color);
    font-size: var(--font-30);
    font-weight: 400;
    padding-bottom:2.5rem;
    margin-bottom:1rem;
}



.school-faq {
    background-color: #a3322b;
    padding: 8rem;
    border-radius: 20px;
}

.school-faq h2 {
    color: var(--white-color);
    font-size: var(--font-30);
    font-weight: 400;
    padding-bottom: 6.5rem;
    border-bottom: 1px solid #fb63636e;
    margin-bottom: 0;
}

.textimonial-box-new {
    display: flex;
    justify-content: space-between;
    align-items: end;
    border-bottom: 1px solid #1239852e;
    padding-bottom: 5rem;
}

.textimonial-content .testimonial {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr;
    list-style: none;
    gap: 5rem;
    padding: 7rem 0rem 0;
}

.textimonial-content .col-md-4 {
    padding: 0 2rem;
}

.all-student-list {
    display: grid;
    grid-template-columns: repeat(2, 28% 72%);
    gap: 7rem;
    margin: 7rem 0;
}

.all-student-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.all-student-text p {
    font-size: var(--font-16);
    color: var(--color-2e);
}
.all-student-text ul{

}
.all-student-text ul li{
font-size: var(--font-16);
    color: var(--color-2e);
    margin-bottom: 1rem;
    padding: 0 0 0 2rem;
    position: relative;
    font-weight: 300;
}
.all-student-text ul li::before{
    content: '';
    background-color: #005BAA;
    position: absolute;
    width: 0.6rem;
    height: .6rem;
    border-radius: 10rem;
    left: 0;
    top: 1rem;

}

.line-new {
    border-top: 1px solid #66666666;
    width: 30%;
    margin: 3rem 0;
    display: inline-block;
}

.student-text {}

.student-text h6 {
    font-size: var(--font-18);
    color: var(--color-2e);
    font-weight: 600;
    margin-bottom: .5rem;
}

.student-text span {
    font-size: var(--font-14);
    color: var(--color-2e);
    font-style: italic;
}

.border-line1 {
    border-top: 1px solid #1239853d;
    display: block;
}

.contact {
    padding: 0rem 0 0;
}

.contact-box {
background-color: #F04E23;
    background-image: -webkit-linear-gradient(270deg, #f6f6f6 43%, #F04E23 27%);
    padding: 1rem 0 10rem;
}

.contact-info {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.left-contact-box {
    width: 33%;
    padding: 0 0rem 0 0;
}

.left-contact-box h2 {
    text-align: left;
font-size: var(--font-42);
    line-height: 72px;
    letter-spacing: 0px;
    color: var(--color-00);
    opacity: 1;
    font-weight: 400;
}

.left-contact-box p {
    font-size: var(--font-18);
    color: var(--color-2e);
    font-weight: 600;
}

.left-info-box p {
    display: flex;
    font-weight: 400;
    margin-bottom: 5px;
}

.left-info-box p img {
    width: 1.8rem;
    margin-right: .8rem;
    filter: grayscale(1);
}

.partner-box {
    padding: 18rem 0 0 0;
}

.partner-box h5 {
    font-size: var(--font-30);
    color: var(--white-color);
    margin-bottom: 0;
}

.partner-text {
    border-bottom: 1px solid #ffffff4f;
    padding: 2rem 0;
}

.partner-text p {
    font-size: var(--font-18);
    color: var(--white-color);
    font-weight: 400;
    margin-bottom: 10px;
}

.partner-text span {
    display: flex;
}

.partner-text span img {
    width: 1.8rem;
    margin-right: .8rem;
    filter: brightness(0) invert(1);
}

.partner-text span {
    color: var(--white-color);
    font-size: var(--font-18);
}

.map {
    width: 32%;
}

.contact-form {
    width: 32%;
    background: #fff;
    border-radius: 20px;
    padding: 2rem;
}

.map iframe {
    border-radius: 20px;
}

.contact-form h4 {
    font-size: var(--font-30);
    color: var(--sec-color);
    font-weight: 400;
}

.contact-form .form-control {
    border: .1rem solid #CCCCCC;
    font-size: var(--font-16);
    margin-bottom: .8rem;
}

.contact-form .select_box {
    width: 100%;
    border: .1rem solid #CCCCCC;
    font-size: var(--font-16);
    color: var(--color-greylight);
    font-style: italic;
    margin-bottom: 1.5rem;
}

.contact-form input::placeholder {
    font-style: italic;
}

.contact-form textarea::placeholder {
    font-style: italic;
}

.contact-form label {
    font-size: var(--font-16);
    color: var(--default-color);
}

.contact-form a {
    display: inline-block;
}

.career {
    margin-bottom: 6rem;
}

.faq_section {
    padding: 4rem 0 9rem;
}

.career p {
    font-size: var(--font-18);
    color: var(--color-2e);
    margin: 5rem 0 0 0;
}

.career-section1 {
    background-color: #f6f6f6;
    background-image: -webkit-linear-gradient(270deg, #D2D9E1 27%, #f6f6f6 27%);
    padding: 6rem 0;
    position: relative;
}

.career-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    list-style: none;
    gap: 5rem;
}

 
.left-career-box figure{overflow: hidden;border-radius: 20px;}
.left-career-box figure>img{ transition:all 1s ease-in ; -webkit-transition:all 1s ease-in ; -moz-transition:all 1s ease-in ; -ms-transition:all 1s ease-in ; -o-transition:all 1s ease-in ; }
.left-career-box figure:hover>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.left-career-box p {
    font-size: var(--font-18);
    color: var(--color-2e);
    padding: 3rem 6rem 4rem 12.5rem;
}

 
.right-career-box figure{overflow: hidden;   border-radius: 20px;}
.right-career-box figure>img{ transition:all 1s ease-in ; -webkit-transition:all 1s ease-in ; -moz-transition:all 1s ease-in ; -ms-transition:all 1s ease-in ; -o-transition:all 1s ease-in ; }
.right-career-box figure:hover>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.career-text {
    padding: 3rem 5rem;
}

.career-text {
    padding: 7rem 16rem;
}

.career-text p {
    font-size: var(--font-18);
    color: var(--color-2e);
}

.work {
    padding: 0 0 5rem;
}

.work .success-box {
    padding: 0 9rem 0 0;
}

.work .success-box h3 {
    font-size: var(--font-30);
    color: var(--sec-color);
    font-weight: 400;
}

.work .success-box p,
.work .success-box span {
    font-size: var(--font-21);
}

.global-box .icon-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 2rem 3rem 0
}

.global-box .icon-box:nth-child(4) {
    border-right: 0px solid #66666640;
}

.global-box .icon-box:nth-child(5) {
    border-right: 1px solid #66666640;
    border-bottom: 0px solid #66666640;
}

.global-box .icon-box:nth-child(8) {
    border-right: 0px solid #66666640;
}

.career-section2 {
    background-color: var(--grey-color);
    margin: 0;
    padding: 5rem 0 9rem;
}

.career-section2 .expreiences-text h4 {
    font-size: var(--font-30);
    color: var(--sec-color);
    font-weight: 400;
    margin-bottom: 6rem;
}

.career-section2 .world-text .grid {
    margin: 8rem auto 0;
    height: auto !important;
}

.career-section2 .world-text .label {
    background-color: var(--grey-color);
    color: var(--color-2e);
    font-weight: 500;
    width: 100%;
}

.career-section2 .world-text .letter {
    font-size: 3rem;
}

.career-section3 {
    padding: 10rem 0;
}

.openings {
    display: flex;
    justify-content: space-between;
    align-items: end;
    border-bottom: 1px solid #A6AFB9;
    padding-bottom: 5rem;
}

.openings-left-text {}

.openings-left-text h6 {
    font-size: var(--font-30);
    color: var(--sec-color);
}

.openings-left-text h2 {
    font: var(--font-60);
    color: var(--color-2e);
    line-height: 68px;
    font-weight: 400;
}

.right-openings-box {
    width: 30%;
}

.openings-filter {
    display: flex;
    align-items: center;
}

.openings-filter p {
    font-size: var(--font-18);
    color: var(--color-2e);
    margin-right: 2rem;
    margin-bottom: 0px;
    width: 64%;
}

.openings-filter select {
    background-image: url(../images/chevron-black.png);
    border: 1px solid #7070705c;
    margin: 0 1rem 0 0;
    width: 100%;
    padding: 9px 20px 9px 9px;
    flex-grow: 1;
    text-align: left;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    background-position: 97% 50%;
}

div#career_data {
    padding: 1rem 0 0 0;
}

.opening-list {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid #7070705e;
    padding: 3rem 0 2rem;
}

.opening-name {
    width: 70%;
}

.opening-name p {
    font-size: var(--font-16);
    color: var(--color-00);
    margin-bottom: 0px;
}

.opening-name p span {
    font-size: var(--font-16);
    color: #444;
    font-style: italic;
}

.opening-name h3 {
    font-size: var(--font-30);
    color: var(--primary-color);
    font-weight: 400;
}

.opening-address-text p {
    font-size: var(--font-16);
    color: #444;
    margin-bottom: 0;
    text-transform: capitalize;
}

.opening-address {
    display: flex;
    align-items: center;
    width: 30%;
    padding: 0 0 0 5rem;
    justify-content: space-between;
}

.opening-link {}

.opening-link span {
    background: var(--yellow-color);
    display: block;
    padding: 0.9rem;
    border-radius: 100px;
}

.opening-link span img {
    width: 1.5rem;
    height: 1.5rem;
}

.according-title::-webkit-details-marker {
    display: none;
}

.according-title h4 {
    margin-bottom: 0;
    font-size: var(--font-21);
}

svg.according-close {
    background: #f5f5f5;
    border-radius: 100px;
    padding: 3px;
}


/* EXTRA CODE  */

.according:last-child {}


/* ACCORDING-CONTAINER STYLE */

.according-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: auto;
    gap: 20px;
}

.heading-faq {
    color: #fff;
    padding: 5px 10px;
    border-bottom: 3px solid #f4d58d;
}


/* ACCORDING STYLE */

.according {
    .according {
        margin: auto;
        /* background-color: #fff; */
        color: #555555;
        /* box-shadow: 0 0 24px rgba(65, 0, 0, 0.4); */
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #66666640;
    }
}


/* ACCORDING TITLE STYLE */

.according-title {
    cursor: pointer;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 20px;
    align-items: start;
}

.icon {
    justify-self: flex-end;
}

.font-size--24 {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
}

.number {
    color: #42070f;
}


/* ACCORDING OPEN STYLE */

.according[open] {}

.according[open] .according-title {}

.according[open] .number {
    color: #b9532d;
}

.according-explaining {
    font-size: var(--font-16);
    color: var(--color-2e);
    margin-bottom: 0;
}

.according-info {
    margin-left: 0;
    color: #000;
    margin-right: 9rem;
    padding-top: 2rem;
}

.according .according-info ul {
    opacity: 0.8;
    margin-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}


/* MANAGING BACKGROUND COLOR ON CONDITION */

.according[open] {
    background-color: #D2D9E1;
    color: #123985;
    border-radius: 20px;
    border: none;
}


/* MANAGING ICONS AND CONDITIONS */

.according .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
}


/* HIDE THE CLOSED SVG BY DEFAULT */

.according .icon .according-close {
    display: none;
}


/* WHEN OPENED HIDE 'OPEN' SVG AND SHOW 'CLOSE' SVG */

.according[open] .according-open {
    display: none;
    transition: 1s;
    -webkit-transition: 1s;
}

.according[open] .according-close {
    display: inline;
    transition: 1s;
    -webkit-transition: 1s;
}

details.according {
    padding: 3rem;
    border-bottom: 1px solid #66666640;
    margin-bottom: 1rem;
    transition: 1s;
    -webkit-transition: 1s;
}


/*
  .according[open] .icon{
    background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20class%3D%22size-6%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m19.5%208.25-7.5%207.5-7.5-7.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A');
  }

  .according[open] .icon {
    background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20class%3D%22size-6%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2015.75%207.5-7.5%207.5%207.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A');
    }
    */

.credit {
    font-weight: bold;
    text-decoration: none;
    color: #f4d58d;
    padding: 16px 24px;
    border: 2px solid #f4d58d;
    position: fixed;
    right: 10px;
    bottom: 10px;
}

.credit:hover {
    background: #f4d58d;
    color: #880d1e;
}


/* ANIMATIONS */

.according {
    transition: color, background-color 0.4s;
}

.according[open] {
    transition: color, background-color 0.4s;
    transition-behavior: allow-discrete;
}

.according::details-content {
    display: block;
    block-size: 0;
    overflow: hidden;
    transition: all 0.4s;
    transition-behavior: allow-discrete;
}

.according[open]::details-content {
    block-size: auto;
    block-size: calc-size(auto);
}

.school-faq .according-title h4 {
    color: var(--white-color);
    font-size: var(--font-24);
}

.school-faq details.according {
    padding: 2.5rem 0rem;
    border-bottom: 1px solid #fb63636e;
}

.school-faq .according[open] {
    background-color: #d2d9e100;
    color: #000;
    border-radius: 0;
}

.school-faq .according-explaining {
    color: var(--white-color);
    font-size: var(--font-16);
    font-weight: 300;
    padding-right: 10rem;
}

.school-faq .according .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #f5f5f5;
    border-radius: 100px;
    padding: 3px;
}

.opening-list:hover .opening-link span {
    background: var(--primary-color);
}
.school-faq .according[open] .icon{
  
}




/* ================about us=============== */

.thrive_section .world-text .grid {
    height: auto !important;
    margin: 0rem auto 0;
}

.thrive_section .world-text .label {
    font-size: var(--font-21);
    font-weight: 500;
    color: #191919;
    background-color: #F6F6F6;
    overflow: hidden;
}

.vision_mission {
    text-align: center;
}
.cus-mission-box {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-block: 8rem 4rem;
}

.vission_Bx {
    padding-inline: 9rem;
    padding-block: 6rem;
    background-color: var(--primary-color);

}

.mission_Bx {
    padding-inline: 9rem;
    padding-block: 6rem;
    background-color: var(--yellow-color);
}

.vision_mission p {
    font-size: var(--font-21);
   color: var(--white-color);
}

/* .vision_mission .mission_Bx p {
    font-size: var(--font-16);
} */
.cus-mission-box .sub_heading{
       color: var(--white-color);
           font-weight: 400;
}

.sub_heading {
        color: var(--sec-color);
    font-size: var(--font-30);
    font-weight: 500;
    margin-bottom: 3rem;
}

.line_border {
    background-color: #ddd;
    height: 0.1rem;
    width: 100%;
}

.thrive_section {
    padding-top: 5rem;
    text-align: center;
    padding-bottom: 0;
}

.thrive_section .sub_heading {
    margin-bottom: 6rem;
}

.thrive_section .world-text .letter img {
    display: initial;
    max-width: 250px;
    width: auto;
    height: 250px;
}

.thrive_section .world-text .label {
    top: 52px;
}

.leadership_section {
    padding-block: 7rem;
    background-color: rgba(210, 217, 225, 0.6);
}

.leadership_section h4 {
    text-align: center;
}

.leadership_listing ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
}

.leadership_listing ul li figure {
    border-radius: 1rem;
    overflow: hidden;
}

.leadership_listing ul li figure img {
    transition: transform .6s
}

.leadership_listing ul li h5 {
    font-size: var(--font-18);
    color: var(--color-00);
    margin-top: 1rem;
    margin-bottom: 0;
    font-weight: 600;
}

.leadership_listing ul li {
    margin-block: 0rem 3rem;
    position: relative;
}

.leadership_listing ul li:hover figure img {
    transform: scale(1.05);
}

.leadership_listing ul li p {
    color: #707070;
    font-size: var(--font-18);
    font-style: italic;
    margin-bottom: 0;
    line-height: 1.3;
    margin-top: 0.3rem;
}

.prodile_img span {
    max-width: 5rem;
   display: block; 
    margin-top: -3rem;
    position: relative;
}

.streched_link {
    font-size: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.timeline_section {
    padding-block: 8rem;
    overflow: hidden;
    background-color: #F6F6F6;
}

.home_slider {
    padding-block: 2rem;
}

.about-slide-img {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.about_slide {
    margin-right: -32rem;
}

.about-slide {
    height: 100%;
}

.swiper-slide {
    height: auto;
}

.about_slide_Text {
    box-shadow: 0px 3px 15px #00000029;
    background-color: #fff;
    padding: 2rem 2rem 2rem 2rem;
    height: 50%;
    border-radius: 1rem;
}

.text-scrool {
    height: 275px;
    overflow-y: auto;
}

::-webkit-scrollbar {
    width: 5px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #005BAA;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.about_slide_Text h5 {
    font-size: var(--font-46);
    color: var(--yellow-color);
    margin-bottom: 1rem;
    font-weight: 500;
}

.about_slide_Text p {
    font-size: var(--font-16);
    margin-bottom: 1rem;
    line-height: 1.5;
}

.timeline_section .swiper-pagination {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.timeline_section .swiper-pagination .home-prev,
.timeline_section .swiper-pagination .home-next {
    background-image: url(../images/prev-button.svg);
    background-size: cover;
    width: 2.5rem;
    height: 2.5rem;
    transform: rotate(0deg);
}

.timeline_section .swiper-pagination .home-next {
    transform: rotate(180deg);
    margin-right: 16.5rem;
}

.home_slider .about-slide figure {
    height: 50%;
    overflow: hidden;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
}

.awards-section {
    padding-block: 10.7rem;
    background-color: var(--color-d9);
}
 

.gge-slider_one figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: end;
    padding-inline: 30px;
    padding-bottom: 34px;
    background: linear-gradient(180deg, #00000000 0, rgb(0 0 0 / 76%) 100%) no-repeat padding-box;
}

.gge-slider_one figcaption p {
    color: #fff;
    margin-bottom: 0;
    font-size: var(--font-14);
    line-height: var(--line-height-21);
}

.gge-slider_one .swiper-pagination-bullet {
    font-size: 0;
    width: 8px;
    height: 8px;
    background-color: var(--white-color);
    opacity: 1;
}

.gge-slider_one .swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

.award-right {
    padding-left: 11rem;
    padding-right: 11.2rem;
    padding-block: 6.5rem;
    border: 1px solid #9e9e9e;
    border-left: 0;
    margin: 3rem 0 0;
}

.award-right h3 {
    font-size: var(--font-26);
    line-height: var(--line-height-21);
    color: var(--black-color);
    font-weight: 700;
    margin-bottom: 3.3rem;
}

.award-right h4 {
    font-size: var(--font-18);
    line-height: var(--line-height-24);
    font-weight: 400;
    color: var(--black-color);
    margin-bottom: 0;
}

.about-slide {
    border-bottom: 1px solid #C0AF6A;
    padding-bottom: 3rem;
}

.home_slider .swiper-slide:nth-child(2n+2) .about-slide-img {
    flex-direction: column-reverse;
}

.student_excellent {
    padding-block: 0 8rem;
}

.student_excellent .student_listing {
    border-bottom: 1px solid #ddd;
    padding-block: 6rem;
}

.student_excellent .student_listing:last-child {
    border-bottom: 0px solid #ddd;
    padding-block: 6rem 0;
}

.student_profile {
    padding-right: 2rem;
}

.student_profile img {
    border-radius: 1rem;
}

.student_Contnt {
    padding-inline: 9rem 8rem;
}

.student_Contnt p {
    font-size: var(--font-21);
    color: var(--color-2e);
}

.student_Contnt p strong {
    font-weight: 600;
}

.student_prot {
    padding-block: 8rem;
    background-color: rgba(210, 217, 225, 0.6);
}

.students_ibp blockquote {
    font-size: var(--font-21);
    color: var(--color-2e);
    margin-bottom: 1rem;
}

.students_ibp {
    text-align: center;
}

.students_ibp p {
    font-size: var(--font-16);
    color: var(--color-2e);
    margin-bottom: 4rem;
}

.arrow_btn {
    max-width: 3rem;
    display: block;
}

.thtive_children {
    text-align: center;
}

.thtive_children p {
    /* width: 26rem; */
    width: 32rem;
    margin: 0 auto 3rem;
    font-size: var(--font-18);
}

.cus-children {
    margin-top: -52rem;
}

.thrive-section3 .left-success-box {
    width: 25%;
}

.cus-children-text {
    position: relative;
    z-index: 2;
}

.thrive-section3 {
    padding: 0rem 0 9rem;
}

.thrive-section3 .inner-title .title-content {
    margin-top: 0;
}

.border-line {
    border-top: 1px solid #66666642;
    margin: 6rem 0 0 0;
}

.team-section {}

.team-section .world-text .label {
    color: #D2D9E1;
}

.team-section .world-text .label.active {
    color: var(--color-2e);
}

.team-section-text p {
    color: var(--color-2e);
}

.team-section-text {
    margin-bottom: 9rem;
}

.cus-team-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
padding: 0 10rem;
    position: relative;
}

.team-section {
    padding: 3rem 0 0rem;
}

.team-section1 .thive-box-list-img {
    top: 39rem;
    right: 8rem;
}

.cus-team-img {
    margin-bottom: 3rem;
}

.cus-team-img img {
    border-radius: 2.2rem;
}

.versatile-section-img img {
    border-radius: 2rem;
}

.team-section1 {
    padding: 0 0 9rem;
    position: relative;
}

.team-section1 .row {}

.resilient-section1 .thive-box-list-img {
    top: -3rem;
    right: inherit;
}

.cus-team-text p {
    font-size: var(--font-16);
    color: var(--color-2e)
}

.cus-team-text h6 {
    font-size: var(--font-18);
    color: var(--color-2e)
}

.innovative-section {
    position: relative;
    padding: 9rem 0;
    z-index: 2;
}

.innovative-section::before {
    content: '';
    background-color: var(--color-d9);
    width: 100%;
    position: absolute;
    top: 0;
    height: 45rem;
    z-index: -1;
}

.innovative-text {
    margin-bottom: 5rem;
}

.innovative-text h4 {
    color: var(--sec-color);
    font-size: var(--font-30);
    font-weight: 500;
}

.innovative-text p {
    font-size: var(--font-16);
    color: var(--color-2e);
}

.innovative-section .thive-box-list-img {
    top: -8rem;
    width: 11%;
}

.innovative-img {
    margin-bottom: 7rem;
}

.innovative-img img {
    border-radius: 2rem;
}

.versatile-section .thive-box-list-img {
    top: 39rem;
    right: inherit;
    left: 89rem;
    width: 13%;
}

.cus-versatile-text p {
    font-size: var(--font-16);
    color: var(--color-2e);
}

.cus-versatile-text {
    padding: 2rem 0 16rem 19rem;
}

.versatile-section2::before {
    height: 75rem;
}

.empathetic-section .innovative-img {
    margin-bottom: 2.2rem;
}

.empathetic-section .innovative-img img {
    border-radius: 2.2rem;
}

.curriculum-section .cus-banner-img img {
    height: 79vh;
    object-fit: cover;
}

.curriculum-text {
    padding: 0 0 0 24rem;
}

.curriculum-section .banner-text {
    width: 44%;
    align-items: start;
    text-align: left;
    padding: 0;
    justify-content: end;
    padding-bottom: 4rem;
}

.curriculum-section .banner-text p {
    color: var(--white-color);
    font-size: var(--font-16);
}

.curriculum-text h4 {
    color: var(--white-color);
    font: var(--font-40);
    line-height: 4.2rem;
    font-weight: 400;
}

.curriculum-section1 {
    padding: 9rem 0 4rem;
    position: relative;
}

.class-room-text {
    margin-bottom: 7rem;
}

.class-room-text h4 {
    color: var(--sec-color);
    font-size: var(--font-30);
    font-weight: 500;
}

.class-room-text p {
    font-size: var(--font-16);
    color: var(--color-2e);
}

.curriculum-section1 .thive-box-list-img {
    right: 21rem;
    z-index: 9;
    top: 8rem;
}

.curriculum-section1 .thive-box-list-img img {
    width: 58%;
}

.learning-box {
    padding: 0 2rem 4rem 0;
}
.learning-box figure{border-radius: 1.5rem;overflow: hidden;margin-bottom: 3rem;}
.learning-box figure>img{ transition:all 1s ease ; -webkit-transition:all 1s ease ; -moz-transition:all 1s ease ; -ms-transition:all 1s ease ; -o-transition:all 1s ease ; }
.learning-box figure:hover>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

@media(max-width:991px){
    .learning-box figure {margin-bottom: 2rem;}
}

.learning-box-right {
    padding: 0 0 0 2rem;
}

.learning-box h5 {
    font-size: var(--font-21);
    color: var(--primary-color);
}
 
.learning-box p {
    font-size: var(--font-16);
    color: var(--color-2e);
    font-weight: 400;
}

.curriculum-section2 {
    padding: 9rem 0;
    background-color: var(--white-color);
    position: relative;
    z-index: 2;
}

.curriculum-section2-img {
    position: absolute;
    right: 0;
    top: 30rem;
    width: 26%;
}

.curriculum-section2-img img {}

.framework-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
}

.framework-text {}

.framework-text h4 {
    color: var(--sec-color);
    font-size: var(--font-30);
    font-weight: 500;
}

.framework-box {
    padding: 5rem 0 0 0;
    position: relative;
}

.framework-box h5 {
    font-size: var(--font-21);
    color: var(--primary-color);
    font-weight: 500;
}

.framework-box p {
    font-size: var(--font-16);
    color: var(--color-2e);
    font-weight: 400;
}

.framework-box p br {
    display: none;
}

.framework-box img {
    width: auto;
    margin-bottom: 3rem;
}

.framework-box::before {
    content: '';
    background-color: var(--yellow-color);
    position: absolute;
    bottom: 0;
    width: 10rem;
    height: .2rem;
}

.induction-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.induction-box {
    border-style: solid;
    border-color: #12398526;
    border-width: 0px 1px 1px 0px;
    padding: 3rem 2rem 2rem;
}

.induction-box:nth-child(2n+2) {
    padding: 3rem 2rem 2rem 6rem;
    border-width: 0px 0px 1px 0px;
}

.induction-box:last-child {
    border-width: 0px 1px 0px 0px;
}

.induction-box h5 {
    font-size: var(--font-21);
    color: var(--primary-color);
    font-weight: 500;
}

.induction-box p {
    font-size: var(--font-16);
    color: var(--color-2e);
    font-weight: 400;
}

.junior-box {
    display: grid;
    grid-template-columns: repeat(2, 60% 40%);
    gap: 7rem;
    margin-bottom: 6rem;
}

.right-junior-text {
    position: relative;
    padding: 3rem 0 0 0;
}

.right-junior-text h5 {
    font-size: var(--font-21);
    color: var(--primary-color);
    font-weight: 500;
}

.right-junior-text ul {}

.right-junior-text ul li {
    font-size: var(--font-16);
    color: var(--color-2e);
    position: relative;
    padding: 0 0 1.5rem 2rem;
}

.right-junior-text ul li::before {
    content: '';
    background-color: #DBAA27;
    position: absolute;
    width: .5rem;
    height: .5rem;
    border-radius: 10rem;
    left: 0;
    top: 1rem;
}

.curriculum-slide {
    margin-bottom: 5rem;
    position: relative;
}

.curriculum-slide .swiper-pagination {
    position: absolute;
    right: 47rem;
    top: 36rem;
    display: flex;
}

.curriculum-slide .swiper-pagination .home-prev,
.curriculum-slide .swiper-pagination .home-next {
    background-image: url(../images/slide-icon.svg);
    background-size: cover;
    width: 2.5rem;
    height: 2.5rem;
    transform: rotate(0deg);
}

.curriculum-slide .swiper-pagination .home-next {
 
    margin-right: 0;
    position: absolute;
    top: 0;

}
.curriculum-slide .swiper-pagination .home-prev{
left: -4rem;
    rotate: 180deg;
}

.curriculum-slide::before {
    content: '';
    background-color: var(--yellow-color);
    position: absolute;
    bottom: 7rem;
    width: 30rem;
    height: .2rem;
    right: 23rem;
}

.pre-school-img1 {
    padding-left: 3rem;
}

.right-junior-text::before {}

.class-room-main {
    position: relative;
}

.class-room-main .thive-box-list-img {
    right: -23rem;
    z-index: 9;
    top: 0rem;
}

.our-school {
    padding: 0;
    position: relative;
}

.pre-menu {
    margin-bottom: 4rem;
    border-bottom: 1px solid #12398526;
    padding-bottom: 5rem;
    margin-top: 3rem;
}

.pre-menu ul li {
    display: inline-block;
    padding: 0 6rem 0 0;
}

.pre-menu ul li a {
    color: var(--color-00);
    font-size: var(--font-16);
    font-weight: 500;
}

.pre-menu ul li.active a {
    color: var(--primary-color);
}

.our-school .tab {
    padding: 0;
    color: inherit;
    cursor: inherit;
    text-align: center;
    transition: background-color 0.3s ease;
}

.pre-school-text {
    text-align: left;
    padding: 4rem 0 4rem 0rem;
}

.pre-school-text p br,
.pre-school-text2 p br {
    display: none;
}

.pre-school-text h4,
.pre-school-text h5 {
    color: var(--sec-color);
    font-size: var(--font-30);
    font-weight: 500;
}

.pre-school-text h5 {
    margin-bottom: 1rem;
}

.pre-school-text p {
    font-size: var(--font-21);
    color: var(--color-2e);
}

.pre-school-list-text p {
    font-size: var(--font-16);
    color: var(--color-2e);
}

.pre-school-list {
    display: grid;
    grid-template-columns: repeat(2, 60% 40%);
    gap: 7rem;
    padding-bottom: 10rem;
}

.pre-school-list-text {
    display: flex;
    flex-direction: column;
    text-align: left;
    height: 100%;
    justify-content: center;
}

.our-school1 {
    background-color: var(--white-color);
    padding: 9rem 0 0 0;
    position: relative;
}

.our-school1 .thive-box-list-img {
    position: absolute;
    right: inherit;
    z-index: 9;
    top: -8rem;
    left: 8rem;
    width: 16%;
}

.pre-school-text2 {
    padding: 0 0 0 13rem;
}

.excellence-logo {
    display: flex;
}

.excellence-logo img {
    width: auto;
    /* margin-right: 3rem;
     */
     height: 100%;
}

.school-new {
    padding: 0 0 9rem;
    position: relative;
}

.school-new .pre-menu {
    margin-bottom: 7rem;
}

.excellence-text {
    padding: 2rem 4rem 0 0;
}


.excellence-img figure{ overflow: hidden; border-radius: 1.8rem; -webkit-border-radius: 1.8rem; -moz-border-radius: 1.8rem; -ms-border-radius: 1.8rem; -o-border-radius: 1.8rem; }
.excellence-img figure>img{ transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -ms-transition:all 1s ease-in; -o-transition:all 1s ease-in; }
.excellence-img figure:hover>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.excellence-text h4 {
    color: var(--sec-color);
    font-size: var(--font-30);
    font-weight: 500;
}

.excellence-text p {
    font-size: var(--font-16);
    color: var(--color-2e);
}

.excellence-img {
    margin-bottom: 6rem;
}

.excellence-img1 {
    padding-right: 4rem;
}
.excellence-img1 figure{overflow: hidden;    border-radius: 2rem;}
.excellence-img1 figure>img{ transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -ms-transition:all 1s ease-in; -o-transition:all 1s ease-in; }
.excellence-img1 figure:hover>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.innovative-text {
    padding-left: 1rem;
}

.innovative-text p br {
    display: none;
}

.innovative {
    background-color: var(--sec-color);
    display: inline-block;
    padding: 3rem 2rem;
    border-radius: 1.5rem;
    margin-top: 2rem;
}

.innovative h2 {
    font-family: var(--primary-font2);
    color: var(--white-color);
    font-size: var(--font-62);
    margin: 1rem 0;
    line-height: 5rem;
}

.innovative span {
    color: var(--white-color);
    font-size: var(--font-18);
}

.blog-section {
    margin-bottom: 0;
    padding: 0rem 0 9rem;
}

.blog-text {
    padding: 7rem 0 4rem;
    border-bottom: 1px solid #12398533;
    margin-bottom: 7rem;
}

.blog-text h3 {
    color: var(--primary-color);
    font-size: var(--font-36);
    font-weight: 500;
}

.blog-text h2 {
    text-align: left;
    font: var(--font-60);
    line-height: 72px;
    letter-spacing: 0px;
    color: var(--color-2e);
    opacity: 1;
    font-weight: 400;
}

.main-blog-box {
    position: relative;
    box-shadow: 0px 26px 47px #00000026;
    border-radius: 10px;
    margin-bottom: 7rem;
}

.main-blog-box img{border-radius:10px;aspect-ratio:4 / 1.632;object-fit:contain;}


.main-blog-text {
    background-color: var(--primary-color);
    position: absolute;
    right: -12rem;
    padding: 5rem;
    border-radius: 1.5rem;
    top: 13rem;
    width: 36%;
}

.main-blog-text span {
    color: var(--white-color);
    font-size: var(--font-16);
}

.main-blog-text h4 {
    color: var(--white-color);
    font-size: var(--font-34);
    line-height: 4.4rem;
}

.left-blog-box {
    position: relative;
    margin-bottom: 4rem;
    background-color: var(--white-color);
    border-radius: 10px;
    margin: 0 .6rem 3rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.left-blog-text {
    padding: 4rem 5rem;
}

.left-blog-text span {
    color: var(--color-00);
    font-size: var(--font-16);
    font-weight: 500;
    margin-bottom: 1rem;
    display: block;
}
.left-blog-img{overflow: hidden;}
.left-blog-box figure>img{ transition:all 1s ease-in ; -webkit-transition:all 1s ease-in ; -moz-transition:all 1s ease-in ; -ms-transition:all 1s ease-in ; -o-transition:all 1s ease-in ; }
.left-blog-box:has(a:hover) figure>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.left-blog-box figure::after{ content:''; position:absolute; width:4rem; height:3rem; bottom:-1px; left:50%;  background-color:#ffffff; clip-path:polygon(50% 0%,0% 100%,100% 100%); -webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:translateX(-50%);-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }



.left-blog-img img,
.center-bottom-blog img,
.more-blog-img img {
    border-radius: 1.2rem;
    height: 33rem;
    object-fit: cover;
}

.left-blog-text p {
    color: var(--color-2e);
    font-size: var(--font-18);
    margin-bottom: 0;
}

.center-blog {
    padding: 0 2rem;
}

.center-blog-top {
    background-color: var(--yellow-color);
    padding: 7.8rem 5rem;
    position: relative;
    border-radius: 10px;
    margin-bottom: 4rem;
    box-shadow: 0px 30px 50px #00000029;
}

.center-blog-top span {
    color: var(--color-00);
    font-size: var(--font-16);
    display: block;
    margin-bottom: 1rem;
}

.center-blog-top h4 {
    color: var(--black-color);
    font-size: var(--font-30);
    line-height: 4.2rem;
    font-weight: 400;
}

.left-blog-box .left-blog-text {
    padding: 4.5rem 3rem;
}

.center-blog .left-blog-box {
    box-shadow: 0px 26px 47px #00000026;
}

.center-bottom-blog {
    position: relative;
}

.right-blog {}

.right-blog .center-blog-top {
    margin-top: 4rem;
    background-color: var(--primary-color);
    padding: 7.6rem 5rem;
}

.right-blog .center-blog-top span,
.right-blog .center-blog-top h4 {
    color: var(--white-color);
}

.blog-detail-text {
    padding: 0 4rem 0 0;
}

.blog-detail-text img {
    margin-bottom: 3rem;
    box-shadow: 0px 26px 47px #00000026;
}

.blog-detail-text p {
    font-size: var(--font-16);
    color: var(--color-2e);
    line-height: 2.4rem;
}

.more-blogs {
    background-color: var(--white-color);
    padding: 3rem 3rem 7rem;
    border-radius: 10px;
}

.more-blogs h4 {
    font-size: var(--font-21);
    color: var(--color-2e);
    margin-bottom: 4rem;
}

.more-blog-box {
    position: relative;
    margin-bottom: 4rem;
}

.more-blog-img {
    margin-bottom: 3rem;
}

.more-blog-text {
    padding: 0 0rem 5rem 2rem;
    position: relative;
}

.more-blog-text::before {
    content: '';
    background-color: var(--yellow-color);
    width: 40%;
    height: .5rem;
    position: absolute;
    bottom: 0;
    border-radius: 1rem;
}

.more-blog-text span {
    color: var(--color-00);
    font-size: var(--font-16);
    font-weight: 500;
    margin-bottom: 1rem;
    display: block;
}

.more-blog-text p {
    color: var(--color-2e);
    font-size: var(--font-18);
    margin-bottom: 0;
}

.inner-title.thrive.faq_page {}

.team-section .world-text .letter img {
    /* filter: invert(0.1) sepia(1) hue-rotate(98deg) saturate(10%); */
    filter: hue-rotate(111deg) saturate(1%);
    -webkit-filter: hue-rotate(111deg) saturate(1%);
    opacity: .3;
}

.team-section .world-text .item:hover img {
    filter: inherit;
    opacity: 1;
}

.thrive_section .world-text .item.active .letter img {
    filter: inherit
}

.thrive_section .world-text .item.active .letter img {
    opacity: 1;
}

.thrive_section .world-text .item.active .label {
    color: var(--color-2e);
}

.team-section .world-text .item:hover .label {
    color: var(--color-2e);
}

.terms_wraper {
    padding-bottom: 0px;
    /* padding-left: 50px;
    border-left: 4px solid var(--primary-color); */
    margin-bottom: 5rem;
}

.title18 {}
.inner-title .title-content h3 {
color:var(--primary-color);
}
.inner-title .title-content h4.title18 {
font-size: var(--font-24);
    margin-block: 2.5rem;
   color:var(--color-2e);
    font-weight: 600;
}
.inner-title .title-content p{
color:var(--color-2e);
  font-size: var(--font-18);
    line-height: 1.5;

} 
.inner-title .title-content p strong{
    font-weight: 600;
    margin-top: 1rem;
    
}
.terms_wraper h3 {
    font-size: var(--font-30);
    margin-bottom: 1.3rem;
    color: var(--primary-color);
    font-weight: 600;
}

.definition {}

.definition ul {
    position: relative;
}

.definition ul li {
    font-size: var(--font-18);
    line-height: 1.5;
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
}

.definition ul li:before {
   content: '';
    background-color: #DBAA27;
    position: absolute;
    width: .6rem;
    height: .6rem;
    border-radius: 10rem;
    left: 0;
    top: 1rem;
}
section.page404.thankYouSec{
    padding: 8rem 0;
    min-height: 70vh;
    align-content: center;
}
section.page404.thankYouSec h2{
        font-size: 100px;
    font-weight: 700;
    margin-bottom: 0rem;
    color: var(--primary-color);
}
/*home sec third css start*/

.grid {
    /* display: grid; */
    grid-template-columns: repeat(6, 1fr);
    gap: 40px;
    max-width: 1539px;
    margin: 0rem auto 0;
    position: relative;
    align-items: center;
    justify-content: center;
}

.item {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* .letter,
.label,
.img {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
} */

.letter {
    font-size: var(--font-24);
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.label {
    font-size: var(--font-21);
    color: var(--colorac);
    position: absolute;
    top: 57px;
    background: #fff;
    /* padding: 1.1rem 1rem; */
    width: 100%;
    z-index: 99;
    font-weight: normal;
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img {
    width: 190px;
    height: 190px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    z-index: 9;
}

.top .img {
    top: -85px;
    left: 11rem;
}

.bottom .img {
    bottom: -1px;
    left: 13rem;
}

div#R img.img {
    width: 125px;
    height: 125px;
    top: -12px;
    left: 10rem;
}

div#I img.img {
    width: 135px;
    height: 135px;
    left: 6.5rem;
    bottom: 4rem;
}

div#E img.img {
    width: 145px;
    height: 145px;
    left: 4.5rem;
    bottom: 5rem;
}

.label {
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.home_sec_three {
    position: relative;
    padding: 12rem 0 7rem;
    max-width: 1640px;
    margin: 0 auto;
}

.letter svg path,
.letter svg rect {
    fill: #123986;
    /* original fill */
    stroke: white;
    /* stroke-width: 0; */
    /* transition: fill 0.0s, stroke-width 0.0s; */
    /* mix-blend-mode: normal; */
}

.figure-img {
    /* Push image down to scroll over */
    z-index: 20;
}

.figure-img img {
    display: block;
    margin: 0 auto;
    /* Helps blend the image */
}

.letter {
    mix-blend-mode: normal;
}

.group-letter {
    display: grid;
    align-items: baseline;
}

.group-letter>* {
    grid-area: 1/1;
}

.letter1 svg {
    fill: transparent;
}

.letter {
    z-index: 1;
    transition: z-index 0.3s;
}

.figure-img {
    z-index: 0;
    transition: z-index 0.3s;
    position: relative;
}

.letter1 {
    z-index: 1;
    transition: z-index 0.3s;
}

.world-text .item:hover .label {
    color: var(--primary-color);
}

.main-thrive-page .world-text .letter img {
    display: initial;
    max-width: 270px;
    width: auto;
    height: 270px;
}

.main-thrive-page .world-text .label {
    top: 52px;
}

.contact-form .cus-btn1 {
    margin-top: 2rem;
    border: 1px solid #005BAA;
}

.contact-form .cus-btn1:hover {

}

.thankYouContent {
    padding: 10rem 0;
}

.thankYouContent p {
    font-size: 3.2rem;
    font-family: var(--primary-font2);
    font-weight: 500;
    letter-spacing: -0.72px;
    color: var(--color-2e);
}

.btns a {
    background: #AC9F43;
        padding: 1rem 3rem;
    border-radius: 100rem;
    color: var(--body-color);
    font-family: var(--font-family1);
    font-size: var(--font-16);
    transition: 1s;
    -webkit-transition: 1s;
    font-weight: 300;
}
.btns a:hover{
        background: var(--primary-color);
}

.btns {
    margin: 5rem 0 0 0;
}

label#exampleFormControlTextarea1-error {
    margin-bottom: 1rem;
    display: block;
}

.thrive-section3 .title-content {
    margin-top: 0;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 0rem;
}

.open-form {
    padding: 9rem 3rem 0 3rem;
}

.sidenav .contact-form {
    width: 100%;
    background: #fff;
    border-radius: 0;
    padding: 0rem;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #000;
    display: block;
    transition: 0.3s;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.open-btn {
    position: absolute;
    right: 7%;
    background: #005BAA;
    padding: 2rem;
    text-align: center;
    display: inline-block;
    color: #fff;
    z-index: 9;
    cursor: pointer;
    border-radius: 1.5rem;
}

.open-btn a img {
    width: 5rem;
    filter: brightness(0) invert(1);
    margin-bottom: 1rem;
    margin: 0 auto 1rem;
}

.open-form h3 {
    text-align: left;
    font-size: var(--font-30);
    line-height: 30px;
    font-family: var(--primary-font2);
    font-weight: 500;
    letter-spacing: -0.72px;
    color: var(--primary-color);
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 5.3rem;
}

.open-form a.cus-btn1 {
    width: auto;
    display: inline-block;
    color: #fff;
    font-size: 1.6rem;
    padding: 1.1rem 3rem;
    margin: 2rem 0 0 0;
}

.open-form .form-control {
    border: .1rem solid #CCCCCC;
    font-size: var(--font-16);
}

.openbody {
    position: relative;
}

.openbody:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    height: 100%;
    background-color: rgb(0 0 0 / 63%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 9999;
    transition: opacity .3s, width .6s ease-in-out .3s;
}

.all-student-img img {
    border-radius: 1.5rem;
}

.open-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/chevron-black.png);
    background-repeat: no-repeat;
    background-size: 1.3rem;
    padding: 1.5rem 2.2rem;
    padding-right: 3rem;
    background-position: 95% 50%;
    font-size: 16px;
    margin-bottom: 1rem;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    background-color: var(--white-color);
}

.left-junior-img figure {
    border-radius: 2.5rem;
    overflow: hidden;
}
.left-junior-img figure>img { transition:1s ease-in ; -webkit-transition:1s ease-in ; -moz-transition:1s ease-in ; -ms-transition:1s ease-in ; -o-transition:1s ease-in ; }
.left-junior-img figure:hover>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

/* #Progress
================================================== */

.progress-wrap {
    position: fixed;
    right: 60px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;
    font-family: 'unicons';
    content: '\e84b';
    text-align: center;
    line-height: 46px;
    font-size: 34px;
    color: #123985;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap:hover::after {
    opacity: 0;
}

.progress-wrap::before {
    position: absolute;
    font-family: 'unicons';
    content: '\e84b';
    text-align: center;
    line-height: 46px;
    font-size: 34px;
    opacity: 0;
    background: black;
    /* --- Pijl hover kleur --- */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap:hover::before {
    opacity: 1;
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    stroke: #123985;
    /* --- Lijn progres kleur --- */
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}


/* Apply Now Css */

.cus-apply {
    padding: 8rem 0;
}

.contact-form-new {
    background-color: #fff;
    padding: 4rem 3rem;
}

.contact-form-new h2 {
    text-align: left;
    font-size: var(--font-34);
    line-height: 45px;
    letter-spacing: 0px;
    color: var(--color-2e);
    opacity: 1;
    font-weight: 300;
    margin-bottom: 3rem;
}

.contact-form-new h3 {
    text-align: left;
    font-size: var(--font-28);
    line-height: 45px;
    letter-spacing: 0px;
    color: var(--color-2e);
    opacity: 1;
    font-weight: 300;
    margin: 4rem 0 1.5rem;
}

.apply-now-form .form-control {
    border: none;
    border-bottom: 1px solid #060606d1;
    width: 100%;
    padding: 0.7rem 0.5rem;
    color: #000;
    font-size: var(--font-14);
}

.apply-now-form select {
    border: none;
    border-bottom: 1px solid #060606d1;
    width: 100%;
    background-image: url(../images/down-arrow-black.svg);
    background-position: 100% 50%;
    padding: 1.1rem 0.5rem;
}

.apply-now-form input.form-control {
    font-size: var(--font-14);
}

.apply-now-form input::placeholder {
    font-size: var(--font-14);
}

.custom-upload {
    position: relative;
    border: 2px dashed #000;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    color: var(--color00);
    font-size: var(--font-14);
    cursor: pointer;
    transition: background 0.3s ease;
    width: 50%;
}

.apply-now-form .cus-btn1 {
    border: none;
}

.wrapper {
    max-width: 18rem;
    padding: 0 0.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4rem;
}

.cus-date label {
    font-size: 0.75rem;
    font-weight: 400;
    display: block;
    margin-bottom: 0.5rem;
    color: #000;
    border: 1px solid #ECEFF1;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
}

.cus-date input {
    display: block;
    border: none;
    border-radius: 0.25rem;
    line-height: 1.5rem;
    padding: 0;
    font-size: 1.6rem;
    width: 100%;
    margin-top: 0.5rem;
}

input:focus {
    outline: none;
}

#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    margin-top: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-weight: 400;
    color: #000;
}

.ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 0;
}

.input-group-append {
    position: absolute;
    right: 0;
    top: 15px;
}

.ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #000;
    font-size: 1rem;
    text-decoration: none;
}

.ui-datepicker-calendar tbody td a:hover {
    background-color: #E0F2F1;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #009688;
    color: white;
}

.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
}

.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}

.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 0.9rem;
    background-position: 50%;
    transform: rotate(180deg);
}

.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
}

.ui-datepicker-header a>span {
    display: none;
}

.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}

.ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 1rem;
}

.cus-date {
    position: relative;
}

.cus-date label {
    border: none;
    border-bottom: 1px solid #060606d1;
    width: 100%;
    border-radius: 0;
    padding: .4rem .5rem;
    color: #000;
    font-size: 1.6rem;
}

.cus-date input::placeholder {
    color: #000;
}


/* Apply Now Css */

.cus-apply {
    padding: 8rem 0;
}

.contact-form-new {
    background-color: #fff;
    padding: 4rem 3rem;
}

.contact-form-new h2 {
    text-align: left;
    font-size: var(--font-34);
    line-height: 45px;
    letter-spacing: 0px;
    color: var(--color-2e);
    opacity: 1;
    font-weight: 300;
    margin-bottom: 3rem;
}

.contact-form-new h3 {
    text-align: left;
    font-size: var(--font-28);
    line-height: 45px;
    letter-spacing: 0px;
    color: var(--color-2e);
    opacity: 1;
    font-weight: 300;
    margin: 4rem 0 1.5rem;
}

.apply-now-form .form-control {
    border: none;
    border-bottom: 1px solid #060606d1;
    width: 100%;
    padding: 0.7rem 0.5rem;
    color: #000;
    font-size: var(--font-14);
}

.apply-now-form select {
    border: none;
    border-bottom: 1px solid #060606d1;
    width: 100%;
    background-image: url(../images/down-arrow-black.svg);
    background-position: 100% 50%;
    padding: 1.1rem 0.5rem;
}

.apply-now-form input.form-control {
    font-size: var(--font-14);
}

.apply-now-form input::placeholder {
    font-size: var(--font-14);
}
.apply-now-form .custom-upload input.form-control {
     border:0;padding:0;margin-top:1rem;display:inline-block;width:auto;
}
.custom-upload {
    position: relative;
    border: 2px dashed #000;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    color: var(--color00);
    font-size: var(--font-14);
    cursor: pointer;
    transition: background 0.3s ease;
    width: 50%;
}

.apply-now-form .cus-btn1 {
    border: none;
}

.wrapper {
    max-width: 18rem;
    padding: 0 0.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4rem;
}

.cus-date label {
    font-size: 0.75rem;
    font-weight: 400;
    display: block;
    margin-bottom: 0.5rem;
    color: #000;
    border: 1px solid #ECEFF1;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
}

.cus-date input {
    display: block;
    border: none;
    border-radius: 0.25rem;
    line-height: 1.5rem;
    padding: 0;
    font-size: 1.6rem;
    width: 100%;
    margin-top: 0.5rem;
}

input:focus {
    outline: none;
}

#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    margin-top: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-weight: 400;
    color: #000;
}

.ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 0;
}

.input-group-append {
    position: absolute;
    right: 0;
    bottom: 6px;
}

.ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #000;
    font-size: 1rem;
    text-decoration: none;
}

.ui-datepicker-calendar tbody td a:hover {
    background-color: #E0F2F1;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #009688;
    color: white;
}

.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
}

.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}

.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 0.9rem;
    background-position: 50%;
    transform: rotate(180deg);
}

.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
}

.ui-datepicker-header a>span {
    display: none;
}

.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}

.ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 1rem;
}

.cus-date {
    position: relative;
}

.cus-date label {
    border: none;
    border-bottom: 1px solid #060606d1;
    width: 100%;
    border-radius: 0;
    padding: .4rem .5rem;
    color: #000;
    font-size: 1.6rem;
}

.cus-date input::placeholder {
    color: #000;
}
.contact-form label.error {
    margin-bottom: 2rem;
    display: inline-block;
}
.textimonial-page{
        padding: 1rem 0 7rem;
}

.pagination-wrapper .sm\:hidden {
    display: none;
}





/* media screen and (max-width: 2500px)
    ---------------------------------------------------------------------- */

@media screen and (min-width:2500px) {
    .team-section1 .thive-box-list-img {
        top: 39rem;
        right: 32rem;
    }
    .innovative-section .thive-box-list-img {
        top: 9rem;
        right: 32rem;
    }
    .resilient-section1 .thive-box-list-img {
        top: -3rem;
        right: inherit;
    }
}

@media screen and (max-width:1450px) {
    /* .left-contact-box {
        width: 42%;
        padding: 0 4rem 0 0;
    } */
    .contact-form {
        width: 30%;
    }
    .map {
        width: 30%;
    }
    .map iframe {
        height: 600px;
    }
    .curriculum-section1 .thive-box-list-img {
        right: 11rem;
    }
    .curriculum-slide .swiper-pagination {
        right: 34rem;
    }
    .curriculum-slide::before {
        right: 12rem;
    }
    .curriculum-section3 .thive-box-list-img {
        right: 0rem;
    }
}

@media screen and (max-width:1366px) {
    .curriculum-section .cus-banner-img img {
        height: 60vh;
        object-fit: cover;
    }
    .curriculum-section3 .thive-box-list-img {
        display: none;
    }
    .curriculum-slide .swiper-pagination {
        right: 32rem;
    }
    .curriculum-slide::before {
        right: 10rem;
    }
    .cus-versatile-text {
        padding: 3rem 0 12rem 13rem;
    }
    .versatile-section .thive-box-list-img {
        top: 32rem;
        right: 2rem;
        left: 62rem;
    }
}

@media screen and (max-width:1190px) {
    .curriculum-section1 .thive-box-list-img {
        right: 0rem;
    }
}

@media screen and (max-width:1024px) {
    .right-junior-text {
        padding: 1rem 0 0 0;
    }
    .framework-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem;
    }
    .curriculum-section1 .thive-box-list-img {
        right: 0rem;
        width: 22%;
    }
    .curriculum-text {
        padding: 0 0 0 5rem;
    }
}

@media screen and (max-width:991px) {
    .curriculum-section1 .thive-box-list-img {
        right: 0rem;
        width: 11%;
        top: 4rem;
    }
    .learning-box {
        padding: 0 2rem 2rem 0;
    }
    .junior-box {
        gap: 3rem;
    }
    .open_4 {
    /* background-color: var(--color-3e); */
    padding: 5rem 1rem;
}

}

@media screen and (max-width:830px) {}

@media screen and (max-width:728px) {}

@media screen and (max-width:640px) {
    .contact-form-new {
        background-color: #fff;
        padding: 2rem 2rem;
    }
    .contact-form-new h2 {
        font-size: 2.4rem;
        line-height: 33px;
        margin-bottom: 0;
    }
    .contact-form-new h3 {
        font-size: 2rem;
    }
    .custom-upload {
        width: 100%;
    }
}

/* open a school css starts here */
.thrive .open-form {
padding: 8.5rem 0 0 0;
    position: relative;
    z-index: 1;
}
.thrive .open-form .contact-form {
    width: 100%;
}
.open1{
    margin-top: -28rem;
}
@media(min-width:992px){
    .thrive .open-form .contact-form .form-control {
        padding: .7rem 1rem;
        margin-bottom: .5rem;
    }
    .thrive .open-form .contact-form .select_box{
        padding: .7rem 1rem;
        margin-bottom: .5rem;
    }
    
}

/* open a school css ends here */


.excellence-imgnew-bdr img {
    border-radius: 2rem;
}
.filters-content .relative svg {
    width: 25px;
}
.filters-content .relative {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 0.1rem;
    font-size: var(--font-16);
    color: var(--color-2e);
}
.filters-content .relative span{ background-color: #AC9F43; color: #fff; width: 3rem; height: 3rem; line-height: 1rem;}
.filters-content .relative a{ background-color: #005BAA; color: #fff; width: 3rem; height: 3rem; line-height: 1rem;}
.filters-content .relative a:hover{background-color: #AC9F43; color: #fff; line-height: 1rem;}
.pagination-wrapper .hidden {
    display: flex;
    justify-content: space-between;
        margin-top: 4rem;
}
.filters ul{
    text-align: right;
}

.apply-now-form .form-control, 
.apply-now-form .cus-date {
    border: .1rem solid #CCCCCC;
    font-size: var(--font-16);
    line-height: var(--line-height-24);
    color: var(--color-greylight);
    background-color: var(--white-color);
    padding: .7rem 1rem;
    margin-bottom: .5rem;
}
.apply-now-form .cus-date label {
    border: none;
    padding: 0;
    color: var(--color-greylight);
    margin: 0;
}
.apply-now-form input[type="text"]{
    color: var(--color-greylight);
}

.apply-now-form input[type="text"]::placeholder {
    color: var(--color-greylight);
}
.cus-date input{
    margin: 0;
}
.apply-now-form input[type="text"]::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--color-greylight);
}
.apply-now-form .custom-upload{
    border: 2px dashed #CCCCCC;
}
.apply-now-form .input-group-append{
    right: 1rem;
    bottom: 0;
    top: 9px;
}
.apply-now-form select{
    border-bottom: 1px solid #CCCCCC;
}
.apply-now-form select{
    color: var(--color-greylight);
}
.apply-now-form .message-btn {
    margin: 2rem 0 0 0;
}


/* Award Area Start */
.abt_award{padding-block: 11.3rem 13rem; background-color: #fff; position: relative;}
.award_head{    display: grid;grid-template-columns: 90rem 12.4rem 15rem;gap: 5rem;margin-bottom: 4.2rem;}

.award_head .sec_title>h3{font-size: var(--font-30); font-weight: 500; color: #005BAA;margin-bottom: 1.6rem;}
.award_head .sec_title>p{font-weight: normal;}
.award_head .sec_title>p:last-of-type{margin-bottom: 0;}
.award_grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 7.2rem 7.4rem;}
.awars_item figure{ overflow: hidden;margin-bottom: 3rem; border-radius:2rem ; -webkit-border-radius:2rem ; -moz-border-radius:2rem ; -ms-border-radius:2rem ; -o-border-radius:2rem ; }
.awars_item figure>img{ transition:all 1s ease-in ; -webkit-transition:all 1s ease-in ; -moz-transition:all 1s ease-in ; -ms-transition:all 1s ease-in ; -o-transition:all 1s ease-in ; }
.awars_item figure:hover>img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.awars_item p{font-size: var(--font-16);color: #191919; font-weight: normal;}
.awars_item p:last-of-type{margin-bottom: 0;}
.cus-career_box {
    display: flex;
    margin-top: 4rem;
}
.career-great {
     width: 20rem;
}
.cus-career_box  .career-text {
    padding: 3rem 11rem;
}
.pre-school-list-text a.cus-btn {
    display: block;
    width: fit-content;
    margin-top: 2rem;
}
.great-img {
    position: absolute;
    right: 35rem;
    top: 0;
    width: 11rem;
}

@media(max-width:1799px){
    .award_head {    grid-template-columns: 82rem 12.4rem 15rem;gap: 4rem;}
}

@media(max-width:1599px){
    .abt_award{padding-block:9.3rem 11rem;}
    .award_head {grid-template-columns: 74rem 10.4rem 15rem; gap: 3rem;margin-bottom: 3.2rem;}
    .award_grid{grid-template-columns:repeat(2,1fr);gap:5.2rem 5.4rem;}
}
@media(max-width:1549px){
    .abt_award{padding-block:8.3rem 10rem;}
    .award_grid{gap:4.2rem 4.4rem;}
}
@media(max-width:1366px){

    .award_head {
        grid-template-columns: 67rem 9.4rem 13rem;
        gap: 3rem;
        margin-bottom: 3.2rem;
    }
}


@media(max-width:1199px){
    .abt_award{padding-block:6.3rem 8rem;}
    .award_grid{gap:4.2rem 2.4rem;}
        .award_head {
        grid-template-columns: 48rem 11.4rem 14rem;
        gap: 3rem;
        margin-bottom: 3.2rem;
    }
.career-great {
    width: 24rem;
}
.cus-career_box .career-text {
    padding: 0rem 6rem;
}

}
@media(max-width:991px){

        .award_head {
      grid-template-columns: 66rem 9.4rem 12rem;
        align-items: center;
        }
            .career-great {
        width: 20rem;
    }
}
@media(max-width:767px){
    .abt_award{padding-block:3.3rem 4rem;}
    .award_head{grid-template-columns:100%;}
    .award_head .sec_title>h3{margin-top: 0;}
    .award_head figure{display: none;}
    .award_grid{grid-template-columns:repeat(1,1fr);}
    .awars_item figure { margin-bottom: 1.5rem;}
        .cus-career_box .career-text {
        padding: 0rem 0rem 5rem 0;
    }
     .career-great {
        width: 26rem;
        display: none;
    }
    sub {
    top: -8px;
}
.main-blog-box img {
    border-radius: 10px;
    aspect-ratio: 1;
 
}
}

figure.gptw {
    max-width: 20rem;
    margin-left: 20px;
    margin-bottom: 20px;
    float: right;
}
.great_place_logo {
    max-width: 12rem;
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
}
figure.great_place_logo img {
    box-shadow: none;
}
@media(max-width:575px){
    .great_place_logo {
        max-width: 9rem;
        margin-left: 15px;
        margin-bottom: 0px;
    }
}


.school_list_Coming {
    background: #fff;
    height: 100%;
    align-content: center;
    text-align: center;
    border-radius: 30px;
    padding: 1.4rem 2.649rem;
    display: flex;
    justify-content: space-between;
}
.school_list_Coming label {
    font-size: 18px;
    display: inline-block;
    margin-right: 20px;
}
#comingsoon {
    transform: scale(1.2);
    accent-color: #007bff;
    cursor: pointer;
    margin-right: 10px;
}

.blog-detail-text .bengal_educators_event img {
    margin-bottom: 10px;
}
.blog-detail-text .bengal_educators_event .img_title p {
    font-size: 14px;
    font-style: italic;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 10px;
}