/******* banner ************/

.title,
.title1,
.title2 {
    cursor: pointer;
    color: #fff;
    background-color: #005BAA;
    border-color: #005BAA;
    border-radius: 0px;
    padding: 9px 49px;
    margin: 0 6px;
    font-size: 18px;
    /* width: 179px; */
    text-align: center;
}

.title:hover {
    background-color: #2a3c7e;
    border-color: #2a3c7e;
}

.title1:hover {
    background-color: #2a3c7e;
    border-color: #2a3c7e;
}

.title2:hover {
    background-color: #2a3c7e;
    border-color: #2a3c7e;
}


.links1,
.links2 {
    overflow: hidden;
    -webkit-transition: height .3s linear, padding-top .3s linear;
    position: relative;
    /* transform: translateY(-202px); */
    opacity: 0;
    height: 0;
    position: absolute;
    width: 100%;
    max-width: 181px;
    bottom: 40px;
}

.links1 {
    max-width: 215px;
}

.links2 {
    max-width: 271px;
}

.toggled {
    opacity: 1;
    background-color: #2a3c7e;
    margin: 0 6px;
    padding: 10px;
    height: 160px;

}

.banner-menu {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-top: -100px;
    z-index: 9;
    margin-bottom: 50px;
}

.toggled a {
    color: #fff;
    display: block;
    font-size: 14px;
    border-bottom: 1px dotted #fff;
    margin-bottom: 10px;
    font-weight: 300;
}

.toggled a i {
    font-size: 12px;
    margin-left: 5px;
}

.inverse {
    position: relative;
}

.banner:before {
    content: '';
    background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.65;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;

}



.banner .carousel-item img {
    height: 100vh;
    object-fit: cover;
}


.banner .carousel-caption {
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: center;
    background: transparent linear-gradient(0deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.83;
    padding: 60px 0 50px;
    z-index: 9;
}

.invers .banner-text {
    z-index: 1;
}

.inverse::before {
    background: none;
    content: '';
    transition: 1s;
    -webkit-transition: 1s;
    background-color: rgba(0, 0, 0, 0.89);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}


.banner-text h1 {
    font-size: 72px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}

.banner-text p {
    position: relative;
    font-size: 21px;
    color: #fff;
    line-height: 30px;
    padding: 0 0 0 21%;
    margin-bottom: 50px;
}

.banner-text p::before {
    content: '';
    background: #AC9F43;
    width: 15%;
    position: absolute;
    height: 4px;
    left: 24%;
    top: 12px;
}

.banner-text .btn-primary {
    color: #fff;
    background-color: #005BAA;
    border-color: #005BAA;
    border-radius: 0px;
    padding: 9px 30px;
    margin: 0 6px;
    font-size: 18px;
}

/******* about ************/

.about {
    background-image: url(../images/about-bg.jpg);
    background-size: cover;
    background-position: center;
    padding: 100px 60px;
}

.about-box,
.years-box {
    display: flex;
    justify-content: end;
}

.about-text {
    background: #2a3c7e;
    padding: 40px;
    width: 25%;
}

.about-text span {
    font-size: 21px;
    color: #fff;
    display: block;
    margin-bottom: 20px;
}

.about-text h2 {
    font-size: 36px;
    line-height: 36px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px;
}

.about-text p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 300;
}

.about-text a {
    width: 35px;
    height: 35px;
    display: block;
    border: 1px solid #fff;
    border-radius: 100px;
    text-align: center;
    line-height: 35px;
    color: #fff;
}

.about-text a:hover {
    border: 1px solid #AC9F43;
    background: #AC9F43;
}

.years {
    background: #fff;
    padding: 40px;
    width: 20%;
    margin-right: 87px;
    margin-top: 15px;
}

.years-text {}

.years-text h3 {
    font-size: 72px;
    color: #2a3c7e;
    font-weight: 400;
}

.years-text p {
    color: #2E2E2E;
    position: relative;
    padding: 0 0 30px;
}

.years-text p::before {
    content: '';
    background: #AC9F43;
    height: 2px;
    position: absolute;
    bottom: 0px;
    width: 60px;
}

.years .owl-theme .owl-nav[class*=owl-] {
    color: #FFF;
    font-size: 33px;
    margin: 0;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    position: absolute;
    right: -10px;
    top: -20px;
}

.owl-carousel .owl-nav button.owl-prev {
    border: 1px solid #2a3c7e80;
    color: #2a3c7e;
    width: 30px;
    height: 30px;
    padding: 0px 0 10px 0 !important;
    border-radius: 100px;
    line-height: 22px;
}

.owl-carousel .owl-nav button.owl-next {
    border: 1px solid #2a3c7e80;
    color: #2a3c7e;
    width: 30px;
    height: 30px;
    padding: 0px 0 10px 0 !important;
    border-radius: 100px;
    line-height: 22px;
    margin-left: 6px;
}


.message-box {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.message-btn {
    background: #AC9F43;
}

.message-btn {
    background: #AC9F43;
    padding: 10px 23px;
    margin: 0 7px;
    color: #fff;
    font-size: 17px;
    position: relative;
    transition: 1s;
    -webkit-transition: 1s;
    z-index: 1;
}

.message-btn i {
    width: 27px;
    height: 27px;
    border: 1px solid #fff;
    border-radius: 100px;
    text-align: center;
    line-height: 27px;
    color: #fff;
    padding: 0px;
    font-size: 14px;
    margin-left: 10px;
}
.message-btn:before{
    content: '';
    background: #2a3c7e;
    width: 0%;
    position: absolute;
    height: 41px;
    left: 0;
    transition: 1s;
    -webkit-transition: 1s;
    top: 0;
}

.message-btn:hover:before{
    width: 100%;
}

.message-btn:hover {
    color: #fff;

}
.message-btn span{
    z-index: 9;
    position: relative;
}
.message-box .message-btn:before{
    height: 47px;
}


/******* academics ************/
.academics {
    background: #F2F2F2;
    padding: 100px 100px;

}

.academics-text {
    z-index: 9;
    position: relative;
}

.academics-text h6 {
    font-size: 16px;
}

.academics-text h2 {
    font-size: 36px;
    color: #000000;
    text-transform: uppercase;
}

.academics-text h2 span {
    color: #2a3c7e;
    font-weight: 500;
}

.academic-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0;
}

.academic-box {
    overflow: hidden;
}

.academic-img {
    overflow: hidden;
    margin-bottom: 30px;
}

.academic-box h4 {
    font-size: 21px;
    color: #2a3c7e;
}

.academic-box p {
    color: #2E2E2E;
    margin-bottom: 30px;
}

.academic-box span {
    width: 35px;
    height: 35px;
    display: block;
    border: 1px solid #2a3c7e7d;
    border-radius: 100px;
    text-align: center;
    line-height: 35px;
    color: #2a3c7e;
    position: relative;
}

.academic-box:hover span {
    border: 1px solid #2a3c7e;
    background: #2a3c7e;
    color: #fff;
}

.academic-box:nth-child(2n+2) {
    margin-top: 100px;
}

/******* Admissions ************/
.admissions {
    background-image: url(../images/admissions-bg.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 150px 0;
}

.admissions-box {
    background: #2a3c7e94 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 50px 40px;
    width: 37%;
    text-align: center;
    margin: 0 0 0 10%;
}

.admissions-box h6 {
    font-size: 21px;
    color: #fff;
    margin-bottom: 20px;
}

.admissions-box h2 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 30px;
}

/******* experience ************/
.experience {
    position: relative;
}

.experience-icon {
    position: absolute;
    right: 17%;
    z-index: 0;
}

.experience .academics-text {
    position: relative;
}

.experience-list {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 0;
    z-index: 9;
    position: relative;
}

.experience-list::before {
    content: '';
    height: 100%;
    width: 3px;
    position: absolute;
    left: 50%;
    background: #3BB3E7;
    background: linear-gradient(178deg, rgba(59, 179, 231, 1) 0%, rgba(59, 179, 231, 1) 57%, rgba(255, 255, 255, 1) 100%);
}


.experience-box {
    padding: 0 30px;
    width: 50%;
    text-align: right;
    position: relative;
}

.experience-box:nth-child(2n+2) {
    text-align: left;
}

.experience-box:nth-child(2) {
    margin-top: 110px;
    margin-bottom: -25px;
}

.experience-text {
    position: absolute;
    right: 30px;
    bottom: 22px;
}

.experience-text h4 {
    background: #000000d6;
    display: inline-block;
    padding: 17px 20px 17px 80px;
    position: relative;

}

.experience-text h4 a {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
}

.experience-text h4::before {
    content: '';
    background: #FFCC00;
    width: 50px;
    height: 2px;
    position: absolute;
    left: 17px;
    top: 36px;
}

.experience-box:nth-child(2n+2) .experience-text h4 {
    padding: 17px 80px 17px 20px;
}

.experience-box:nth-child(2n+2) .experience-text h4::before {
    left: inherit;
    right: 16px;
}

.experience-box:nth-child(2) .experience-text {
    position: absolute;
    right: inherit;
    left: 50px;
    bottom: -40px;
}

.experience-box:nth-child(3) .experience-text {
    position: absolute;
    right: inherit;
    bottom: 77px;
    left: 80px;

}

.experience-box:nth-child(4) {
    margin-top: 110px;
    margin-bottom: 60px;
}

.experience-box:nth-child(4) .experience-text {
    right: 50px;
    bottom: -40px;
}

.experience-box:nth-child(5) {
    margin-top: -60px;
}


.experience-box:nth-child(5) .experience-text {
    right: 30px;

    bottom: 115px;
}

.experience-box:nth-child(6) .experience-text {
    position: absolute;
    right: inherit;
    bottom: -40px;
    left: 47px;
}

.experience-box:nth-child(7) .experience-text {
    position: absolute;
    right: inherit;
    bottom: -43px;
    left: 170px;
}

.experience-box:nth-child(7) {
    margin-top: -90px;
}

/******* events ************/
.events {
    background: #2E2E2E;
    padding: 100px;
}

.events-box {
    display: flex;
    flex-wrap: wrap;
}

.upcoming-event {
    width: 50%;
    padding: 0 10px 0 0;
}

.upcoming-event h6 {
    font-size: 21px;
    color: #fff;
}

.upcoming-event h2 {
    font-size: 36px;
    color: #fff;
    margin: 15px 0;
}

.other-event {
    width: 50%;
    padding: 0 0 0 10px;
}

.cus-event-box {
    position: relative;
    overflow: hidden;
    position: relative;
}

.event-img {
    overflow: hidden;
    transition: all .6s ease-in-out;
}

.event-img img {
    transition: all .6s ease-in-out;
    width: 100%;
    object-fit: cover;
}

.cus-event-box:hover .event-img img {

    transform: scale(1.05);
}

.event-text {
    position: absolute;
    bottom: 0px;
    padding: 80px 30px 50px;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000d4 100%) 0% 0% no-repeat padding-box;
    width: 100%;
}

.event-text span {
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

.event-text h5 {
    line-height: 25px;
}

.event-text h5 a {
    position: relative;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.event-text h5 a::before {
    content: '';
    background: #FFCC00;
    width: 100px;
    position: absolute;
    bottom: -28px;
    height: 2px;

}

.cus-event-box:hover .event-text h5 a {
    color: #d6d6d6;
}

.cus-event-box:hover .event-text h5 a::before {
    background: #fff;
}


.other-event h2 {
    font-size: 36px;
    color: #fff;
    margin: 43px 0 15px;
}

.other-event-list {
    display: flex;
    flex-wrap: wrap;
}

.other-event-box {
    width: 50%;
    padding: 0 10px 20px;
}

.other-event-box .event-img img {
    height: 408px;
}

.home-form {
    position: relative;
}

.home-form .experience-icon {
    position: absolute;
    right: 16%;
    z-index: 0;
    width: 23%;
    top: 88px;
}

.home-page-form {
    padding: 30px 0 0 0;
    width: 70%;
    margin: 0 auto;
}

.form-control {
    padding: .875rem .75rem .875rem .2rem;
    background-color: #ffffff00;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #D6D6D6;
    position: relative;
    color: #7f7e7e;
}

.home-page-form input {
    position: relative;
}

.form-select {
    padding: .875rem .75rem .875rem .2rem;
    background-color: #ffffff00;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #D6D6D6;
    position: relative;
    color: #7f7e7e;
}

.home-page-form .message-btn {
    border: none;
    border-radius: 0px;
}

.home-page-form p {
    text-align: center;
    margin: 20px 0 40px 0;
    font-style: italic;
    position: relative;
    color: #000;
}

.home-page-form p::before {
    content: '';
    background: #E31C2A;
    height: 1px;
    width: 30px;
    position: absolute;
    bottom: 11px;
    margin-left: -40px;
}
.home-page-form .message-btn:before{
    height: 47px;
}


.home-visit .message-btn {
    background: #2a3c7e;
    padding: 13px 25px;
}
.home-visit .message-btn:before{
    content: '';
    background: #AC9F43;
    width: 0%;
    position: absolute;
    height: 46px;
    left: 0;
    transition: 1s;
    -webkit-transition: 1s;
    top: 0;
}
.home-visit .message-btn:hover:before{
    width: 100%;
}



.form-control:focus {
    color: #212529;
    background-color: #ffffff00;
    border-color: #86b7fe00;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%);
    border-bottom: 1px solid #D6D6D6;
}

/******* footer ************/
.footer {
    padding: 50px 100px 30px;
}

.footer-box {
    display: flex;
    flex-wrap: wrap;
}

.footer-logo-box {
    width: 35%;
}

.footer-info {
    width: 30%;
}

.footer-link {
    width: 35%;
}

.footer-social {
    margin: 15px 0;
}

.footer-social p span {
    margin-right: 20px;
}

.footer-social p a {
    background: #F3F3F3;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    margin: 0 2px;
}

.copy p {
    color: #2E2E2E;
    margin-bottom: 0px;
}

.footer-link ul {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.footer-link ul li {
    width: 33%;
    padding-bottom: 15px;
}
.footer-link ul li a:hover{
    color: #2a3c7e;
}
.footer-info-box p a:hover{
    color: #2a3c7e;
}


.about-banner {}

.about-banner .carousel-item img {
    height: 77vh;
    object-fit: cover;
}

.vision {
    padding: 30px 0;
    background: #F2F2F2;
    /* position: sticky;
    top: 86px;
    z-index: 99; */
}

.about-menu {
    text-align: center;
}

.about-menu ul {
    margin-bottom: 0;
    padding: 0;
}

.about-menu ul li {
    display: inline-block;
    padding: 0 18px;
}

.about-menu ul li a {
    color: #555555;
    font-size: 19px;
    text-transform: uppercase;
}

.about-menu ul li a:hover {
    color: #ceab57;
}

.about-menu ul li.active a {
    color: #ceab57;
}

.vision-box {
    padding: 100px 0;
}

.vision-box .academics-text span {
    font-size: 30px;
    line-height: 38px;
    color: #555555;
    font-weight: 500;
    display: block;
    margin: 15px 0 25px;
}

.vision-img {
    padding: 0px;
}

.cus-vision-img {
    display: flex;
}

.mission {
    padding: 100px 0 60px;
    background-color: #2a3c7e;
}

.mission-text h2 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 25px;
}

.mission-text p {
    color: #fff;
}

.misson-box {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0 60px;
}

.cus-mission-text {
    width: 33%;
    border-right: 1px solid #ffffff63;
    padding: 0 23px;
}

.cus-mission-text:last-child {
    border-right: 0px solid #ffffff63;
}

.cus-mission-text p {
    color: #fff;
    font-weight: 300;
    margin-bottom: 0px;
}

p.pride {
    color: #fff;
    font-weight: 300;
}

.school {
    position: relative;
}

.school .academics-text p {
    margin: 25px 0 0 0;
}

.school-box {
    border: 1px solid #707070;
    width: 54%;
    margin: 60px auto 0;
    text-align: center;
    padding: 45px;
    position: relative;
}

.school .experience-icon {
    position: absolute;
    right: 40%;
    z-index: 0;
    bottom: 0;
    width: 29%;
}

.central {
    text-align: center;
    width: 83%;
    margin: 70px auto 0;
    position: relative;
}

.central p {
    color: #2E2E2E;
    font-weight: 600;
}

.heritage {
    position: relative;
    z-index: 1;
    background: #AC9F43;
}

.heritage .academics-text h6 {
    color: #fff;
}

.heritage .academics-text h2 {
    color: #fff;
}

.heritage-box {
    position: relative;
    margin-top: 40px;
}

.heritage-icon {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.heritage-icon i {
    color: #fff;
    font-size: 40px;
}

.heritage::before {
    content: '';
    background: #fff;
    height: 360px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.founder {
    padding: 50px 0 30px;
}

.founder-box {
    display: flex;
}

.founder-text {
    width: 55%;
    padding: 7% 4% 0 7%;
}

.founder-text h4 {
    font-size: 30px;
    color: #555555;
    position: relative;
    padding: 40px 0 20px 0;

}

.founder-text h4:before {
    content: '';
    background: #AC9F43;
    width: 105px;
    height: 3px;
    position: absolute;
    top: 0;
}

.extensive {
    padding: 60px 0 0 160px;
}

.founder-img {
    width: 45%;
    background: #D99A9A;
}

.founder-img img {
    width: 100%;
}

.university {
    padding: 40px 0 0;
}

.university-box {
    display: flex;
    justify-content: space-between;
}

.cus-university-box {
    position: relative;
    overflow: hidden;
}

.university-img {
    overflow: hidden;
    transition: all .6s ease-in-out;
}

.university-img img {
    transition: all .6s ease-in-out;
    width: 100%;
    object-fit: cover;
}

.cus-university-box:hover .university-img img {
    transform: scale(1.05);
}

.university-text {
    position: absolute;
    bottom: 0px;
    padding: 80px 30px 40px;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000d4 100%) 0% 0% no-repeat padding-box;
    width: 100%;
}

.university-text h4 {
    font-size: 30px;
    color: #fff;
}
.cus-university-box:hover .university-text h4{
    color: #c5c5c5;
}

.leader {
    padding: 100px;
    background: #ECEDED;
}

.leader .academic-box:nth-child(2n+2) {
    margin-top: 0;
}

.leader .academic-box {
    overflow: hidden;
    width: 32.6%;
}

.leader .academic-box span {
    margin-bottom: 50px;
}

.leader .academic-box span::before {
    content: '';
    background: #AC9F43;
    height: 2px;
    width: 100px;
    position: absolute;
    bottom: -45px;
    left: 0;
}

.team {
    background: #F2F2F2;
}

.team .academic-box {
    overflow: hidden;
    width: 25%;
    padding: 0 5px;
}

.about-banner .banner-text h6 {
    color: #fff;
    font-size: 30px;
    font-style: italic;
    margin-bottom: 0px;
}

.wing {
    display: flex;
    padding: 40px 40px 0;
    justify-content: center;
}

.wing-text {
    width: 50%;
    position: relative;
    z-index: 1;
}

.wing-text {
    width: 50%;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 50px 70px 0;
    align-items: center;
    display: flex;
}

.wing-text p {
    font-size: 28px;
    line-height: 38px;
    color: #555555;
}

.wing-text p span {
    color: #2a3c7e;
    font-weight: 600;
}


.wing-icon {
    position: absolute;
    z-index: -1;
}

.wing-img {
    width: 50%;
}

.curriculum {
    padding: 0px 0 80px 0;
}

.curriculum-box {
    display: flex;
}

.curriculum-text {
    width: 50%;
    padding: 6% 5% 0 4%;
    position: relative;
    z-index: 3;
}

.curriculum-text::before {
    content: '';
    background: #fff;
    width: 70px;
    height: 91%;
    position: absolute;
    left: -50px;
    bottom: 0;
}


.curriculum-text h4 {
    font-size: 21px;
    color: #2a3c7e;
    margin-bottom: 20px;
}

.curriculum-text .nav-link {
    display: block;
    padding: 0.5rem 3.1rem 1.8rem 0;
    color: #555555;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    font-size: 24px;
}

.curriculum-text .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #AC9F43;
    background-color: #fff;
    border-color: #dee2e600 #dee2e600 #AC9F43;
}

.curriculum-text .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 40px;
}

.curriculum-text .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef00 #e9ecef00 #AC9F43;
    isolation: isolate;
}

.new-experience {
    background: #ECEDED;
    padding: 100px;
}

.new-experience .academics-text p {
    font-size: 30px;
    color: #555555;
    line-height: 40px;
}

.new-experience .academics-text p span {
    color: #2a3c7e;
    font-weight: 600;
}

.new-experience .academic-box:nth-child(2n+2) {
    margin-top: 0;
}

.new-experience .academic-box {
    overflow: hidden;
    width: 33%;
    padding: 70px 10px 0;
}

.new-experience .academic-img img {
    width: 100%;
}

.new-experience .academic-list {
    margin: 0;
}

.wp-experience-text {
    position: relative;
    padding: 0 10px 0 70px;
}

.wp-experience-text::before {
    content: '';
    background: #FFFFFF;
    height: 120%;
    width: 3px;
    position: absolute;
    top: -30px;
    left: 30px;

}

.testimonials {
    background-color: #F2F2F2;
    padding: 100px 0 100px 100px;
}

.testimonials-box h6 {
    font-size: 21px;
    color: #2a3c7e;
    margin-bottom: 20px;
}

.testimonials-box .nav-tabs .nav-link {
    margin-bottom: 0px;
    background: 0 0;
    border: 0px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 32px;
    color: #000;
    padding: 9px 65px 0 0;
}

.testimonials-box .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    margin-bottom: 50px;
}

.testimonials-box .nav-tabs .nav-link.active {
    color: #AC9F43;
}

.testimonials-slide-text {
    padding: 0 10px;
}

.testimonials-slide-text img {
    margin-bottom: 20px;
}

.testimonials-slide-text h4 {
    font-size: 20px;
    color: #2a3c7e;
}

.testimonials-slide-text p {
    color: #2E2E2E;
    position: relative;
    padding: 0 0 25px;
}

.testimonials-slide-text p:before {
    content: '';
    background: #AC9F43;
    position: absolute;
    width: 70px;
    height: 2px;
    bottom: 0;
}

.testimonials-slide .owl-theme .owl-nav[class*=owl-] {
    color: #FFF;
    font-size: 33px;
    margin: 0;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    position: absolute;
    top: -80px;
    right: 50px;
}

.talent-text {
    text-align: center;
    padding: 50px 0;
}

.talent-text h2 {
    font-size: 36px;
    line-height: 42px;
    color: #000000;

}

.talent-text p {
    font-size: 14px;
    color: #2D2C2B;
    margin: 20px 0 0 0;
}

.quantum {
    padding: 0 0 60px;
    background: #F2F2F2;
}

.talent {
    padding: 0 0 60px;
    background: #F2F2F2;
}

.main-music-box {
    background: #fff;
    padding: 40px;
    margin: 0 40px;
}

.music-box {
    display: flex;
    align-items: center;
    z-index: 9;
    position: relative;
}

.music-text {
    width: 50%;
    padding: 10px 60px 0 0;
}

.music-text h6 {
    font-size: 21px;
    color: #2a3c7e;
    margin-bottom: 30px;
}

.music-text h3 {
    font-size: 30px;
    line-height: 36px;
    color: #555555;
    margin-bottom: 30px;
}


.music-img {
    width: 50%;
}

.music-img img {
    width: 100%;
}

.misic-list {
    display: flex;
    margin: 60px 100px 0;
    flex-wrap: wrap;
    align-items: center;
}

.music-list-img {
    width: 50%;
}

.music-list-img img {
    width: 100%;
}


.music-list-text {
    width: 50%;
    padding: 0 7%;

}

.music-list-text span {
    font-size: 18px;
    color: #2E2E2E;
    margin-bottom: 30px;
    display: block;
    font-weight: 600;
}

.misic-list:nth-child(2n+1) {
    flex-direction: row-reverse;
    margin-bottom: 30px;
}

.main-dance-box {
    padding: 40px;
    margin: 50px 40px 0;
    position: relative;
}

.main-dance-icon {
    position: absolute;
    top: -80px;
    left: -50px;
    z-index: 0;
}

.dance-list {
    margin: 60px 100px 0;
    display: flex;
    flex-wrap: wrap;
}

.dance-box-list {
    width: 50%;
    padding: 0 10px;
}

.dance-box-list span {
    font-size: 18px;
    color: #2E2E2E;
    margin-bottom: 30px;
    display: block;
    font-weight: 600;
}

.dance-box-list img {
    width: 100%;
    margin-bottom: 40px;
}

.arts .music-box:nth-child(2n+2) {
    flex-direction: row-reverse;
    padding: 60px 0 30px;
}

.arts .music-text span {
    font-size: 14px;
    color: #2D2C2B;
    font-style: italic;
    font-weight: 500;
}

.arts .music-text h3 {
    margin-bottom: 10px;
}

.arts-text {
    margin: 130px 0 0 0;
}

.arts-text p {
    margin-bottom: 45px;
}

.arts .music-box:nth-child(2n+2) .arts-text {
    margin: 0px 0 0 0;
}

.arts .music-box:nth-child(2n+2) .music-text {
    padding: 0 100px;
}

.theater {
    display: flex;
    flex-wrap: wrap;
}

.theater-left-box {
    width: 65%;
    padding: 0 20px 0 0;
}

.theater-left-box h6 {
    font-size: 21px;
    color: #2a3c7e;
    margin-bottom: 20px;
}

.theater-left-box h4 {
    font-size: 30px;
    color: #555555;
}

.theater-left-box img {
    margin-top: 25px;
}


.theater-text {
    width: 35%;
    position: relative;
    z-index: 1;
}

.theater-text .experience-icon {
    position: absolute;
    right: -6%;
    z-index: -1;
}

.theater-text {
    width: 35%;
    position: relative;
    z-index: 1;
    padding: 10% 5% 0 3%;
}

.robotics {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.robotics-img {
    width: 50%;
    padding: 0 50px 0 0;
}

.robotics-img h6 {
    font-size: 21px;
    color: #2a3c7e;
    margin-bottom: 40px;
}


.robotics-text {
    width: 50%;
    padding: 0 60px 0 50px;
}

.robotics-text h4 {
    font-size: 30px;
    color: #555555;
    margin-bottom: 25px;
}

.workshops-text h6 {
    font-size: 21px;
    color: #2a3c7e;
    margin-bottom: 40px;
}

.workshops-text h4 {
    font-size: 30px;
    color: #555555;
}

.workshops-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
}

.workshops-left-box {
    width: 50%;
    padding: 0 10px 0 0;
}

.workshops-right-box {
    width: 50%;
    padding: 0 0 0 10px;
}

.workshops-right-text {
    padding: 0 2% 11% 16%;
}

.literary-box {
    display: flex;

    justify-content: space-between;
}

.literary-text {
    padding: 0 20px 0 0;
}

.literary-text-right {
    padding: 0 0 0 20px;
}

.literary-text p,
.literary-text-right p {
    margin-top: 40px;
}

.form-select:focus {
    border-color: #D6D6D6;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%);
}

.unlock {}

.unlock-box {
    display: flex;
    flex-wrap: wrap;
}

.unlock-left-box {
    width: 70%;
    padding: 0 50px 0 0;
}

.unlock-right-box {
    width: 30%;
    padding: 0 0 0 40px;

}

.unlock-text h4 {
    margin-bottom: 40px;
}

.unlock-text p {
    margin-bottom: 50px;
}

.dates {
    margin: 90px 0 0 0;
}

.date-info {
    margin: 60px 0 0 0;
}

.date-info th.table-primary {
    background: #2a3c7e;
    color: #fff;
    padding: 11px 20px;
    margin: 0 5px;
    border-radius: 7px;
    font-size: 17px;
    border-right: 4px solid #F2F2F2;
    font-weight: 500;
}

.date-info .table>:not(:first-child) {
    border-top: 0px solid currentColor;
    border-bottom: 4px solid #F2F2F2;

}

.date-info td {
    background: #fff !important;
    margin-bottom: 5px;
    color: #2E2E2E;
    padding: 10px 20px !important;
    font-weight: 500;
    border-bottom: 4px solid #F2F2F2;
    border-right: 4px solid #F2F2F2;
}


.download {}

.download h5 {
    font-size: 21px;
    color: #2a3c7e;
    padding-bottom: 40px;
    position: relative;
}

.download h5::before {
    content: '';
    background: #707070;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 12px;


}

.download-box {
    margin-top: 60px;
}

.download-box {
    margin-top: 13px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #66666645;
    padding-bottom: 15px;
}

.download-img {
    position: relative;
    padding: 0 30px 0 0;
    width: 27%;
}

.download-img img {
    width: 80%;

}

.download-text {
    width: 82%;
}

.download-icon {
    position: absolute;
    right: 27px;
    bottom: 10px;
}

.download-icon i {
    background: #AC9F43;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 17px;
    border-radius: 80px;
    color: #fff;
    padding: 4px;
    font-size: 13px;
}

.download-text p {
    font-weight: 500;
}

.download-box:last-child {
    border-bottom: 0px;
}

.admission {
    border: 1px solid #AC9F43;
    padding: 30px;
    margin: 50px 0 0;
}

.admission h6 {
    padding-bottom: 40px;
    position: relative;
    margin: 0px;
}

.admission h6::before {
    content: '';
    background: #ac9f4396;
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 8px;
}

.admission h6::after {
    content: '';
    background: #AC9F43;
    position: absolute;
    width: 10%;
    height: 2px;
    bottom: 8px;
    left: 0;
}

.admission-info {
    display: flex;
    position: relative;
    padding: 19px 0;

}

.admission-info:before {
    content: '';
    background: #ac9f4396;
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 8px;
}

.admission-info:after {
    content: '';
    background: #AC9F43;
    position: absolute;
    width: 10%;
    height: 2px;
    bottom: 8px;
    left: 0;
}


.admission-icon {
    margin-right: 24px;
}

.admission-icon p {
    font-weight: 600;
    color: #000;
}

.admission-icon i {
    color: #AC9F43;
    font-size: 21px;
    margin-right: 5px;

}

.admission-text p a {
    color: #2E2E2E;
}
.admission-text p a:hover{
    color: #2a3c7e;
}

.admission-info:last-child::before {
    display: none;
}

.admission-info:last-child::after {
    display: none;
}

.event-page {
    padding: 100px;
    position: relative;
}
.upcoming-event-text {
    position: absolute;
    right: 31%;
    top: 30%;
}

.wp-event-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.cus-event-img {
    width: 50%;
}
.cus-event-img img{
    height: 550px;
    object-fit: cover;
}


.cus-event-text {
    width: 50%;
    position: relative;
    z-index: 1;
    padding: 0 0 0 10%;
}

.cus-event-text .experience-icon {
    position: absolute;
    right: -170px;
    top: -68%;
    z-index: -1;
}

.cus-event-text .experience-icon img {
    width: 70%;

}
.upcoming-event-text h6{
    margin-bottom: 50px;
    position: relative;
}
.upcoming-event-text h6:before{
    content: '';
    background: #AC9F43;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: -27px;
}





.cus-event-date p {
    color: #2a3c7e;
    margin: 40px 0 30px;
}

.cus-event-heading h4 a {
    color: #000000;
    font-size: 30px;
    font-family: 'Mansory';
}

.cus-event-slider .owl-theme .owl-nav[class*=owl-] {
    color: #FFF;
    font-size: 33px;
    margin: 0;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    position: absolute;
    right: 36%;
    bottom: 26%;
    z-index: 999;
}

.other-event-page {
    padding: 80px;
    background: #F2F2F2;
}

.cus-other-event-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 28px 0 15px;
}

.other-event-dropdown {
    display: flex;
}

.other-event-dropdown select.form-select {
    margin: 0 0 0 13px;
    border: 1px solid #AC9F43;
    border-radius: 0px;
    padding: 10px 50px 10px 13px;
    /* background: #ffffff; */
    background-color: #ffffff00;
    color: #2E2E2E;
        font-size: 1.4rem;
        text-transform: uppercase;
}

.cus-other-event-text h6 {
    margin-bottom: 0px;
}

.event-list-box {
    width: 33%;
    position: relative;
    padding: 15px 15px;
}

.event-list-img {
    overflow: hidden;
}

.event-list-img img {
    transition: all .6s ease-in-out;
    width: 100%;
    object-fit: cover;
}

.event-list-box:hover .event-list-img img {
    transform: scale(1.05);
}

.event-list-text {
    background: #FBFBFB;
    padding: 25px;
    box-shadow: 0px 6px 22px #0000001A;
}


.event-list-text span {
    color: #2a3c7e;
    margin-bottom: 15px;
    display: block;
    font-weight: 500;
}

.event-list-text h5 a {
    font-size: 21px;
    color: #2E2E2E;
}
.event-list-box:hover .event-list-text h5 a{
    color: #2a3c7e;
}


.other-event-page .event-list-box:nth-child(4),
.other-event-page .event-list-box:nth-child(6) {
    margin-top: -90px;
}

.other-event-page .event-list-box:nth-child(7) {
    margin-top: -38px;
}

.other-event-page .event-list-box:nth-child(9) {
    margin-top: -150px;

}

.event-detail {
    background: #F2F2F2;
    padding: 100px;
}

.share {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #70707047;
    margin-bottom: 40px;
}

.share a {
    position: relative;
    color: #2E2E2E;
    font-size: 16px;
}


.share a i {
    color: #AC9F43;
    font-size: 20px;
    margin-right: 4px;
}
.share a:hover{
    color: #AC9F43;
}

.event-detail-content {
    display: flex;
    flex-wrap: wrap;
    padding: 110px 0 0 160px;
}

.left-event-detail-text {
    width: 60%;
    padding: 0 50px 0 0;
}

.event-detail-slider {
    width: 40%;
}

.event-detail-slider .owl-carousel .owl-nav.disabled {
    display: none !important;
}

.event-detail-slider .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
    display: block;
    text-align: left;
}

.event-detail-slider .owl-theme .owl-dots .owl-dot span {
    margin: 5px 2px 0 0;
    background: #797979;
    width: 10px;
    height: 10px;
}

.event-detail-slider .owl-theme .owl-dots .owl-dot.active span {
    background: #000;
}

.cus-gallery {

    padding: 100px;
}

.gallery-slider  img {
    height: 320px;
    object-fit: cover;
}

.gallery-slider .owl-carousel .owl-nav button.owl-next {

    position: absolute;
    right: -15px;
    top: 37%;
    background: #fff;
}

.gallery-slider .owl-carousel .owl-nav button.owl-prev {

    position: absolute;
    left: -28px;
    top: 37%;
    background: #fff;
}

.recent-event {
    background: #F2F2F2;
    padding: 100px;
}

.wp-recent-event {
    display: flex;
}

.recent-event-box {
    width: 50%;
    position: relative;
    padding: 10px;
    z-index: 0;
}

.recent-event-box::before {
    content: '';
    background: #FBFBFB;
    box-shadow: 0px 6px 22px #0000001A;
    position: absolute;
    width: 94%;
    height: 100%;
    right: 0;
    top: 0;
}

.recent-event-box .event-list-box {
    width: 100%;

}

.recent-event-box .event-list-text {
    background: #fbfbfb00;
    padding: 25px;
    box-shadow: none;
    padding: 25px 25px 5px 80px;
}


.blog-box {
    display: flex;
    flex-wrap: wrap;
}

.left-blog-box {
    width: 65%;
    padding: 0 30px 0 0;
}

.blog-content {
    display: flex;
    margin-bottom: 40px;

}

.blog-text {
    width: 30%;
    background: #F9F9F9;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog-heading span {
    color: #2a3c7e;
    display: block;
    margin: 10px 0 20px;
    font-weight: 500;
}

.blog-heading h5 a {
    font-size: 21px;
    color: #2E2E2E;
}
.blog-heading h5 a:hover{
    color: #2a3c7e;
}



.author-name {}

.author-name p {
    position: relative;
    margin-bottom: 0;
    border-top: 1px solid #989898;
    padding: 10px 0 0;
    font-style: italic;

}

.blog-img {
    width: 70%;
}

.blog-img a img {
    height: 420px;
    object-fit: cover;
}

.right-blog-box {
    width: 35%;
    padding: 0 0 0 80px;
}

.past-blog {
    display: flex;
    position: relative;
    align-items: center;
    z-index: 1;
    padding: 20px;
    margin-bottom: 30px;
}

.past-blog:before {
    content: '';
    background: #F9F9F9;
    width: 80%;
    height: 100%;
    position: absolute;
    z-index: -1;
    right: 10px;
    top: 0;

}

.past-blog-img {
    width: 40%;
}

.past-blog-img a img {
    height: 160px;
    object-fit: cover;
    width: 100%;
}

.past-blog-text {
    width: 60%;
    padding: 0 20px 0 20px;
}
.past-blog-text p a:hover{
    color: #2a3c7e;
}



.past-blog-text span {
    color: #2a3c7e;
    display: block;
    margin-bottom: 15px;
    font-weight: 500;
}

.blog-detail .share a {
    font-style: italic;
    color: #2D2C2B;
}

.blog-detail-content {
    background: #FFFFFF;
    padding: 70px;
    margin: 0 130px;
}

.blog-detail-img {
    display: flex;
    justify-content: space-between;
    margin: 60px 0;
}

.blog-detail-left-img {
    width: 50%;
    padding: 0 13px;
}

.onwards {
    position: relative;
    display: flex;
    margin-bottom: 120px;
}

.onwards .experience-icon {
    right: inherit;
    left: -9%;
    top: 17%;
}

.onwards .experience-icon img {
    width: 65%;
}



.onwards-box {
    width: 80%;
    display: flex;
}

.onwards-box .event-list-img img {
    height: 310px;
    object-fit: cover;
}

.onwards-box {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
}

.onwards-text {
    width: 20%;
    padding: 20px 40px 0 0;
}

.onwards-text h6 {
    /* font-size: 21px;
    border-top: 1px solid #707070;
    padding: 30px 0 0 0; */
}

.gallery-page {
    padding: 100px 100px 10px;
}

.gallery-page .event-list-text h5 {

}

.work-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 40px 0 0;
    position: relative;
}

.work-with-us .academics-text h6 {
    margin-bottom: 60px;
}

.work-with-us {
    position: relative;
    z-index: 0;
}

.work-with-us .experience-icon {
    position: absolute;
    right: inherit;
    z-index: 0;
    left: 50px;
}

.work-with-us .experience-icon img {
    width: 80%;

}

.work-text h4 {
    font-size: 30px;
    color: #555555;
    margin-bottom: 35px;
}

.work-text p {
    margin-bottom: 25px;
}

.team-work {
    background: #2E2E2E;
    padding: 100px;
}

.team-work-list {
    display: flex;
    flex-wrap: wrap;
}

.team-work-box {
    width: 25%;
    position: relative;
        padding: 0 1rem;
}

.team-work-box img {
    margin-bottom: 25px;
}

.team-work-box h3 {
    font-size: 24px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin-bottom: 25px;
}

.team-work-box p {
    color: #fff;
    position: relative;
    width: 85%;
}

.team-work-box:before {
    content: '';
    background: #fff;
    height: 2px;
    width: 70px;
    position: absolute;
    bottom: -11px;
}

.team-work-box:hover:before {
    background: #AC9F43;

}

.team-work-box:hover h3 {
    color: #AC9F43;
}


.current {}

.current-text h6 {
    font-size: 20px;
    margin-bottom: 40px;
}

.current-box {
    display: flex;
    justify-content: space-between;
    background: #FFFFFF;
    padding: 20px 30px;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

.current-box:before {
    content: '';
    background-color: #D1D1D1;
    position: absolute;
    width: 90%;
    height: 1px;
    bottom: 0;
    left: 0;
}

.current-info {
    display: flex;
    align-items: center;

}

.current-text p {
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
}

.current-info-address ul {
    margin: 0;
}

.current-info-address ul li {
    color: #2E2E2E;
}

.current-info-address ul li {
    color: #2E2E2E;
    display: inline-block;
    padding: 0 20px;
    border-left: 1px solid #8885856e;
    font-weight: 500;
}

.apply {
    margin: 0 25px;
}

.apply-link a {
    border: 1px solid #2a3c7e;
    padding: 8px;
    width: 38px;
    height: 38px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    font-size: 20px;
    border-radius: 100px;
    color: #2a3c7e;
}

.apply-link a:hover {
    background: #AC9F43;
    border: 1px solid #AC9F43;
    color: #fff;
}

.job-detail {
    display: flex;
    flex-wrap: wrap;
    margin-top: 90px;
}

.job-detail-left {
    width: 25%;
    background: #fff;
    padding: 40px;
}

.job-detail-right {
    width: 75%;
    padding: 40px 70px;
    background: #ffffff99;
}

.job-detail-left h6 {
    margin-bottom: 50px;
}

.job-detail-info {
    padding: 15px 0;
    border-bottom: 1px solid #66666654;
}

.job-detail-info:last-child {
    border-bottom: 0px;
}

.job-detail-info p {
    margin-bottom: 0px;
    color: #000;
    font-weight: 600;
}

.job-detail-info span {
    color: #2E2E2E;
    font-weight: 400;
    letter-spacing: 0.24px;
}

.job-detail-right h6 {
    margin-bottom: 50px;
}

.job-detail-right ul {
    padding: 30px 0 30px 20px;
}

.job-detail-right ul li {
    color: #2E2E2E;
    list-style-type: disc;
    margin-bottom: 20px;
    font-weight: 400;
}

.job-detail-right ul li::marker {
    color: #AC9F43;
    font-size: 21px;
}

.contact-page {
    padding: 100px 100px 0;
}

.contact-box {
    display: flex;
    flex-wrap: wrap;
}

.left-contact-box {
    width: 70%;
    padding: 0 50px 0 0;
}

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

.contact-heading p {
    font-weight: 500;
}

.contact-informations {
    display: flex;
    flex-wrap: wrap;
    margin: 100px -15px 0;
}

.contact-information-text {
    width: 47%;
    display: flex;
    position: relative;
    padding: 20px 0;
    margin: 0px 15px 30px;
}

.contact-information-text::before {
    content: '';
    background: #ac9f4396;
    position: absolute;
    width: 100%;
    height: 1px;
    top: -6px;
}

.contact-information-text::after {
    content: '';
    background: #AC9F43;
    position: absolute;
    width: 25%;
    height: 2px;
    top: -6px;
    left: 0;
}


.contact-icon {
    margin: 5px 15px 0 0;
}

.contact-icon i {
    color: #AC9F43;
    font-size: 20px;

}

.contact-text p {
    margin-bottom: 0px;
    font-weight: 700;
}

.contact-text p a {
    font-weight: 500;
    color: #2E2E2E;
}
.contact-text p a:hover{
    color: #2a3c7e;
}

.contact-text p span {
    font-weight: 500;
}

.visit-box {
    display: flex;
    flex-wrap: wrap;
    margin: 50px -15px 0;
}

.cus-vivit-box {
    width: 47%;
    background: #fff;
    box-shadow: 0px 3px 6px #00000017;
    padding: 23px 40px;
    display: flex;
    margin: 0 15px;
    position: relative;
}

.cus-vivit-box::before {
    content: '';
    background: #AC9F43;
    height: 100%;
    width: 4px;
    position: absolute;
    top: 0;
    left: 0;
}

.cus-vivit-box:hover:before {
    background: #2a3c7e;
}

.visit-icon {
    width: 27%;
    margin-right: 15px;
}

.visit-text {}

.visit-text h6 {
    color: #2E2E2E;
    margin-bottom: 20px;
    font-weight: 600;
}

.visit-text p {
    font-weight: 500;
    margin-bottom: 0;
}

.visit-text p a {
    font-weight: 700;
}

.contact-form {
    background: #1e1e1e;
    padding: 50px;
    position: relative;
    z-index: 9;
}

.contact-form h4 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 20px;
}

.contact-form h2 {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    margin-bottom: 45px;
    line-height: 42px;

}

.contact-form input::placeholder {
    color: #ffffffb0;
    font-style: italic;
    font-size: 14px;
}
.contact-form .form-control{
    color: #fff;
}


.contact-form .form-select {
    color: #ffffffb0;
    font-style: italic;
    font-size: 14px;
}

.contact-form .message-btn {
    background: #AC9F43;
    padding: 8px 25px;
    margin: 0 7px;
    color: #fff;
    font-size: 17px;
    border-radius: 0;
    border: navajowhite;
}

.map {
    margin-top: -60px;
}

button.btn-close {
    position: absolute;
    right: 0px;
    z-index: 9;
    opacity: 1;
    background-color: #AC9F43;
    padding: 10px;
}

.owl-carousel .owl-nav button.owl-next:hover{
    border: 1px solid #2a3c7e;
    color: #fff;
    background: #2a3c7e;
}

.owl-carousel .owl-nav button.owl-prev:hover{
    border: 1px solid #2a3c7e;
    color: #fff;
    background: #2a3c7e;
}
.gallery-detail-list {
    padding: 50px 0;
    display: flex
;
    flex-wrap: wrap;
}
.gallert-detail-images {
    width: 25%;
    padding: 0 10px 20px;
}
.gallert-detail-images img{
    height: 280px;
    object-fit: cover;
    width: 100%;
}
.event-list-box:hover a h5{
    color: #2a3c7e;
}



/* media screen and (max-width: 1366px)
---------------------------------------------------------------------- */
@media screen and (max-width:1366px) {
    .banner .carousel-item img {
        height: 70vh;
    }

    .banner-menu {
        margin-top: -80px;
        z-index: 9;
        margin-bottom: 30px;

    }

    .banner-text p {
        padding: 0 0 20px 21%;
    }

    .about-text {
        width: 37%;
    }

    .years {
        width: 28%;
        margin-right: 107px;
    }

    .message-box {
        margin-top: 30px;
    }

    .academic-box {
        width: 24%;
    }

    .admissions-box {
        padding: 50px 20px;
        width: 40%;
        margin: 0 0 0 7%;
    }


    .banner-text p::before {
        width: 16%;
        left: 17%;
        top: 12px;
    }

    .event-detail {
        padding: 60px 50px;
    }

    .work-with-us .experience-icon img {
        width: 64%;
    }

    .team-work {
        padding: 60px 40px;
    }

    .team-work-box {
        padding: 0 10px;
    }

    .footer {
        padding: 50px 50px 30px;
    }

    .footer-info {
        padding: 0 10px 0 0;
    }

    .banner-text h1 {
        font-size: 60px;
    }

    .contact-page {
        padding: 60px 50px 0;
    }

    .about-banner .carousel-item img {
            height: 73vh;
        object-fit: cover;
    }

    .contact-information-text {
        width: 45%;
    }

    .cus-vivit-box {
        width: 45%;
    }

    .wing-icon img {
        width: 68%;
    }

    .curriculum-text {
        padding: 3% 3% 0 2%;
    }

    .curriculum-text::before {
        z-index: -1;
        height: 86%;
    }

    .curriculum-text .nav-tabs {
        margin-bottom: 20px;
    }

    .curriculum-text .nav-link {
        padding: 0.5rem 3rem 1.1rem 0;
        font-size: 20px;
    }

    .wing-text p {
        font-size: 25px;
        line-height: 35px;
    }

    .new-experience .academics-text p {
        font-size: 28px;
    }

    .new-experience {
        padding: 60px 50px;
    }

    .events {
        padding: 60px 50px;
    }

    .upcoming-event h6 {
        font-size: 18px;
        margin-bottom: 21px;
    }

    h2 {
 
    }

    .other-event-box .event-img img {
        height: 295px;
    }

    .testimonials {
        padding: 60px 0 50px 100px;
    }

    .banner .carousel-caption {
        padding: 50px 0 40px;
    }

    .testimonials-box .nav-tabs .nav-link {
        font-size: 26px;
    }

    .main-music-box {
        margin: 0 20px;
    }

    .misic-list {
        margin: 60px 70px 0;
    }

    .music-list-text {
        padding: 0 4%;
    }

    .main-dance-icon img {
        width: 90%;
    }

    .dance-list {
        margin: 60px 70px 0;
    }

    .music-text h3 br {
        display: none;
    }

    .arts-text {
        margin: 80px 0 0 0;
    }

    .main-dance-box {
        margin: 50px 20px 0;
    }

    .theater-text {
        padding: 14% 2% 0 3%;
    }

    .literary-text p,
    .literary-text-right p {
        margin-top: 20px;
    }

    .literary-text {
        padding: 0 6px 0 0;
    }

    .workshops-right-text {
        padding: 0 0% 3% 7%;
    }

    .event-page {
        padding: 60px 50px;
    }

    .cus-event-slider .owl-theme .owl-nav[class*=owl-] {
        right: 34%;
        bottom: 14%;
    }

    .other-event-page {
        padding: 60px 40px;
    }

    .other-event-page .event-list-box:nth-child(4),
    .other-event-page .event-list-box:nth-child(6) {
        margin-top: -70px;
    }

    .other-event-page .event-list-box:nth-child(9) {
        margin-top: -130px;
    }

    .event-detail-content {
        padding: 80px 0 0 110px;
    }

    .cus-gallery {
        padding: 60px 50px;
    }

    .recent-event {
        padding: 60px 50px;
    }

    .map {
        margin-top: -140px;
    }

    .visit-icon {
        width: 20%;
    }

    .visit-text {
        width: 80%;
    }

    .right-blog-box {
        padding: 0 0 0 10px;
    }

    .vision-box {
        padding: 60px 0;
    }

    .academics {
        padding: 60px 50px;
    }

    .download-img {
        padding: 0 22px 0 0;
        width: 30%;
    }

    .download-text {
        width: 70%;
    }

    .download-img img {
        width: 100%;
    }

    .admission-info {
        flex-wrap: wrap;
    }

    .admission-icon {
        margin-right: 0px;
        width: 100%;
    }

    .download-icon {
        right: 9px;
        bottom: 10px;
    }

    .founder-text {
        padding: 3% 4% 0 5%;
    }

    .extensive {
        padding: 50px 0 0 110px;
    }

    .school .experience-icon {
        right: 32%;
        width: 38%;
    }
    .gallert-detail-images img {
        height: 220px;
        object-fit: cover;
        width: 100%;
    }
    .blog-text {
        width: 35%;
    }
    .blog-img {
        width: 65%;
    }
    .overlay-content {
        width: 70%;
    }

}



/* media screen and (max-width: 1170px)
---------------------------------------------------------------------- */
@media screen and (max-width:1170px) {
    .container {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0px 15px;
    }


}

@media screen and (max-width: 1024px) {
    .banner .carousel-item img {
        height: 50vh;
    }
    .banner-text p::before {
        width: 9%;
        left: 12%;
        top: 12px;
    }
    .banner-text p {
        padding: 0 0 20px 13%;
    }
    .about-text {
        width: 50%;
        padding: 30px;
    }
    .years {
        width: 37%;
        margin-right: 107px;
    }
    .admissions-box {
        width: 60%;

    }
    .experience-text h4 a {
        font-size: 21px;
    }
    .experience-box:nth-child(7) {
        margin-top: 20px;
    }
    .experience-box:nth-child(7) .experience-text {
        left: 148px;
    }

    .about-banner .carousel-item img {
              height: 65vh;
    }


    .banner-text h1 {
        font-size: 50px !important;
    }
    

    .contact-page {
        padding: 60px 20px 60px;
    }

    .about-banner .carousel-caption {
        padding: 40px 0 60px;
    }

    .right-contact-box {
        width: 100%;
    }

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

    .contact-informations {
        margin: 60px -15px 0;
    }

    .contact-information-text {
        width: 46%;
    }

    .visit-box {
        margin: 20px -15px 40px;
    }

    .cus-vivit-box {
        width: 46%;
    }

    .map {
        margin-top: 0;
    }

    .footer {
        padding: 40px 20px 20px;
    }

    .footer-logo-box {
        width: 50%;
    }

    .footer-info {
        width: 50%;
        padding: 0 0 0 50px;
    }

    .footer-link {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .menu_bar {
        padding: 10px 20px;
    }

    .event-detail {
        padding: 60px 20px;
    }

    .job-detail-right {
        width: 65%;
        padding: 40px;
    }

    .job-detail-left {
        width: 35%;
    }

    .work-with-us .experience-icon {
        left: 10px;
    }

    .work-with-us .experience-icon img {
        width: 60%;
    }

    .team-work {

        padding: 60px 0px 60px 20px;

    }

    .work-text h4 {
        font-size: 20px;
        margin-bottom: 25px;
        line-height: 27px;
    }

    .team-work-box {
        width: 50%;
        margin-bottom: 50px;
        padding: 0px 20px 0 0;
    }

    .team-work-box img {
        width: 100%;
    }

    .wing-icon img {
        width: 72%;
    }

    .curriculum-box {
        display: flex;
        flex-wrap: wrap;
    }

    .curriculum-img {
        width: 100%;
    }

    .curriculum-img img {
        width: 100%;
        height: 530px;
        object-fit: cover;
    }

    .curriculum-text {
        padding: 4% 4% 0 4%;
        width: 100%;
    }

    .curriculum-text::before {
        display: none;
    }

    .new-experience {
        padding: 60px 20px;
    }

    .events {
        padding: 60px 20px;
    }

    .upcoming-event {
        width: 100%;
        padding: 0;
    }

    .other-event {
        width: 100%;
        padding: 0;
    }

    .other-event-box .event-img img {
        height: 385px;
    }

    .testimonials {
        padding: 60px 0 50px 30px;
    }

    .testimonials-box .nav-tabs .nav-link {
        font-size: 24px;
    }

    .wing {
        padding: 40px 20px 0;
    }

    .about-menu ul li {
        padding: 0 15px 12px;
    }

    .music-text h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .misic-list {
        margin: 40px 30px 0;
    }

    .arts-text {
        margin: 40px 0 0 0;
    }

    .arts-text p {
        margin-bottom: 15px;
    }

    .arts .music-box:nth-child(2n+2) .music-text {
        padding: 0px 30px;
    }

    .theater-text {
        padding: 14% 1% 0 2%;
    }

    .music-list-text {
        padding: 0 0% 0 4%;
    }

    .misic-list:nth-child(2n+1) .music-list-text {
        padding: 0 4% 0 0;
    }

    .music-list-text span {
        margin-bottom: 10px;
    }

    .main-dance-icon img {
        width: 70%;
    }

    .dance-list {
        margin: 60px 30px 0;
    }

    .theater-left-box h4 {
        font-size: 27px;
        line-height: 30px;
    }

    .robotics-img {
        width: 100%;
        padding: 0;
    }

    .robotics-text {
        width: 100%;
        padding: 30px 0 0 0;
    }

    .music-text {
        padding: 10px 30px 0 0;
    }

    .workshops-right-text {
        padding: 0 0% 1% 5%;
    }

    .literary {
        flex-wrap: wrap;
    }

    .literary .music-text {
        width: 100%;
    }

    .literary .music-img {
        width: 100%;
    }

    .onwards-box .event-list-img img {
        height: 200px;
    }

    .onwards-text h6 {
        font-size: 18px;
    }

    .event-page {
        padding: 60px 20px;
    }

    .cus-event-text h6 {
        margin-bottom: 30px;
        position: relative;
    }

    .cus-event-text h6:before {
        bottom: -15px;
    }

    .cus-event-date p {
        margin: 30px 0 10px;
    }

    .cus-event-heading h4 {
        line-height: 26px;
    }

    .cus-event-heading h4 a {
        font-size: 24px;
    }

    .cus-event-slider .owl-theme .owl-nav[class*=owl-] {
        right: 33%;
        bottom: 14%;
    }

    .event-list-text h5 a {
        font-size: 18px;
    }

    .other-event-page {
        padding: 60px 10px;
    }

    .other-event-page .event-list-box:nth-child(4),
    .other-event-page .event-list-box:nth-child(6) {
        margin-top: -60px;
    }

    .other-event-page .event-list-box:nth-child(9) {
        margin-top: -100px;
    }

    .event-detail-content {
        padding: 80px 0 0 70px;
    }

    .cus-gallery {
        padding: 60px 20px;
    }

    .gallery-slider img {
        height: 230px;
    }

    .recent-event {
        padding: 60px 20px;
    }

    .blog-detail-content {
        padding: 50px;
        margin: 0 70px;
    }

    .left-blog-box {
        width: 100%;
        padding: 0;
    }

    .right-blog-box {
        padding: 0;
        width: 100%;
    }

    .past-blog-img a img {
        height: 200px;
    }

    .academics {
        padding: 60px 20px;
    }

    .unlock-left-box {
        padding: 0 20px 0 0;
    }

    .unlock-right-box {
        padding: 0 0 0 20px;
    }

    .dates {
        margin: 40px 0 0 0;
    }

    .date-info {
        margin: 30px 0 0 0;
    }

    .extensive {
        padding: 30px 0 0 30px;
    }

    .founder-text h4 {
        font-size: 23px;
        padding: 30px 0 10px 0;
        line-height: 27px;
    }

    .founder-text {
        padding: 1% 3% 0 4%;
    }

    .extensive {
        padding: 6px 0 0 30px;
    }

    .founder-img img {
        width: 100%;
        height: 42vh;
        object-fit: cover;
    }

    .cus-mission-text {
        padding: 0 10px;
    }

    .school-box {
        width: 70%;
    }

    .school .experience-icon {
        right: 20%;
        z-index: 0;
        bottom: 20px;
        width: 60%;
    }
    .upcoming-event-text {
        position: relative;
        right: inherit;
        top: inherit;
        margin-bottom: 0;
    }
    .cus-event-img img {
        height: 320px;
        object-fit: cover;
    }
    .upcoming-event-text h6:before {
        bottom: -13px;
    }
    .cus-event-text .experience-icon img {
        width: 51%;
    }
    .gallert-detail-images {
        width: 33%;
    }
    .testimonials-slide-text h4 {
        font-size: 20px;
        line-height: 22px;
    }
    .wp-experience-text::before {
        height: 104%;
        top: -10px;
        left: 30px;
    }

}



@media screen and (max-width: 980px) {
    .logo a img {
        width: auto;
    }

    .admission-btn a {
        padding: 8px 10px;
    }

    .login ul li {
        padding: 0 6px;
    }

    .login ul li a {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .menu {
        width: 65%;
    }

    .fixed-header .logo a img {
        width: 60%;
    }

    .cus-vivit-box {
        padding: 25px;
    }

    .visit-icon {
        width: 20%;
    }

    .visit-text {
        width: 80%;
    }



    .job-detail-left {
        padding: 25px;
    }

    .job-detail-right {
        padding: 35px;
    }

    .job-detail-right ul {
        padding: 10px 0 10px 20px;
    }

    .job-detail {
        margin-top: 50px;
    }

    .work-text h4 {
        font-size: 18px;
        margin-bottom: 16px;
        line-height: 24px;
    }

    .work-text {
        padding: 0 10px 0 0;
    }

    .current-box {
        padding: 15px;
    }

    .current-text {
        width: 25%;
    }

    .current-info {

    
    }

    .current-info-address ul li {
        padding: 0 16px;
    }

    .work-with-us .experience-icon img {
        width: 53%;
    }

    .about-banner .carousel-caption {
        padding: 30px 0 50px;
    }

    .about-banner .banner-text h6 {
        font-size: 20px;
    }

    .wing-text p {
        font-size: 24px;
        line-height: 34px;
    }

    .wing-text {
        padding: 30px 40px 0;
    }

    .curriculum-img img {
        height: 460px;
    }

    .new-experience .academics-text p {
        font-size: 26px;
    }

    .new-experience .academics-text p br {
        display: none;
    }

    .wp-experience-text::before {
        left: 10px;
    }

    .wp-experience-text {
        padding: 0px 10px 0 40px;
    }

    .academic-box h4 {
        font-size: 18px;
    }

    .music-box {
        flex-wrap: wrap;
    }

    .music-text {
        padding: 0 0 20px;
        width: 100%;
    }

    .music-img {
        width: 100%;
    }

    .music-list-img {
        width: 100%;
    }

    .music-list-text {
        padding: 4% 0 0 0;
        width: 100%;
    }

    .misic-list {
        margin: 40px 30px 0;
        flex-direction: column-reverse;
    }

    .misic-list:nth-child(2n+1) {
        flex-direction: column-reverse;
        margin-bottom: 30px;
    }

    .main-dance-icon {
        top: -60px;
        left: -10px;
        z-index: 0;
    }

    .main-dance-icon img {
        width: 50%;
    }

    .main-dance-box {
        margin: 50px 0px 0;
    }

    .arts .music-box:nth-child(2n+2) {
        padding: 40px 0 30px;
    }

    .theater-left-box {
        width: 100%;
        padding: 0;
    }

    .theater-text {
        padding: 6% 0% 0 0%;
        width: 100%;
    }

    .theater-text .experience-icon {
        top: 0%;
    }

    .theater-text .experience-icon img {
        width: 40%;
    }

    .workshops-box {
        margin-top: 60px;
    }

    .workshops-left-box {
        width: 100%;
        padding: 0;
    }

    .workshops-right-box {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .workshops-right-text {
        padding: 0;
    }

    .arts .music-box:nth-child(2n+2) .music-text {
        padding: 0px 0px 20px;
    }

    .onwards {
        flex-wrap: wrap;
        margin-bottom: 80px;
    }

    .onwards-text {
        width: 100%;
        padding: 20px 30px 0 0;
    }

    .onwards-box {
        width: 100%;
    }

    .onwards-box .event-list-img img {
        height: 180px;
    }

    .event-list-text {
        padding: 15px;
    }

    .event-list-box {
        padding: 15px 10px;
    }

    .cus-other-event-box {
        padding: 0 28px 0 8px;
    }

    .cus-event-slider .owl-theme .owl-nav[class*=owl-] {
        right: 31%;
        bottom: 8%;
    }

    .other-event-page .event-list-box:nth-child(4),
    .other-event-page .event-list-box:nth-child(6) {
        margin-top: -50px;
    }

    .other-event-page .event-list-box:nth-child(9) {
        margin-top: -90px;
    }

    .left-event-detail-text {
        width: 100%;
        padding: 0;
    }

    .event-detail-content {
        padding: 50px 0 0 10px;
    }

    .event-detail-slider {
        width: 100%;
    }

    .cus-gallery {
        padding: 60px 10px;
    }

    .recent-event {
        padding: 60px 10px;
    }

    .wp-recent-event {
        flex-wrap: wrap;
    }

    .recent-event-box {
        width: 100%;
    }

    .recent-event-box .event-list-text {
        padding: 25px 25px 20px 40px;
    }

    .recent-event-box::before {
        height: 93%;
    }

    .event-list-text h5 a {
        font-size: 16px;
    }

    .blog-text {
        width: 35%;
        padding: 20px;
    }

    .blog-img {
        width: 65%;
    }

    .blog-img a img {
        height: 360px;
        object-fit: cover;
    }

    .blog-heading h5 a {
        font-size: 18px;
    }

    .academics {
        padding: 60px 10px;
    }

    .unlock-left-box {
        width: 100%;
        padding: 0;
    }

    .unlock-right-box {
        padding: 10px 10px 0 30px;
        width: 95%;
    }

    .download-img {
        width: 20%;
    }

    .founder-box {

        flex-wrap: wrap;
    }

    .founder-text {
        padding: 0% 2% 0 3%;
        width: 100%;
    }

    .founder-img {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .founder-img img {
        width: 100%;
        height: 55vh;
    }

    .heritage::before {
        height: 280px;
    }

    .founder {
        padding: 0px 0 30px;
    }

    .university-text {
        padding: 80px 30px 20px;
    }

    .university-text h4 {
        font-size: 23px;
    }

    .leader .academic-box span::before {
        width: 60px;
    }
    .cus-event-img img {
        height: 240px;
        object-fit: cover;
    }
    .academics-text h2 br{
        display: none;
    }
    .gallert-detail-images img {
        height: 170px;
    }
    .admission-btn .message-btn{
        font-size: 14px;
    }
    .admission-btn .message-btn:hover:before{
        height: 34px;
    }
    .banner-text p::before{
        display: none;
}
.banner-text p {
    padding: 0 0 30px;
}
.about-text {
    width: 70%;
    padding: 25px;
}
.years {
    width: 54%;
}
.message-box{
    flex-wrap: wrap;
}
.message-box .message-btn{
    margin-bottom: 10px;
}
.academic-img {
    margin-bottom: 10px;
}
.admissions-box {
    width: 70%;
}
.experience-text h4 a {
    font-size: 18px;
}
.experience-text h4{
    padding: 10px 20px 10px 80px;
}
.experience-box:nth-child(2n+2) .experience-text h4 {
    padding: 10px 80px 10px 20px;
}
.experience-box:nth-child(7) .experience-text {
    left: 85px;
}
.experience-box:nth-child(5) .experience-text {
    right: 30px;
    bottom: 18px;
}
.experience-box:nth-child(3) .experience-text {
    bottom: 114px;
}
.home-page-form {
    width: 80%;
}
.about {
    padding: 70px 50px;
}
.experience-box:nth-child(6) .experience-text {
    left: 38px;
}

}

/* media screen and (max-width: 728px)
    ---------------------------------------------------------------------- */
@media screen and (max-width:728px) {
    .logo a img {
        width: 88%;
    }
    .fixed-header .logo a img {
        width: 88%;
    }
    .login {
        display: none;
    }

    .search {
        display: none;
    }

    .admission-btn {
        display: none;
    }

    .menu {
        justify-content: end;
    }

    .contact-informations {
        margin: 50px -15px 0;
    }

    .contact-information-text {
        width: 100%;
        margin: 0px 15px 20px;
    }

    .cus-vivit-box {
        width: 100%;
        margin-bottom: 25px;
    }

    .contact-form {
        padding: 30px;
    }

  

    .footer {
        padding: 40px 10px 20px;
    }

    .contact-form h2 {
        margin-bottom: 35px;
        line-height: 37px;
    }

    .footer-logo-box {
        width: 100%;
    }

    .footer-info {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .footer-link {
        margin: 20px 0 0 0;
    }

    .footer-link ul li {
        width: 50%;
        padding: 0 5px 10px;
        line-height: 19px;
    }

    .footer-link ul li a {
        font-size: 14px;
    }

    .menu_bar {
        padding: 10px 5px;
    }

    .event-detail {
        padding: 60px 10px;
    }

    .job-detail-left {
        width: 100%;
    }

    .job-detail-right {
        padding: 25px;
        width: 100%;
    }

    .banner-text h1 {
        font-size: 22px;
    }

    .about-banner .carousel-caption {
        padding: 30px 0 20px;
    }

    .contact-page {
        padding: 60px 10px 60px;
    }

    .job-detail-left h6 {
        margin-bottom: 10px;
    }

    .job-detail-right h6 {
        margin-bottom: 30px;
    }

    .work-with-us .experience-icon img {
        width: 95%;
    }

    .team-work {
        padding: 60px 10px 40px;
    }

    .team-work-box {
        width: 100%;
        margin-bottom: 50px;
        padding: 0;
    }

    .team-work-box h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .current-box {
        flex-wrap: wrap;
    }

    .current-text {
        width: 100%;
    }

    .current-info {
        width: 100%;
        flex-wrap: wrap;
        margin: 10px 0 0 0;
    }

    .current-info-address ul {
        padding: 0;
    }

    .apply {
        margin: 20px 25px 0px 0;
    }

    .message-btn {
        font-size: 14px;
        display: inline-block;
        margin-bottom: 20px;
        text-align: center;
        padding: 10px 15px;
    }
    .message-btn:before{
        height: 44px;
    }
.past-blog-text p{
    margin-bottom: 0px;
}

    .apply-link a {
        width: 34px;
        height: 34px;
        line-height: 18px;
        font-size: 17px;
    }

    .back-to-top {
        width: 44px;
        height: 44px;
        font-size: 16px;
        padding: 9px 0;
    }

    .about-banner .banner-text h6 {
        font-size: 15px
    }

    .about-menu ul li {
        padding: 0 8px;
    }

    .about-menu ul li a {
        font-size: 15px;
    }

    .wing {
        padding: 40px 10px 0;
    }

    .wing {
        flex-wrap: wrap;
    }

    .wing-text {
        padding: 30px 20px;
        width: 100%;
    }

    .wing-text p {
        font-size: 18px;
        line-height: 28px;
    }

    .wing-img {
        width: 100%;
    }

    .curriculum-img img {
        height: auto;
    }

    .curriculum-text .nav-link {
        padding: 0.5rem 1.8rem 1.1rem 0;
        font-size: 17px;
    }

    .new-experience {
        padding: 60px 10px;
    }

    .new-experience .academics-text p {
        font-size: 20px;
        line-height: 29px;
    }

    .new-experience .academic-box {
        width: 100%;
        padding: 30px 0px 0;
    }

    .events {
        padding: 60px 10px;
    }

    .other-event-box {
        width: 100%;
        padding: 0 0 20px;
    }

    .event-text h5 a {
        font-size: 17px;
    }

    .testimonials {
        padding: 60px 0 50px 15px;
    }

    .testimonials-box .nav-tabs .nav-link {
        font-size: 18px;
        padding: 9px 28px 0 0;
    }

    .testimonials-slide .owl-theme .owl-nav[class*=owl-] {
        top: -40px;
        right: 10px;
    }

    .talent-text {
        padding: 30px 0;
    }

    .talent-text h2 {
        line-height: 26px;
    }

    .main-music-box {
        margin: 0 10px;
    }

    .main-music-box {
        padding: 20px;
    }

    .misic-list {
        margin: 20px 0px 0;
    }

    .main-dance-icon img {
        width: 80%;
    }

    .main-dance-box {
        padding: 10px;
    }

    .dance-list {
        margin: 40px 0px 0;
    }

    .dance-box-list {
        width: 100%;
        padding: 0;
    }

    .dance-box-list img {
        width: 100%;
        margin-bottom: 20px;
    }

    .robotics-text h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .workshops-text h6 {
        font-size: 18px;
    }

    .workshops-text h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .workshops-box {
        margin-top: 40px;
    }

    .literary-box {
        flex-wrap: wrap;
    }

    .literary-text-right {
        padding: 0;
    }

    .event-list-box {
        width: 100%;
        padding: 0 0 30px;
    }

    .cus-other-event-box {
        padding: 0;
    }

    .onwards-text {
        padding: 20px 0px 0 0;
    }

    .onwards {
        margin-bottom: 30px;
    }

    .event-page {
        padding: 60px 10px;
    }

    .cus-event-img {
        width: 100%;
        position: relative;
        z-index: 9;
    }
    .cus-event-heading h4 a {
        font-size: 20px;
    }

    .cus-event-text {
        width: 100%;
        padding: 0px 0 0 0;
    }

    .cus-event-slider .owl-theme .owl-nav[class*=owl-] {
        right: inherit;
        bottom: -8%;
        left: -10px;
    }

    .cus-other-event-box {
        flex-wrap: wrap;
    }

    .other-event-dropdown {
        flex-wrap: wrap;
    }

    .other-event-dropdown select.form-select {
        margin: 10px 0 0;
    }

    .other-event-page .event-list-box:nth-child(4),
    .other-event-page .event-list-box:nth-child(6) {
        margin-top: 0;
    }

    .other-event-page .event-list-box:nth-child(9) {
        margin-top: 0;
    }

    .blog-detail-content {
        padding: 20px;
        margin: 0 0px;
    }

    .blog-detail-img {
        margin: 20px 0 5px;
        flex-wrap: wrap;
    }

    .blog-detail-left-img {
        width: 100%;
        padding: 0 0 20px;
    }

    .blog-content {
        flex-wrap: wrap;
    }

    .blog-text {
        width: 100%;
        padding: 20px;
    }

    .blog-img {
        width: 100%;
    }

    .blog-img a img {
        height: auto;
        object-fit: cover;
    }

    .past-blog {
        padding: 10px;
    }

    .past-blog {

        flex-wrap: wrap;
    }

    .past-blog-img {
        width: 100%;
    }

    .past-blog-text {
        width: 100%;
        padding: 10px;
    }

    .past-blog:before {
        width: 100%;
        position: absolute;
        z-index: -1;
        right: 0px;
        top: 0;
    }

    .unlock-text h4 {
        line-height: 22px;
    }

    .unlock-text p {
        margin-bottom: 30px;
    }

    .date-info td {
        padding: 10px 10px !important;
        font-size: 14px;
        line-height: 22px;
    }

    .unlock-right-box {
        padding: 0;
        width: 100%;
    }

    .download-img {
        width: 30%;
    }

    .vision-box .academics-text span {
        font-size: 20px;
        line-height: 28px;
    }

    .cus-vision-img {

        flex-wrap: wrap;
    }

    .mission {
        padding: 60px 0 60px;
    }

    .cus-mission-text {
        padding: 15px 0;
        width: 100%;
        border-right: 0px solid #ffffff63;
        border-bottom: 1px solid #ffffff63;
    }

    .misson-box {
        margin: 20px 0 40px;
    }

    .school-box {
        width: 100%;
        padding: 25px;
    }

    .central {
        width: 100%;
        margin: 46px auto 0;
        position: relative;
    }

    .heritage {
        padding: 40px 0;
    }

    .heritage::before {
        height: 110px;
    }

    .founder-text h4 {
        font-size: 20px;
    }

    .extensive {
        padding: 0;
    }

    .university-box {
        flex-wrap: wrap;
    }

    .leader .academic-box {
        overflow: hidden;
        width: 100%;
        margin-bottom: 20px;
    }

    .leader .academic-box span::before {
        bottom: -35px;
    }
    .gallery-page .cus-other-event-text {
        display: none;
    }
    .gallery-page .other-event-dropdown {
        width: 100%;
    }
    .copy p{
        font-size: 14px;
    }
    .footer-info p{
        font-size: 14px;
    }
    .footer-info p a{
        font-size: 14px;
    }
    .footer-info     h6 {
        margin-bottom: 7px;
    }
    .cus-event-img img {
        height: 240px;
        object-fit: cover;
    }
    .gallert-detail-images {
        width: 100%;
        padding: 0 0 20px;
    }
    .gallert-detail-images img {
        height: 230px;
    }
    .academic-img {
        margin-bottom: 10px;
    }
    .contact-form  .message-btn:before {
        height: 40px;
    }
    .wp-experience-text::before {
        left: 10px;
        top: -10px;
    }
    .work-with-us .academics-text h6 {
        margin-bottom: 30px;
    }
    .team-work-box p {
        width: 100%;
    }
    .current-info-address ul li {
        padding: 0 30px;
    }
    .banner-menu{
        display: none; 
    }
  
    .experience-list::before{
        left: -9px;
    }
    .experience-box:nth-child(2) {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .experience-box:nth-child(4) {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .experience-box:nth-child(5) {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .experience-box:nth-child(7) {
        margin-top: 0;
    }
    .experience-box {
        padding: 0 0px;
        width: 100%;
        margin-bottom: 20px;
    }
    .experience-text {
        right: inherit;
        bottom: 2px;
        left: 10px;

    }
    .experience-text h4 {
        padding: 7px 12px 7px 80px;
        position: relative;
        margin-bottom: 0px;
    }
    .experience-text h4 a {
        font-size: 18px;
    }
    .experience-text h4::before {
        top: 26px;
    }
    .experience-box:nth-child(2) .experience-text {
        right: inherit;
        left: 14px;
        bottom: 2px;
    }
    .experience-box:nth-child(2n+2) .experience-text h4 {
        padding: 7px 80px 7px 10px;
    }
    .experience-box:nth-child(3) .experience-text {
        right: inherit;
        bottom: 2px;
        left: 10px;
    }
    .experience-box:nth-child(4) .experience-text {
        right: inherit;
        bottom: 1px;
    }
    .experience-box:nth-child(5) .experience-text {
        right: inherit;
        bottom: 1px;
    }
    .experience-box:nth-child(6) .experience-text {
        bottom: 2px;
        left: 10px;
    }
    .experience-box:nth-child(7) .experience-text {
        bottom: 2px;
        left: 10px;
    }
    .about {
        padding: 60px 10px;
    }
    .about-text {
        width: 100%;
        padding: 15px;
    }
    .years {
        width: 100%;
        margin-right: 0;
    }
    .years-text h3 {
        font-size: 52px;
        line-height: 50px;
    }
    .about-text span {
        font-size: 18px;
        margin-bottom: 7px;
    }
    .about-text h2 {
        line-height: 26px;
        margin-bottom: 10px;
    }
    .message-box{
        flex-wrap: wrap;
    }
    .message-box .message-btn {
        width: 80%;
        margin-bottom: 8px;
    }
    .academic-box {
        width: 100%;
        margin-bottom: 25px;
    }
    .academic-box:nth-child(2n+2) {
        margin-top: 10px;
    }
    .admissions-box {
        padding: 20px 10px;
        width: 90%;
        margin: 0;
    }
    .admissions {
        padding: 80px 0;
    }
    .admissions-box h2 {
        margin-bottom: 15px;
    }
    .home-page-form {
        padding: 10px 0 0 0;
        width: 100%;
    }
    .banner-text p {
        padding: 0 20px;
        font-size: 18px;
        line-height: 21px;
    }
    .banner-text p::before{
        display: none;
    }
    .team .academic-box {
        padding: 0 0px;
    }
  

}

/* media screen and (max-width: 640px)
---------------------------------------------------------------------- */
@media screen and (max-width:640px) {}


/* media screen and (max-width: 550px)
---------------------------------------------------------------------- */
@media screen and (max-width:550px) {}



/* media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media screen and (max-width:500px) {}



/* media screen and (max-width: 414px)
---------------------------------------------------------------------- */
@media screen and (max-width:375px) {}