.aboutourhistory, .aboutouremploy, .wewin, .abthistroy02 { position: relative; margin-bottom: 25px;}
.aboutourhistory, .aboutouremploy, .wewin, .abthistroy02 {position: relative;margin-bottom: 25px;}
.aboutourhistory .bnr, .aboutouremploy .bnr, .wewin .bnr, .abthistroy02 .bnr { border-radius: 20px; width: 100%;}
.exploreacademic .content {top: 30px;}
.aboutourhistory .content, .aboutouremploy .content, .wewin .content, .abthistroy02 .content {position: absolute; top: 20px;
width: 80%; margin-left: 10%;color: #fff;}
.exploreacademic .exBox .content { position: absolute; bottom: 10px; top: auto;}
.exBox .content p { margin-bottom: 0;}
.exploreacademic .exBox .bgimg {border-radius: 10px;}
#EXPAcarousel {margin: 30px 0 20px;}
.exploreacademic .content a {text-align: right;display: block;}
.aboutourhistory .content a, .aboutouremploy .content a, .wewin .content a, .abthistroy02 .content a {color: #fff;text-decoration: none;}

.aboutourhistory .content a img, .aboutouremploy .content a img, .wewin .content a img {margin-left: 10px;}
.aboutourhistory .bnr, .aboutouremploy .bnr, .wewin .bnr, .abthistroy02 .bnr {border-radius: 20px;width: 100%;}
.aboutourhistory, .aboutouremploy, .wewin, .abthistroy02 {position: relative;margin-bottom: 25px;}
.aboutourhistory .content, .aboutouremploy .content, .wewin .content, .abthistroy02 .content { position: absolute;top: 20px;width: 80%;margin-left: 10%;color: #fff;}
.schsec_btn{margin-bottom: 9rem;}


.wehow .tab-content{color: #fff;margin: 0 auto 30px;}
.wehow #pills-tab{margin-bottom: 25px}
.wehow #pills-tab li{width: 33.33%;border-bottom: 1px solid #ccc}
.wehow .nav-pills .nav-link, .wehow .nav-pills .show>.nav-link{padding: 10px 0;margin: 0 auto;color: #878d8d}
.wehow .nav-pills .nav-link.active, .wehow .nav-pills .show>.nav-link{background: url(../images/howbtmborder.webp) no-repeat transparent bottom center;color: #fff;}

.aboutfull .title{font-size: 36px;color: #fff}
.studbox{position: relative;}
.studbox .Mbnr{border-radius: 20px}
.studbox .content{position: absolute;top: 30px;left: 30px;width: 40%;}
.studbox .content h2{margin-bottom: 20px}
.studbox .content p{width: 80%}
#studcarosuel .owl-dots, #schoolcarosuel .owl-dots, #staffcarosuel .owl-dots{position: absolute;bottom: 60px;left: 30px;}
#studcarosuel .owl-nav, #schoolcarosuel .owl-nav, #staffcarosuel .owl-nav, #acdepcarousel .owl-nav{position: absolute;top: -125px;right: 10px;}
#studcarosuel .owl-nav button.owl-next, #schoolcarosuel .owl-nav button.owl-next, #staffcarosuel .owl-nav button.owl-next, #acdepcarousel .owl-nav button.owl-next, #schoolgal01 .owl-nav button.owl-next{background: url(../images/blueRarrow.webp) no-repeat;width: 30px;height: 30px;background-size: 100%;}
#studcarosuel .owl-nav button.owl-prev, #schoolcarosuel .owl-nav button.owl-prev, #staffcarosuel .owl-nav button.owl-prev, #acdepcarousel .owl-nav button.owl-prev, #schoolgal01 .owl-nav button.owl-prev{background: url(../images/blueLarrow.webp) no-repeat;width: 30px;height: 30px;background-size: 100%;}
#studcarosuel .owl-nav button.owl-next span, #schoolcarosuel .owl-nav button.owl-prev span, #schoolcarosuel .owl-nav button.owl-next span, #staffcarosuel .owl-nav button.owl-prev span, #staffcarosuel .owl-nav button.owl-next span, #studcarosuel .owl-nav button.owl-prev span{color: transparent;}
.labandwork .wehow #pills-tab li {
width: 16.33%;
border-bottom: 1px solid #ccc;
}
.Labs_and_workshops h2{color: white;}
.Labs_and_workshops p{color: white; margin-bottom: 30px;}
.labs-title h2{font-weight: bold; font-size: 35px; color: #458fff; margin: 30px 0px 50px 0px;}


.labscarousel .owl-item.active .vmBox { width: auto !important;}
.vmBox .Bnrimg, .OsBox .Bnrimg {border-radius: 20px;height: 400px;}
.labscarousel .owl-item .vmBox {width: 160px !important;}
.labscarousel .owl-prev{color: transparent!important;}
.labscarousel .owl-next{color: transparent!important;}
.labscarousel .owl-nav{top: -65px!important;}
.labs-btton-content{color: white;}

.principal-messg {
min-height: 318px;
border-radius: 20px;
margin-bottom: 20px;
padding: 20px;
background: url(../images/principal-bg2.webp) #EBB545;
background-size: 200px;
background-position: bottom right;
background-repeat: no-repeat;
}

.studentsec .title {
margin-bottom: 30px;
}
.studentsec h2.title {
color: #fff;
font-size: 36px;
}
.studentsec .ssdiv {
display: flex;
}
.studentsec .ssBox {
position: relative;
width: 24%;
margin-right: 2%;
}
.studentsec .ssBox .Mbnr {
border-radius: 20px;
}
.studentsec .ssBox .content {
position: absolute;
padding: 0px 20px;
top: 20px;
}
.stu-security-Box{background-color: #f57373; border-radius: 10px;}
.stu-security-card{color: white; margin: 40px 0px;}
.stu-security-card h2{margin-bottom: 15px;}
.stu-security-Box{padding: 25px 50px;}
.stu-security-Box h4{font-weight: 600; font-size: 22px; margin-bottom: 15px}
.stu-security-Box p{line-height: 22px;}
.stu-security-Box p{font-weight: 900; font-size: 15px;}
.stu-secur-clr01{background-color:  #a5c7a5;}
.stu-secur-clr01 ul li{list-style-type: none; margin-bottom: 8px; list-style-image: url('../images/stu_arrow_icon.html');}
.stu-bottom-title{font-weight: unset!important;}
.stu-secur-clr02{background-color: #e0c57b;}
.stu-secur-clr01 p{margin-left: 12px;}
.stu-security-Box h6{font-weight: 900;margin-bottom: 15px}
.stu-secur-clr02 ul li{list-style-type: none; margin-bottom: 8px; list-style-image: url('../images/stu_arrow_icon.html');}
.stu-secur-clr03{background-color: #eeb4c0;}
.stu-secur-clr04{background-color: #7fe8e2;}
.stu-secur-clr05{background-color: #fcbbf4;}
.stu-secur-clr05 a{text-decoration: none; color: #458fff;}

.Venues_img02{min-height: 318px;border-radius: 20px;margin-bottom: 20px;padding: 20px;background: url('../images/Venues_img02.webp')!important;background-position: bottom right;background-repeat: no-repeat;color: white;}
.Venues-slide .principal-title{margin-top: 130%;}
.Venues-slide hr{margin: 0px;margin-top: 6px;}
.Venues-slide p{color: white; margin-top: 10px; font-size: 14px;}
/* library */
.Library-carousel .item img {width: 100px!important; object-fit: fill!important; filter: unset!important;}
.Library-carousel .item.active img {width: 100%!important;}
.Library-carousel .item img{filter: none;}
.Library-carousel .leftname p{font-size: 16px;}
.Library-carousel .leftname{display: block;color: #fff;position: absolute;top: 240px;left: -20px;transform: rotate(-90deg);}
.performingArts-carousel.active .leftname{display: none;}
.Library-section .performingArts-carousel{height: 600px;}
.library-sub-content{width: 100%;}
/* extracurricular_activities */
.extracurricular-content{margin-bottom: 70px; margin-top: 30px; line-height: 26px;}
.extracurricular-content-bottom{line-height: 26px;}
.extracurricular-activities #pills-tab li {width: 33.33%;}
.extracurricular-activities .nav-pills .nav-link.active{color: #458fff; position: relative;min-width: 100px;}
/* .extracurricular-activities .nav-pills .nav-link.active::after {content: "";width: 60px;height: 5px;position: absolute;bottom: -6px;left: calc(50% - 30px);background: #458fff;} */
.careers-sub-heading{color: white!important; padding: 0px 100px 0px 0px; margin-top: 15px; line-height: 25px;}
.careers-sub-heading-h5{color: #458fff; font-size: 23px; margin: 20px 0px 60px 0px;}
.careers .performing-arts-content {margin-top: 165px!important;}
.careers .performing-arts-content hr{margin-top: 6px;} 
.career-apply{margin-top: 70px; margin-bottom: 70px;}
.career-apply-box p span img{width: 100px;width: 124px;margin-left: -25px;}
.careersub-title-box{color: white; font-size: 21px;}
.No_01{font-size: 98px; color: #0768c6; font-weight: bold;}
.career-apply-box{text-align: center;}
.career-apply-box a{text-decoration: none; font-weight: bold; font-size: 21px;}
.career-apply-box{border-right: 2px dashed white; border-color: #4f5765;}

.careers #custom-carousel .item img{filter: none;}
.careers .performingArts-carousel.active .leftname{display: none;}
.careers .performingArts-carousel .leftname p{font-size: 24px;}
.careers .performingArts-carousel .leftname{display: block;color: #fff;position: absolute;top: 80px;left: -20px;transform: rotate(-90deg);}
.house-system-section #custom-carousel .item img{filter: none;}
.house-system-section .performingArts-carousel.active .leftname{display: none;}
.house-system-section .performingArts-carousel .leftname p{font-size: 24px;color: #ffffff;}
.house-system-section .performingArts-carousel .leftname{display: block;color: #bbb0b0e0;position: absolute;top: 80px;left:40px;right: -30px; transform: rotate(-90deg); font-weight: 600;}
.house-system-section .sports-bnr .bnr-text {position: absolute;top: 50px;left: 30px;width: 50%;}
.house-system-section .sports-bnr .bnr-text h2, .admission-bnr h2 {font-size: 40px;}
.house-system-section .sports-bnr .bnr-text p, #sports-carousel .content p, .admission-bnr p { font-size: 14px;line-height: 30px;}
.house-system-section .sports-bnr p{padding: 0px 90px 0px 0px; margin-top: 30px;}
.house-system-section  .schoolHouseCard{padding: 10px 50px 10px 30px; border-radius: 6px; }
.house-system-section .schoolHouseCardOne{background-color: #2bac9e;}
.house-system-section .schoolHouseCard h5{font-size: 35px; color: #ffffff; font-weight: bold;}
.house-system-section .shCcontent .shCcontent1{font-size: 14px; color: #000000;}
.house-system-section .shCcontent .shCcontent2{color: white; font-size: 15px; margin-top: -12px; margin-left: 17px;}
.house-system-section .schoolHouseCardTwo{background-color: #c99637;}
.house-system-section .schoolHouseCardThree{background-color: #fff;}
.house-system-section .schoolHouseCardFour{background-color: #c76969;}
.house-system-section .schoolhuosecardtesti2{width: 85%; margin-left: auto;}
.house-system-section #custom-carousel .item.active img {width: 500px;}
.house-system-section #custom-carousel .item img {height: 420px;}
.house-system-section #custom-carousel .item.active img {height: 420px;}
.house-system-section .performing-arts-content {width: 100%;}
.house-system-section .house-system-card h5{font-size: 23px; color: white; font-weight: bold;}




h2.title{color: #fff;font-size: 36px;}
p.subtext{color: #fff;font-size: 14px;}
#aboutcarousel .abtbox{position: relative;margin-bottom: 25px;}
#aboutcarousel .abtbox .content{position: absolute;top: 40px;left: 40px;}
#aboutcarousel .abtbox .content h2{font-size: 38px;font-weight: 600;padding-bottom: 10px;}
#aboutcarousel .abtbox .content .txt{width: 40%;margin-left: auto;margin-right: 40px;}
#aboutcarousel .abtbox .content .txt h4{font-weight: 600;}
#aboutcarousel .abtbox .content .txt p{text-align: justify;font-size: 14px;}
#aboutcarousel .abtbox img{border-radius: 20px;}
#aboutcarousel .owl-dots{position: absolute;text-align: center;width: 100%;bottom: 40px;}
.utmostbg{background: url(../images/ourutmost.webp) no-repeat;padding: 30px;text-align: center;border-radius: 20px;margin-bottom: 30px;background-size: cover;}
.utmostbg h4{color: #fff;font-size: 24px;font-weight: 600;margin-left: -80px;}
.utmostbg p{color: #fff;font-size: 18px;margin-bottom: 0;}
.aboutourhistory, .aboutouremploy, .wewin, .abthistroy02{position: relative;margin-bottom: 25px;}
.aboutourhistory .bnr, .aboutouremploy .bnr, .wewin .bnr, .abthistroy02 .bnr {border-radius: 20px;width: 100%;}
.aboutourhistory .content, .aboutouremploy .content, .wewin .content, .abthistroy02 .content{position: absolute;top: 20px;width: 80%;margin-left: 10%;color: #fff;}
.aboutourhistory .content a, .aboutouremploy .content a,  .wewin .content a, .abthistroy02 .content a{color: #fff;text-decoration: none;}
.aboutourhistory .content a img, .aboutouremploy .content a img, .wewin .content a img{margin-left: 10px;}
.aboutouremploy .content .empgroup{padding: 10px 0;border-radius: 20px;}
.aboutouremploy .content a{display: block;text-align: right;}
.abthistroy02 .bnr{min-height: 350px;}
.abthistroy02 .content .ah02{padding: 10px 0 20px;border-radius: 15px;}
.studentval .content h4, .studentval .content p, .studentval .content a{color: #333 }
.studentval .content p{margin-bottom: 5px}
.misnside .content{width: 47%; top: 40px; }
.ouremploy02 .content a{text-align: left;margin-top: 10px}
.schoolacompz .content, .schoolacompz .content a{color: #333;}
#vidcarousel .owl-nav button.owl-next, #monialcarousel .owl-nav button.owl-next, #Employeecarousel .owl-nav button.owl-next{background: url(../images/arrow_right.html) no-repeat;width: 35px;height: 35px;background-size: 30px;}
#vidcarousel .owl-nav button.owl-prev, #monialcarousel .owl-nav button.owl-prev, #Employeecarousel .owl-nav button.owl-prev{background: url(../images/arrow_left.html) no-repeat;width: 35px;height: 35px;background-size: 30px;}
.explorelifeH .sideband{position: absolute;top: 0;right: 0;z-index: 9;}
#vidcarousel .owl-dots .owl-dot span, #monialcarousel .owl-dots .owl-dot span, #Employeecarousel .owl-dots .owl-dot span{width: 60px;height: 5px;border-radius: 0;margin: 0 1px;}
#vidcarousel .owl-dots .owl-dot.active span, #vidcarousel .owl-dots .owl-dot:hover span, #monialcarousel .owl-dots .owl-dot.active span, #monialcarousel .owl-dots .owl-dot:hover span,  #Employeecarousel .owl-dots .owl-dot.active span, #Employeecarousel .owl-dots .owl-dot:hover span{background: #458fff;}
#monialcarousel .owl-item.active .testimbox .content{display: inline-block;vertical-align: top;padding-top: 30px;}
#monialcarousel .owl-item.active .testimbox .imagez{display: inline-block;width: 39%;}
#monialcarousel .owl-item.active .testimbox .imagez img{filter: initial;}
#monialcarousel .owl-item.active .testimbox .imagez p{display: none;}
#monialcarousel .owl-nav{left: 310px;bottom: 30px;}
#monialcarousel .owl-dots{bottom: 45px;}
#monialcarousel .owl-dots .owl-dot span, #Employeecarousel .owl-dots .owl-dot span{background: #fff;}
#monialcarousel .owl-dots{position: absolute;left: 0;}
#monialcarousel .owl-nav{position: absolute;left: 240px;bottom: -35px;}
#visoncarousel .vmBox, #acdepcarousel .vmBox {position: relative;}
#visoncarousel .vmBox .content, #acdepcarousel .vmBox .content{position: absolute;}
.vmBox .content{position: absolute;top: 35%;width: 40%;right: 30px;display: none;}
.visionmission #custom-carousel .item .content h4{font-size: 28px;color: #fff;margin-bottom: 15px;font-weight: 600;}
.visionmission #custom-carousel .item .content p{font-size: 14px;color: #fff;}
.vmBox .Bnrimg, .OsBox .Bnrimg{border-radius: 20px;height: 400px}
#visoncarousel, #strengthcarousel, #acdepcarousel{margin-bottom: 40px}
#visoncarousel .owl-item .vmBox, #strengthcarousel .owl-item .OsBox,  #acdepcarousel .owl-item .vmBox{width: 160px !important;}
#visoncarousel .owl-item.active .vmBox, #strengthcarousel .owl-item.active .OsBox, #acdepcarousel .owl-item.active .vmBox{width: auto !important;}
#visoncarousel .owl-item.active .vmBox .content, #acdepcarousel .owl-item.active .vmBox .content{display: block;}
#visoncarousel .owl-item.active .vmBox .secondtxt, #acdepcarousel .owl-item.active .vmBox .secondtxt{display: none;}
#visoncarousel .owl-item .vmBox .secondtxt, #acdepcarousel .owl-item .vmBox .secondtxt{display: block;position: absolute;top: 90px;transform: rotate(269deg);right: -40px;}
.vmBox .secondtxt h4{color: #fff;font-size: 28px;}
.visionmission .title{margin-bottom: 40px}
#visoncarousel .owl-nav button.owl-next, #strengthcarousel .owl-nav button.owl-next,  #heartycarousel .owl-nav button.owl-next, #visonmob-carousel .owl-nav button.owl-next{background: url(../images/blueRarrow.webp) no-repeat;width: 30px;height: 30px;background-size: 100%;}
#visoncarousel .owl-nav button.owl-prev, #strengthcarousel .owl-nav button.owl-prev, #heartycarousel .owl-nav button.owl-prev, #visonmob-carousel .owl-nav button.owl-prev{background: url(../images/blueLarrow.webp) no-repeat;width: 30px;height: 30px;background-size: 100%;}
#visoncarousel .owl-nav button.owl-next span, #visoncarousel .owl-nav button.owl-prev span, #strengthcarousel .owl-nav button.owl-next span, #strengthcarousel .owl-nav button.owl-prev span, #acdepcarousel .owl-nav button.owl-next span, #acdepcarousel .owl-nav button.owl-prev span{color: transparent;}
#visoncarousel .owl-nav, #strengthcarousel .owl-nav{position: absolute;top: -90px;right: 10px;}
.ourstrength .subtext{color: #fff;margin-bottom: 30px}
.OsBox{position: relative;}
.OsBox .content{position: absolute;color: #fff;top: 60px;left: 40px;display: none;}
#strengthcarousel .owl-item.active .OsBox .content{display: block;}
.OsBox .content h4{font-size: 20px;margin-bottom: 30px}
.OsBox .content h4 span{font-size: 13px}
.OsBox .content ul li{display: inline-block;border-left: 2px solid #fdd52e;padding-left: 10px;margin-right: 20px;}
.OsBox .content ul{padding-left: 0;margin-bottom: 30px}
.OsBox .content ul li h5{font-size: 20px}
.OsBox .content ul li p{font-size: 13px;margin-bottom: 0}
.OsBox .content .descrip{width: 50%}
.wehow .tab-content{color: #fff;margin: 0 auto 30px;}
.wehow #pills-tab{margin-bottom: 25px}
.wehow #pills-tab li{width: 33.33%;border-bottom: 1px solid #ccc}
.wehow .nav-pills .nav-link, .wehow .nav-pills .show>.nav-link{padding: 10px 0;margin: 0 auto;color: #878d8d}
.wehow .nav-pills .nav-link.active, .wehow .nav-pills .show>.nav-link{background: url(../images/howbtmborder.webp) no-repeat transparent bottom center;color: #fff;border-radius: 0;}
.aboutfull .title{font-size: 36px;color: #fff}
.studbox{position: relative;}
.studbox .Mbnr{border-radius: 20px}
.studbox .content{position: absolute;top: 30px;left: 30px;width: 40%;}
.studbox .content h2{margin-bottom: 20px}
.studbox .content p{width: 80%}
#studcarosuel .owl-dots, #schoolcarosuel .owl-dots, #staffcarosuel .owl-dots{position: absolute;bottom: 60px;left: 30px;}
#studcarosuel .owl-nav, #schoolcarosuel .owl-nav, #staffcarosuel .owl-nav, #acdepcarousel .owl-nav{position: absolute;top: -125px;right: 10px;}
#studcarosuel .owl-nav button.owl-next, #schoolcarosuel .owl-nav button.owl-next, #staffcarosuel .owl-nav button.owl-next, #acdepcarousel .owl-nav button.owl-next{background: url(../images/blueRarrow.webp) no-repeat;width: 30px;height: 30px;background-size: 100%;}
#studcarosuel .owl-nav button.owl-prev, #schoolcarosuel .owl-nav button.owl-prev, #staffcarosuel .owl-nav button.owl-prev, #acdepcarousel .owl-nav button.owl-prev{background: url(../images/blueLarrow.webp) no-repeat;width: 30px;height: 30px;background-size: 100%;}
#studcarosuel .owl-nav button.owl-next span, #schoolcarosuel .owl-nav button.owl-prev span, #schoolcarosuel .owl-nav button.owl-next span, #staffcarosuel .owl-nav button.owl-prev span, #staffcarosuel .owl-nav button.owl-next span, #studcarosuel .owl-nav button.owl-prev span{color: transparent;}
.CHSstudent ul{padding-left: 0}
.CHSstudent ul li{display: inline-block;list-style: none;width: 33%;padding: 10px;}
.chsSbox {position: relative;}
.chsSbox .Mbnr{border-radius: 20px;}
.chsSbox .content{position: absolute;bottom: 10px;padding: 10px 20px;}
.chsSbox .content h4{font-size: 18px;color: #fff}
.chsSbox .content p{font-size: 13px;color: #fff}
.CHSstudent .title, .studentsec .title{margin-bottom: 30px}
.studentsec .ssBox{position: relative;width: 24%;margin-right: 2%;}
.studentsec .ssBox:last-child{margin-right: 0;}
.studentsec .ssdiv{display: flex}
.studentsec .ssBox .content{position: absolute;padding: 0px 20px;top: 20px}
.studentsec .ssBox .content h4{font-size: 18px}
.studentsec .ssBox .Mbnr{border-radius: 20px}
.studentsec .ssBox p{color: #fff;font-size: 13px;padding: 10px 5px}
.ACBanner{position: relative;margin-bottom: 30px;}
.ACBanner .bnrimg{border-radius: 20px;width: 100%;}
.ACBanner .content{position: absolute;top: 50%;transform: translateY(-50%);left: 40px;width: 30%;color: #fff;}
.ACBanner .content .pdfcta{background: #fff; color: #2758b2;text-decoration: none;font-weight: 600;padding: 10px 30px;border-radius: 5px;display: block;width: fit-content;margin-left: 30px;}
.ACBanner .content h4{font-size: 36px;margin-bottom: 15px;font-weight: 600;}
.ACBanner .content p{font-size: 16px; margin-bottom: 20px;}
.demicalender{position: relative;}
.demicalender h4{color: #fff;font-size: 24px;font-family: sans-serif;margin-bottom: 20px;}
.demicalender h4 span{font-size: 36px;}
.ACblog .content a{display: block;text-align: right;color: #0f46aa;font-weight: 600;}
.exploreacademic .exBox{position: relative;}
.exploreacademic .exBox .bgimg{border-radius: 10px;}
.exploreacademic .exBox .content{position: absolute;bottom: 10px;top: auto;}
.exBox .content p{margin-bottom: 0;}
#EXPAcarousel{margin: 30px 0 20px;}
.exploreacademic .content{top: 30px;}
.exploreacademic .content a{text-align: right;display: block;}
.pdfcta img{position: absolute; bottom: -5px;left: -5px;width: 50px;}
#acdepcarousel .owl-item .vmBox .secondtxt{bottom: 80px;top: auto;right: -30px;}
#acdepcarousel .vmBox .content h4{border-bottom: 1px solid #fff;padding-bottom: 20px;}
#acdepcarousel .vmBox .content h4, #acdepcarousel .vmBox .secondtxt h4{font-size: 20px;}
#acdepcarousel .vmBox .content h4 span, #acdepcarousel .vmBox .secondtxt h4 span{font-size: 32px;}
#acdepcarousel .vmBox .content{top: auto;right: auto;left: 40px;bottom: 40px; color: #ffffff;}
.academic_depart .rightaced{background: #579aff;min-height: 250px;border-radius: 20px;padding: 20px 0;margin-bottom: 25px;}
.academic_depart .rightaced .content{width: 80%;margin: 0 auto;color: #fff;}
.rightaced .content .pdfcta{position: relative; background: #0f46aa; color: #fff;text-decoration: none;font-weight: 600;padding: 10px 30px;border-radius: 5px;display: block;width: fit-content;margin-left: 30px;}
.rightaced .content .pdfcta img{position: absolute;bottom: -5px;left: -25px;width: 50px;}
.rightaced .content h4{margin-bottom: 20px;margin-top: 15px;}
.rightaced .content p{margin-bottom: 20px;}
.boardmange{background: #6d0039;padding: 30px 0;border-radius: 20px;}
.boardmange .content{position: initial;}
.owl-nav button.owl-next span, .owl-nav button.owl-prev span{color: transparent;}
.eligNgen {position: relative;margin-bottom: 25px;}
.eligNgen .content{position: absolute;width: 45%;right: 40px;top: 50%;transform: translateY(-50%);}
.eligNgen .eligBnr{border-radius: 20px;width: 100%;}
.eligNgen .content h4{color: #0f46aa;font-size: 22px;font-weight: 600;margin-bottom: 20px;}
.eligiblitylist{background: #befdf3;border-radius: 20px;padding: 30px 40px;margin-bottom: 25px;}
.eligiblitylist h4{font-size: 28px;font-weight: 600;margin-bottom: 10px;color: #333;}
.ELbox{padding-right: 20px;}
.ELbox img{margin-bottom: 15px;}
.ELbox h5{font-weight: 600;color: #051630;font-size: 18px;margin-bottom: 10px;}
.ELbox p{margin-bottom: 5px;}
.genrelreg{background: #eed2d2;border-radius: 20px;padding: 30px 40px;margin-bottom: 25px;}
.genrelreg h4{font-size: 28px;font-weight: 600;margin-bottom: 10px;color: #333;}
.genRbox{display: flex;margin-bottom: 20px;}
.genRbox img{margin-right: 20px;max-width: 55px;}
.cirrimodes .content{top: auto;bottom: 20px;}
.iscconsider .knowmore{position: absolute;bottom: 0;color: #fff;text-decoration: none;right: 30px;bottom: 20px;}
.interestsub #pills-tab li{width: 50%;}
.suBbox {background: #d56d3e;color: #fff;padding: 30px 20px;border-radius: 20px;min-height: 340px;}
.suBbox img{margin-bottom: 10px;}
.suBbox h4{font-size: 18px;font-weight: 600;margin-bottom: 20px;}
.suBbox ul{margin-bottom: 0;}
.suBbox ul li{padding-bottom: 10px;}
.suBbox.pink{background: #e96666;}
.suBbox.purple{background: #a062a5;}
.curricumtabs #pills-tab2 li{width: 33.33%;}
.curricumtabs .nav-link.active{background: transparent;}
.curricumtabs .nav-link img{filter: grayscale(100%);}
.curricumtabs .nav-link.active img{filter: grayscale(0);}
.iscbox{color: #fff;margin: 30px 0 20px;}
.iscbox h3{margin-bottom: 20px;}
.iscbox .content{display: flex;}
.iscbox .content div:first-child{width: 65%;margin-right: 20px;}
.iscbox .content ul{min-height: 100px;margin-bottom: 0;border-left: 2px solid #6292d6;padding-left: 40px;}
.iscbox .content ul li{font-size: 18px;list-style-image: url(../images/polygon.webp);padding-bottom: 5px;}
.interestsub .nav-pills .nav-link{font-size: 16px;}
.interestsub #pills-tab{margin-bottom: 20px;}
#Alumnicarousel .almbox{position: relative;margin-bottom: 25px;}
#Alumnicarousel .almbox .content{position: absolute;top: 40px;left: 50px;color: #fff;top: 50%;transform: translateY(-50%);}
#Alumnicarousel .almbox .bnrImg{border-radius: 20px;}
#Alumnicarousel .almbox h2{font-size: 40px;margin-bottom: 30px;}
#Alumnicarousel .almbox p{font-size: 28px;margin-bottom: 40px;}
.whitebtn{font-size: 14px;display: block;width: fit-content;background: #fff;text-decoration: none;padding: 10px 40px;border-radius: 5px;color: #0f46aa;font-weight: 600;}
#Alumnicarousel .owl-dots{position: absolute;text-align: center;width: 100%;bottom: 40px;}
.UpAlumni{background: #2e9aff;border-radius: 20px;padding: 20px 30px;margin-bottom: 30px;}
.UpAlumni .heading{display: flex;justify-content: space-between;margin-bottom: 30px;}
.UpAlumni .heading .whitebtn{height: 40px;}
.UpAlumni ul{padding-left: 0;}
.UpAlumni ul li{display: inline-block;border-right: 2px solid #1b68cc;padding-right: 10px;margin-right: 10px;width: 30%;}
.UpAlumni ul li:nth-child(2){width: 33%;}
.UpAlumni ul li:last-child{padding-right: 0;margin-right: 0;border-right: 0px solid #1b68cc;}
.UpAlumni ul li .date{margin-right: 10px;}
.UpAlumni ul li .date p{display: inline-block;margin-bottom: 0;color: #595959;font-weight: 600;vertical-align: middle;}
.UpAlumni ul li .date p:first-child{font-size: 38px;padding-right: 10px;}
.UpAlumni ul li .date p:last-child{font-size: 20px;line-height: 24px;}
.UpAlumni ul li .date{background: #abd7ff;padding: 5px 10px;border-radius: 10px;}
.UpAlumni ul li div{display: inline-block;vertical-align: middle;}
.UpAlumni ul li .txt p{color: #fff;margin-bottom: 0;}
.alNbox{background: #446a2d;color: #fff;padding: 30px 20px;border-radius: 20px;min-height: 340px;margin-bottom: 30px;}
.alNbox h4{margin-bottom: 20px;font-size: 20px;}
.alNbox img{border-radius: 10px;margin-bottom: 20px;}
.alNbox a{color: #fff;text-decoration: none;}
.alNbox a img{margin-bottom: 0;margin-left: 10px;}
.alNbox.pink{background: #f35b5b;}
.alNbox.orange{background: #ed8b43;}
#monialCarousel .item img{width: 100px;height: 400px;object-position: left; object-fit: cover;border-radius: 20px;}
#monialCarousel .item.active img{width: 100%; height: 400px;object-fit: cover;transition: width .5s;filter: none;}
#monialCarousel.owl-carousel .owl-stage {width: 100% !important;display: flex;align-items: center;justify-content: center;}
#monialCarousel .item .content{opacity: 0;padding: 10px;}  
#monialCarousel .item.active .content{opacity: 1;transition: all .5s;}
.monialbox .mbnr{width: 100%;height: auto !important;width: 200px !important;margin-bottom: -40px;}
.monialbox {color: #fff;}
.monialbox .name{font-size: 18px;font-weight: 600;padding-left: 20px;margin-bottom: 5px;line-height: 24px;}
.monialbox .batch{font-size: 14px;padding-left: 20px;}
.monialbox h5{font-size: 18px;margin-bottom: 20px;}
#monialCarousel .bg{border-radius: 20px !important;}
#monialCarousel .item.active .bg01{display: block;}
#monialCarousel .item.active .bg02{display: none;}
#monialCarousel .item .bg01{display: none;}
#monialCarousel .item .bg02{display: block;}
.altestimonial{margin-bottom: 30px;}
#monialCarousel .item.active .leftname{display: none;}
#monialCarousel .item .leftname{display: block;}
#monialCarousel .leftname p{color: #fff;font-size: 17px;}
#monialCarousel .leftname{position: absolute;bottom: 70px;left: -30px;transform: rotate(-90deg);}
.sportgm{margin-top: 40px;}
.sportgm #pills-tab li{width: 25% !important;}
#sports-carousel{margin-top: 20px !important;}
#sports-carousel .owl-nav{top: -75px !important;}
.sportgm #pills-tab{width: 80%;}
.feesbnr{position: relative;margin-bottom: 25px;}
.feesbnr img{border-radius: 20px;width: 100%;}
.feesbnr .content{position: absolute;top: 40px;left: 40px;}
.Fboxlist{background: #9ed5fc;padding: 20px;border-radius: 15px;min-height: 310px;margin-bottom: 20px;}
.Fboxlist h4{margin-bottom: 20px;text-align: center;font-size: 20px;font-weight: 600;}
.detailbtn{display: flex;justify-content: space-around;}
.detailbtn .Fbtn{color: #fff;background: #0054a6;display: block;width: 170px;padding: 10px 20px;margin-bottom: 20px;text-decoration: none;border-radius: 10px;text-align: center;}
.uniformlist{background: #c0fee2;}
.Feepayment .contactnum{background: #f3c0fe;padding: 20px;border-radius: 15px;text-align: center;margin-bottom: 20px;}
.Feepayment .contactnum h2{font-size: 22px;margin-bottom: 10px;}
.Feepayment .contactnum p:last-child{margin-bottom: 0;}
.paympro{background: #e59796;min-height: 280px;}
.paymlink{background: #d2b679;min-height: 280px;}
.uniPatten{background: #75d3c1;min-height: 280px;}
.paympro h4, .uniPatten h4{margin-bottom: 50px;}
.contactbnr{margin-bottom: 30px;}
.contactbnr .abtbox .content h2{padding-bottom: 10px !important;color: #333;}
.schooltim{margin-bottom: 30px;}
.schooltim h2.title{margin-bottom: 30px;}
.caltim{margin-bottom: 30px;}
.caltim .heading{display: inline-block;margin-right: 15px;}
.caltim .heading p{background: #458fff;color: #fff;margin-bottom: 0;padding: 10px;font-size: 20px;border-radius: 5px;vertical-align: top;margin-top: 10px;}
.caltim .precontent{display: inline-block;vertical-align: top;}
.caltim .precontent p{color: #fff;margin-bottom: 5px;font-size: 18px;}
.caltim .precontent h4{color: #458fff;font-size: 28px;}
.preTborder{border-right: 3px solid #f8bf45;}
.schoolNote h4{font-size: 18px; color: #f8bf45;}
.schoolNote p{font-size: 28px; color: #fff;}
.contdList{padding-left: 0;}
.contactdetailz{margin-bottom: 40px;}
.contactdetailz h2{margin-bottom: 40px;margin-top: 20px;}
.contdList li{list-style: none;margin-bottom: 30px;}
.contdList li img{border-radius: 10px;vertical-align: middle;display: inline-block;width: 60px;margin-right: 15px;}
.contdList li p{color: #fff;vertical-align: middle;display: inline-block;width: 80%;margin-bottom: 0;font-size: 20px;}
.contactdetailz .location iframe{width: 90%;border-radius: 20px;height: 380px;}
.writeuz h2{margin-bottom: 30px;}
.contactForm .fields p{color: #fff;font-size: 20px;margin-bottom: 10px;}
.contactForm .fields p span{color: #f8bf45;}
.contactForm .fields input{width: 100%;height: 60px;border-radius: 8px;padding: 0 10px;margin-bottom: 30px;}
.contactForm .fields textarea{width: 100%;border-radius: 8px;padding: 10px;margin-bottom: 30px;}
.contactForm .submitbtn{background: #f8bf45;color: #051123;font-size: 16px;text-decoration: none;padding: 15px 40px;border-radius: 5px;font-weight: 600;display: block;width: fit-content;}
.MsgPrincipal .principal-messg{background: none;}
.Adviboard h4{color: #333 !important;}
.ourhistAdv .content a img{max-width: initial;}
.visionmission{margin-bottom: 40px;}
.visionmission #custom-carousel .item.active .content{color: #fff;top: 0;right: 0;width: 45%;top: 45%;transform: translate( 0%, -50%);}
.visionmission #custom-carousel .item img{width: 100px;height: 380px;object-position: left;}
.visionmission .performingArts-carousel .leftname{width: 320px;left: auto;right: -90px;top: 150px;text-align: right;}
.visionmission .performingArts-carousel .leftname p{color: #fff;font-size: 24px;opacity: 0.6;}
.visionmission #custom-carousel .item.active img{object-fit: fill;height: 380px;}
.studentLead span{display: block;font-size: 10px;color: #41aafb;}
.studentLead p{font-size: 10px;margin-bottom: 0;min-height: 30px;}
.studentLead img{margin-bottom: 5px;}
.MsgPrincipal .owl-theme .owl-nav [class*=owl-]:hover{background: none;}
.advisoryPg #custom-carousel .item img{height: 370px;}
.facultyPage #custom-carousel .item img{height: 380px;}
.adicBx{display: flex;justify-content: space-between;align-items: center;border: 1px solid #ffc535;border-radius: 10px;margin-bottom: 20px;}
.adicBx .date{width: 20%;border-right: 2px solid #ffc535; min-height: 95px;margin: 20px 30px 20px 0;}
.adicBx .location{width: 30%;border-right: 2px solid #ffc535;padding-top: 20px; min-height: 95px;margin: 20px 30px 20px 0;}
.adicBx .detail{width: 50%;padding-top: 20px;min-height: 95px;margin: 20px 0 20px 0;}
.adicBx .date h4{color: #ffc535;font-size: 45px;padding-left: 20px;margin-bottom: 5px;}
.adicBx .date p{background: #ffc535;color: #333; font-size: 14px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;padding: 2px 10px;text-transform: uppercase;font-weight: 600;width: 100px;}
.adicBx .location p{color: #ffc535;}
.adicBx .location p:last-child{margin-bottom: 0;}
.adicBx .location p img{width: 12px;display: inline-block;vertical-align: baseline;margin-right: 5px;}
.adicBx .detail p{color: #ffc535;}
.adicBx .detail h5{color: #fff;font-size: 14px;margin-bottom: 0;}
#acedmivcarousel{position: relative;padding-top: 100px;}
#acedmivcarousel .owl-dots{position: absolute;width: 100%;top: 0;border: 2px solid #1f437b;border-radius: 10px;padding: 15px 10px;}
#acedmivcarousel .owl-dots button{font-size: 24px;margin: 0 15px;}
#acedmivcarousel .owl-dot.active button{color: #ffc535;border-bottom: 2px solid #ffc535;}
#acedmivcarousel .owl-nav button.owl-prev{background:url(../images/blueLarrow.webp) no-repeat;width: 40px;height: 40px;position: absolute;top: 10px;left: 120px;z-index: 999;background-size: 100%;}
#acedmivcarousel .owl-nav button.owl-next{background:url(../images/blueRarrow.webp) no-repeat;width: 40px;height: 40px;position: absolute;top: 10px;right: 120px;z-index: 999;background-size: 100%;}
.admicdrop {position: absolute;top: 65px;}
.admicdrop select{background: #ffc535;height: 68px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;z-index: 99;position: inherit;width: 100px;text-align: center;font-size: 24px;font-weight: 600;font-family: sans-serif;}
.advboardbx, .trusteebx{margin-bottom: 40px;}
.advboardbx .adbimg, .trusteebx .adbimg{border: 1px solid #0f46aa;padding: 15px;border-radius: 10px;display: block;width: fit-content;margin-bottom: 20px;}
.advboardbx h4, .trusteebx h4{color: #458fff;font-weight: 600;font-size: 18px;}
.advboardbx a{color: #007aff;text-decoration: none;}
.advboardbx p, .trusteebx p{color: #fff;width: 90%;text-align: justify;}
.moretext{display: none;}
.subtitle{color: #458fff; font-size: 26px; font-weight: 700;}
.prof{background: url(../images/bluebg.webp) no-repeat center; background-size: cover; border-radius: 15px; width: fit-content; padding: 20px;}
.IClist{padding-left: 0;margin-bottom: 40px;}
.IClist li{color: #fff;list-style: none;}
.IClist li span{display: inline-block;width: 20px;vertical-align: top;}
.IClist li p{display: inline-block;width: 80%;vertical-align: top;}
/* ul li::before {content: "\2022"; color: #1554c1;font-weight: bold;width: 20px;display: inline-block;font-size: 40px;line-height: 10px;margin-bottom: 3px;vertical-align: middle;} */
.combineoffer{background-color: #051630;width: 60%;border-radius: 15px;padding: 20px;margin-bottom: 40px;}
.combineoffer .yellowbg{background-color: #ffc535;display: inline-block;padding: 30px 20px;margin-right: 20px;border-bottom-left-radius: 15px;border-top-left-radius: 15px;width: 40%;text-align: center;}
.combineoffer .yellowbg h4{font-size: 18px;font-weight: 600;line-height: 28px;}
.combineoffer .txt{display: inline-block;color: #ffc535;font-size: 18px;font-weight: 600;vertical-align: sub;}
.combineoffer .txt img{margin-right: 8px;}
.combineoffer .txt p:last-child{margin-bottom: 0;}
.combineoffer .bdr{border: 1px solid #ffc535;border-radius: 15px;}
.eligyellow {color: #fff;}
.eligyellow span{color: #ffc535;font-weight: 600;}
.eligyellow.lastp{margin-bottom: 40px;}
.intetbl{background-color: #051630;width: 80%;border-radius: 15px;padding: 20px;margin-bottom: 40px;}
.intetbl table{width: 100%;border-collapse: separate;border-spacing: 0px;border-radius: 10px;border: 1px solid #ffc535;}
.intetbl table tr td{color: #fff;width: 50%;padding: 20px 40px;vertical-align: top;}
.intetbl table .head td{font-size: 24px;color: #333;background: #ffc535;font-weight: 600;}
.intetbl table .head td:first-child{border-radius: 10px 0 0 0;}
.intetbl table .head td:last-child{border-radius: 0 10px 0 0;}
.intetbl table tr td:first-child{border-right: 1px solid #ffc535;}
.intetbl table tr td p{font-weight: 600;margin-bottom: 0;line-height: 26px;}
.intetbl table tr td .yeltzt{color: #ffc535;}
/* .intetbl table tr td .yeltzt img{margin-right: 5px;} */
.intetbl table tr td .yeltzt{margin-bottom: 5px;}
.intetbl table tr td span{font-weight: normal;}
.intetbl table tr td span img{margin-right: 5px;}
.aboutouremploy .bnr{border-radius: 15px;}
.aboutouremploy .content{width: 100%;top: 0; left: 0;margin-left: 0;padding: 10px 15px 0;}
.aboutouremploy .content h4{font-size: 18px;margin-bottom: 15px;}
.acedmicdatw .content button{background: #0f46aa; color: #fff;text-decoration: none;font-weight: 600;padding: 10px 30px;border-radius: 5px;display: block;width: fit-content; margin: 30px auto 0;bottom: auto;position: relative;}
.acedmicdatw .content button img{position: absolute;bottom: -5px;left: -30px;width: 50px;}
.ClarCurriculumbg .content{top: 20px;}
.ClarCurriculumbg .content a, .ourhistiry .content a{text-align: left;}
.aboutouremploy p{font-size: 13px;}
.ourhistiry .content p{margin-bottom: 5px;}
.colerator{border-radius: 15px;margin-bottom: 25px;color: #fff;padding: 15px 20px;min-height: 150px;position: relative;}
.colerator a{color: #fff;text-decoration: none; display: block;}
.colerator .content{ display: block; height: 120px }
.colerator button{ padding: 0; background-color: transparent; border: none; color: #fff;text-decoration: none;position: absolute;bottom: 20px;font-weight: 500;letter-spacing: 0px;}
.colerator button img{width: 28px;margin-left: 5px;}
.colerator h4{font-size: 22px;font-weight: 600;margin-bottom: 10px;letter-spacing: 0px; color: #fff}
.colerator p{font-size: 14px;margin-bottom: 10px;}
.colerator.ourhistory{background: url(../images/ourhistorybg.webp) no-repeat;background-size: cover;background-position: center;}
.colerator.ourhistory button{bottom: 10px;}

.colerator.principalMsg{background: url(../images/1.png) no-repeat;background-size: cover;background-position: center;}


.colerator.facultyz{background: url(../images/facultybg.webp) no-repeat;background-size: cover;background-position: center;}

.colerator.schoolanth{background: url(../images/schoolanthbg.webp) no-repeat;background-size: cover;background-position: center;}
.colerator.advisoryz button{bottom: 10px;}
.colerator.schoolanth button, .colerator.advisoryz button{display: flex;justify-content: space-between;width: 85%;}
.colerator.schoolanth button img, .colerator.advisoryz button img{width: 32px;}
.colerator.advisoryz{background: url(../images/AdvisoryBoardBG.webp) no-repeat;background-size: cover;background-position: center;}
.colerator.aboutclarence{background: url(../images/aboutclarencebg.webp) no-repeat;background-size: cover;background-position: center;color: #333;}
.colerator.aboutclarence h4{color: #333;}
.colerator.aboutclarence button{color: #333;}
.strategicFM {background: url(../images/strategicframew.webp) no-repeat;padding: 30px;text-align: center;border-radius: 20px;margin-bottom: 30px;background-size: cover;display: flex;justify-content: space-between;align-items: center;}
.strategicFM h4{text-align: left;color: #fff;font-size: 18px;font-weight: 600;}
.strategicFM h4 span{font-size: 24px;display: block;padding-top: 5px;}
.strategicFM .stratbtn{font-size: 18px;color: #2758b2;background: #fff;text-decoration: none;font-weight: 600;text-align: center;width: fit-content;display: block;padding: 20px 60px;border-radius: 10px;position: relative;}
.strategicFM .stratbtn img{position: absolute;left: -50px;bottom: -10px;width: 85px;}
.house-system-card .IClist li span img{width: 8px !important;height: 15px !important;margin-top: 2px;}
.house-system-card .IClist li p{margin-bottom: 2px;}
.energisebg{background: url(../images/3.png) no-repeat;padding: 0 30px 30px;text-align: center;border-radius: 10px;margin-bottom: 30px;background-size: 100%;min-height: 340px;margin-top: 59px;position: relative;}
.energisebg h4{color: #fff;text-align: left;font-size: 40px;position: absolute;bottom: 45%;}
.devdeploy p{color: #fff;text-align: justify;font-size: 17px;}
.devdeploy .combineoffer{background: transparent;width: 80%;margin: 0 auto 30px;padding: 0;}
.devdeploy .combineoffer .bdr{border-radius: 10px;}
.devdeploy .combineoffer .yellowbg{width: 150px;min-height: 120px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
.devdeploy .combineoffer .yellowbg h4{color: #fff;font-size: 62px;padding-top: 15px;}
.devdeploy .combineoffer .txt .content{display: flex;align-items: center;}
.devdeploy .combineoffer .txt .content img{margin-right: 20px;width: 45px;height: 45px;}
.devdeploy .combineoffer .txt .content p{font-size: 18px;line-height: 32px;}
.devdeploy .mb-4{margin-bottom: 40px !important;}
.devdeploy a{display: block;text-align: center;background: #fff;color: #1554bc;text-decoration: none;font-size: 20px;font-weight: 600;width: 250px;margin: 0 auto 30px;font-size: 16px; padding: 15px 10px;border-radius: 5px;}
.heartybox{text-align: center;color: #fff;}
.heartybox h4{font-size: 26px;margin-bottom: 10px;}
.heartybox p{font-size: 18px;margin-bottom: 35px;}
.heartybox h4 span{color: #458fff;}
#heartycarousel{background: #287a4f;padding: 50px 50px 20px;margin-bottom: 80px;border-radius: 10px;}
#heartycarousel .heartybox .Ming{width: 75%;margin: 0 auto;}
#heartycarousel .owl-nav{width: 100%;position: absolute;bottom: -55px;left: 0;}
.studentachiev{margin-bottom: 60px;}
.CHSValues .title{margin-bottom: 30px;}
.chsvalbx{position: relative;margin-bottom: 30px;}
.chsvalbx p{position: absolute;color: #fff;bottom: 0px;left: 20px;font-size: 18px;font-weight: 600;}
#energModal .modal-dialog{max-width: 900px;}
#energModal .modal-dialog .modal-content{background: #00587c;}
#energModal .modal-body{padding: 20px 40px;color: #fff;}
#energModal .energisebg{background-size: 100%;margin-left: -42px;}
.devdeploy .combineoffer .txt .content .deploicno{height: 35px;}
.enrbox{border: 1px solid #fec635;padding: 20px;margin-bottom: 30px;border-radius: 10px;}
.enrbox .engpoint.title{color: #fec635; font-size: 22px;font-weight: 600;margin-bottom: 20px;padding-left: 0;}
#energModal .enrbox .engpoint.title p{font-size: 22px;margin-bottom: 0;}
.enrbox .engpoint.title img{margin-right: 5px;width: 40px;vertical-align: top;}
.enrbox .engpoint{padding-left: 30px;}
.enrbox .engpoint p{display: inline-block;width: 90%;vertical-align: top;}
.enrbox .engpoint img{display: inline-block;vertical-align: top;margin-right: 5px;}
#energModal .closebtn{float: right;cursor: pointer;}
#energModal p{font-size: 15px;}
.colerator.acedmicdatw{background: url(../images/bluebg02.webp) no-repeat;background-size: cover;background-position: center;}
.colerator.acedmicdatw h4{font-size: 17px}
.colerator.ClarCurriculumbg{background: url(../images/ClarCurriculumbg.webp) no-repeat;background-size: cover;background-position: center;}
.colerator.ClaIntegrated{background: url(../images/ClaIntegratedbg.webp) no-repeat;background-size: cover;background-position: center;}
.colerator.claDepartments{background: url(../images/claDepartmentsbg.webp) no-repeat;background-size: cover;background-position: center;}
.colerator.kindergarten button{top:20px;bottom:unset;font-size:18px}
.colerator.claAcademics{background:url(../images/Academics.webp) no-repeat;background-size:cover;background-position:center}
.colerator.claAbout{background:url(../images/about_bg.webp) no-repeat;background-size:cover;background-position:center}
.colerator.claTrustees{background:url(../images/trustees_bg.webp) no-repeat;background-size:cover;background-position:center}
.colerator.contactUs{background:url(../images/contact_bg.webp) no-repeat;background-size:cover;background-position:center}
.colerator.kindergarten{background:url(../images/kindergarten_bg.webp) no-repeat;background-size:cover;background-position:center}
 .claDepartments h4, .claAcademics h4{margin-top: 50px;}
.ClaIntegrated h4, .ClarCurriculumbg h4, .claTrustees h4{margin-top: 25px;}
#energModal .energisebg{background: url(../images/energise02.webp) no-repeat;min-height: 300px;background-size: 100%;}
.MsgPrincipal .principal-img{max-width: 100% !important;height: auto !important;}
.onlineprinc .Announce h2{font-size: 16px;color: #fff;font-weight: normal;margin-bottom: 10px;margin-top: 20px;}
.onlineprinc .Announce h4{font-size: 21px;}
.contactPg #aboutcarousel .abtbox .content{right: 0;}
.colerator.Labswork{background: url(../images/Labsworkbg.webp) no-repeat;background-size: cover;background-position: center;}
.colerator.SchoolGal{background: url(../images/SchoolGalbg.webp) no-repeat;background-size: cover;background-position: center;}
.colerator.claEduDepart{background: url(../images/claEduDepartbg.webp) no-repeat;background-size: cover;background-position: center;}
.colerator.StudentWel{background: #287a4f;}
#schoolgal01 .item h1, #schoolgal02 .item h1{color: #fff;display: none;}
#schoolgal01{margin-bottom: 30px;}
#schoolgal01 .item {margin: 5px;}
#schoolgal01 .item img{border-radius: 15px;}
#schoolgal02 .item img{filter: brightness(0.4);cursor: pointer;border-radius: 15px;}
#schoolgal02 .current .item img{filter: brightness(1);}
#schoolgal02{width: 85%;margin: 0 auto;}
#schoolgal01 .owl-nav button.owl-prev{position: absolute;bottom: -110px;left: 0;width: 40px;height: 40px;}
#schoolgal01 .owl-nav button.owl-next{position: absolute;bottom: -110px;right: 0;width: 40px;height: 40px;}
#schoolgal02{margin-bottom: 40px;}
.clr-white{color: white; margin-bottom: 25px;}
.speech-clr{background-color: #9776e2; }
.music-clr{background-color:  #e573c1;}
.special-need-content{font-weight: 900;min-height: 200px;padding: 5px 35px; line-height: 25px;}
.special-need-content h3{font-weight: 900;}
.Special_Needs_school .feesbnr .item .content h2{color: black;}
.Special_Needs_school .mbnr01{margin-bottom: 20px!important;}
.Special_Needs_school #monialCarousel .item.active img {height: 480px;}
.Special_Needs_school #monialCarousel .item img{height: 480px;}
.Special_Needs_school #monialCarousel .item .content {padding: 14px 30px 10px 30px;}
.Special_Needs_school .specail-need-title-group h3{font-size: 25px; color: #000000; font-weight: 700; margin-bottom: 20px;}
.Special_Needs_school .specail-need-content-group{color: black;}
#monialCarousel .leftname { top: 40px;bottom: unset;left: unset;right: 0px;}
.sprtgametxt p{color: #fff;padding-bottom: 10px;}
.sportgametabs #pills-tab li{width: 12.5%;}
.sprtTile{color: #458fff; font-size: 32px;margin-bottom: 20px;}
.boxup{filter: brightness(0.95);cursor: pointer;transition: 2ms;}
.boxup:hover{transform: translateY(-3px) !important;filter: brightness(1);box-shadow: 0px 6px 10.017241477966309px 0px rgba(152, 169, 236, 0.05), 0px 14px 60px -25px rgba(152, 169, 236, 0.65);;transition-delay: 0s !important;}
.coArrow{position: absolute;bottom: -5px;left: 130px;}
.colerator.kindergarten .coArrow{top: 0;right: 10px;left: auto;}
.creatwin .devdeploy{background: #452882;padding: 70px 30px 20px;margin-top: -127px;margin-bottom: 100px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
	
.colerator .arrow {
    --active: #fff;
    --border: rgba(255, 255, 255, .12);
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
  }
  .colerator .arrow.left {
    transform: scaleX(-1);
  }
  .colerator .arrow i {
    display: block;
    position: absolute;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
  }
  .colerator .arrow i:before, .colerator .arrow i:after {
    content: "";
    width: 10px;
    height: 2px;
    border-radius: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: var(--active);
    margin: -1px 0 0 -5px;
    display: block;
    transform-origin: 9px 50%;
  }
  .colerator .arrow i:before {
    transform: rotate(-40deg);
  }
  .colerator .arrow i:after {
    transform: rotate(40deg);
  }
  .colerator .arrow:before, .colerator .arrow:after {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border-radius: 50%;
    border: 2px solid var(--border);
  }
  .colerator .arrow svg {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    z-index: 1;
    color: var(--active);
    stroke-width: 2px;
    stroke-dashoffset: 126;
    stroke-dasharray: 126 126 0;
    transform: rotate(0deg);
  }
  .colerator.animate .arrow svg {
    -webkit-animation: stroke 1s ease forwards 0.3s;
            animation: stroke 1s ease forwards 0.3s;
  }
  .colerator.animate .arrow i {
    -webkit-animation: arrow 1.6s ease forwards;
            animation: arrow 1.6s ease forwards;
  }
  .colerator.animate .arrow i:before {
    -webkit-animation: arrowUp 1.6s ease forwards;
            animation: arrowUp 1.6s ease forwards;
  }
  .colerator.animate .arrow i:after {
    -webkit-animation: arrowDown 1.6s ease forwards;
            animation: arrowDown 1.6s ease forwards;
  }
  
  @-webkit-keyframes stroke {
    52% {
      transform: rotate(-180deg);
      stroke-dashoffset: 0;
    }
    52.1% {
      transform: rotate(-360deg);
      stroke-dashoffset: 0;
    }
    100% {
      transform: rotate(-180deg);
      stroke-dashoffset: 126;
    }
  }
  
  @keyframes stroke {
    52% {
      transform: rotate(-180deg);
      stroke-dashoffset: 0;
    }
    52.1% {
      transform: rotate(-360deg);
      stroke-dashoffset: 0;
    }
    100% {
      transform: rotate(-180deg);
      stroke-dashoffset: 126;
    }
  }
  @-webkit-keyframes arrow {
    0%, 100% {
      transform: translateX(0);
      opacity: 1;
    }
    23% {
      transform: translateX(17px);
      opacity: 1;
    }
    24%, 80% {
      transform: translateX(-22px);
      opacity: 0;
    }
    81% {
      opacity: 1;
      transform: translateX(-22px);
    }
  }
  @keyframes arrow {
    0%, 100% {
      transform: translateX(0);
      opacity: 1;
    }
    23% {
      transform: translateX(17px);
      opacity: 1;
    }
    24%, 80% {
      transform: translateX(-22px);
      opacity: 0;
    }
    81% {
      opacity: 1;
      transform: translateX(-22px);
    }
  }
  @-webkit-keyframes arrowUp {
    0%, 100% {
      transform: rotate(-40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
  }
  @keyframes arrowUp {
    0%, 100% {
      transform: rotate(-40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
  }
  @-webkit-keyframes arrowDown {
    0%, 100% {
      transform: rotate(40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
  }
  @keyframes arrowDown {
    0%, 100% {
      transform: rotate(40deg) scaleX(1);
    }
    20%, 80% {
      transform: rotate(0deg) scaleX(0.1);
    }
  }

.mainHead{background: #C7EAFB;}
.mainHead .navbar-brand{position: absolute;}
.mainHead .navbar {padding: 0;}
.mainHead .navbar-nav li{padding: 0 20px;}
.mainHead .navbar-nav li a{color: #0F46AA;font-weight: 600;}
.mainHead .navbar-nav .iconimg img{width: 100px;}
.mainHead .navbar-nav{align-items: center;}
.mainHead .nav-link.active{color: #0F46AA;}
.mainHead .imgtxt, .menudiv .links{padding-top: 20px;}
.mainHead .imgtxt img{border-radius: 15px;width: 100%;margin-bottom: 10px;}
.mainHead .imgtxt p{color: #fff;font-size: 16px;font-weight: 700;text-align: center;}
.mainHead .links a{display: block;color: #fff !important;text-decoration: none;font-size: 14px;padding-bottom: 10px;}
.mainHead .links a:hover{transform: scale(1.1);padding-left: 25px;}
.mainHead .links a:last-child{padding-bottom: 0px;}
.menudiv{width: 89%;margin: 0 auto;}
.menudiv .links{display: inline-block;vertical-align: top;width: 55%;}
.menudiv .imgtxt{display: inline-block;vertical-align: middle;width: 44%;}
.coArrow {
  position: unset;
}
.ourHistory .box{min-height:850px;background-size:cover;background-position:center;padding:35px}
.ourHistory .box ul{position:relative}
.ourHistory .box ul::before{content:"";width:1px;height:95%;position:absolute;left:10px;top:20px;z-index:1;background:#c7882d}
.ourHistory .box ul{list-style:none}
.ourHistory .box ul li::before{content:"";background-color:#c7882d;border-radius:50%;height:10px;width:10px;font-weight:700;display:inline-block;margin-right:10px;font-size:20px;margin-left:-22px}
.ourHistory .box ul li{font-size:20px;font-weight:700;color:#000;margin-top:10px}
.ourHistory .box ul li span{display:block;font-size:16px;font-weight:400}
.swiper-wrapper{left:-20%}
.ourHistory .box .title{color:#b16512;font-size:40px;font-weight:500}
.ourHistory .box2 .title{color:#a74e0a}
.ourHistory .box3 .title{color:#ab4612}
.ourHistory .box4 .title{color:#fff}
.swiper-button-next,.swiper-button-prev{top:unset;bottom:2%;margin-top:0!important}
.ourHistory .box2{background:url(../images/History_bg2.webp) no-repeat;height:fit-content;background-size:cover;background-position:center;padding:35px}
.ourHistory .box3{background:url(../images/History_bg3.webp) no-repeat;height:fit-content;background-size:cover;background-position:center;padding:35px}
.ourHistory .box4{background:url(../images/History_bg4.webp) no-repeat;height:fit-content;background-size:cover;background-position:center;padding:35px}
.ourHistory .box4 ul::before{background:#024531}
.ourHistory .box4 ul li::before{background-color:#024531}
.ourHistory .box3 ul::before{background:#aa4311}
.ourHistory .box2 ul li::before{background-color:#b26815}
.ourHistory .box2 ul::before{background:#b26815}
.ourHistory .box3 ul li::before{background-color:#aa4311}
.ourHistory .box4 ul li{color:#fff}
.colerator button{display:flex;align-items:center;gap:15px}
.coArrow{position:unset}
.ourHistory .swiper-slide{height:100%}
.ourhistitle h1{width:85%;display:inline-block}
.ourHistory .btnWrap{position:relative;text-align:right;width:14%;display:inline-block}
.histcarousel{width:80%;margin:20px auto 0;position:relative}
.histcarousel .owl-nav button.owl-next,.histcarousel .owl-nav button.owl-next:hover{background:url(../images/arrowdark.webp) no-repeat;width:30px;height:30px;background-size:100%;position:absolute;top:45%;right:-10%}
.histcarousel .owl-nav button.owl-prev,.histcarousel .owl-nav button.owl-prev:hover{background:url(../images/arrowdarkleft.webp) no-repeat;width:30px;height:30px;background-size:100%;position:absolute;top:45%;left:-10%}
.histcarousel .owl-nav button.owl-next span,.histcarousel .owl-nav button.owl-prev span{color:transparent}
.histcarousel .owl-item .Mimg{border:3px solid #fff}

.breadcrumb-item+.breadcrumb-item::before{ color: white }
.breadcrumb .breadcrumb-item{ color: white; font-size: 13px; font-weight: 400 }
.breadcrumb .breadcrumb-item a{ color: #f0f0f0; text-decoration: none; border-bottom: 1px solid white; }
.breadcrumb .breadcrumb-item.active { color: #458fff; text-decoration: none; }
.menu_padding{ padding-top: 15px }
.claTrustees h4{margin-top: 10px;}
.demicalender{position: relative;}
.CurrBnr img{width: 100%;}
.schl-anthm-content-1 p br{/*display: none*/}
.ftr .privacy{display: none;}
.ftr .soicalicon{position: absolute;right: 0;}
.colerator.claTrustees h4{margin-top: 0;font-size: 16.5px;}
.house-system-section #custom-carousel .item .zoomicon{
	width: 20px !important;height: 20px !important;position: absolute;right: 10px; top: 5px}
.arrow_right > a > img{ width: auto !important; display: inline-block; }
.arrow_right > a { width: 120px; font-weight: 400; justify-content: center; align-items: center;  
  padding: 6px 10px; border-radius: 5px; display: flex; text-decoration: none; 
  background-color: white; color: #458FFF}
.arrow_right > a span{ margin-right: 10px }
.btnPhotoView a{ display: inline-block;  background-color: #0f46aa; color: #ffffff; padding: 12px 20px; 
	text-decoration: none; border-radius: 5px; justify-content: center; align-items: center;}
.btnPhotoView  span{ color: #ffffff; }
.btnPhotoView  img{ margin-right: 15px }
.cboxPhoto{pointer-events: none;}
.dropdown-toggle.show::after {transform: rotate(180deg);}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: #0F46AA;}

/*Careers */


.job-title{background-color: #ffc535; width: fit-content;color: #051630;font-weight: 700;font-size: 18px; position: absolute; top: 15px; left: 0; padding: 5px 40px; border-radius: 0 30px 30px 0;}
.qualification{margin-top: 50px;margin-bottom: 0; color: #f0f6ff; font-size: 14px;line-height: 22px;}
.applynow-cta {float: right;text-decoration: none;display: flex;margin-right: 30px; center;align-items: center;font-size: 16px;font-weight: 700;border-radius: 10px; text-align: center;letter-spacing: 2px;}
.jobs-wrapper{height: 85px;}
.careers .performing-arts-content {margin-top: 165px!important;}
.careers .performing-arts-content hr{margin-top: 6px;} 
.career-apply{margin-top: 70px; margin-bottom: 70px;}
.career-apply-box p span img{width: 100px;width: 124px;margin-left: -25px;}
.careersub-title-box{color: white; font-size: 21px;}
.No_01{font-size: 98px; color: #0768c6; font-weight: bold;}
.career-apply-box{text-align: center;}
.career-apply-box a{text-decoration: none; font-weight: bold; font-size: 21px;}
.career-apply-box{border-right: 2px dashed white; border-color: #4f5765;}
.careers #custom-carousel .item img{filter: none;}
.careers .performingArts-carousel.active .leftname{display: none;}
.careers .performingArts-carousel .leftname p{font-size: 24px;}
.careers .performingArts-carousel .leftname{display: block;color: #fff;position: absolute;top: 80px;left: -20px;transform: rotate(-90deg);}
.careetitle {display: flex;align-items: start;margin-bottom: 40px;}
.careetitle img {margin-right: 20px;width: 50px;}
.careetitle h2 {color: #fff;;font-size: 32px;}
.careetitle h2 {color: #448EFE;font-weight: 400;font-size: 14px;margin-bottom: 0;}
.careetitle p {color: #fff;font-weight: 600;font-size: 18px;}
.careetitle .main p {font-size: 26px;}
.careetitle .main h2 {font-size: 18px;}
.carebluebg {background: #132A4D;padding: 30px 20px;border-radius: 10px;margin-bottom: 20px;}
.clistbox .heading {display: flex;align-items: center;}
.clistbox .heading h5 {display: flex;color: #4d8cff;margin-bottom: 0;font-size: 22px;font-weight: 600;}
.clistbox .heading img {width: 40px;margin: 0px 20px;}
.clistbox .content {color: #fff;padding-left: 70px;padding-right: 20px;margin-bottom: 30px;}
.clistbox .content p {font-size: 14px;color: #fff;}
.clistbox .heading{margin-bottom: 10px;}
.readmore{color: #4d8cff;text-decoration: none;font-weight: 600;font-size: 16px;display: block;    text-align: center;}
.careetitle {display: flex;align-items: start;margin-bottom: 40px;}
.careetitle img {margin-right: 20px;width: 50px;}
.careetitle h2 {color: #fff;;font-size: 32px;}
.careetitle h2 {color: #448EFE;font-weight: 400;font-size: 14px;margin-bottom: 0;}
.careetitle p {color: #fff;font-weight: 600;font-size: 18px;}
.careetitle .main p {font-size: 26px;}
.careetitle .main h2 {font-size: 18px;}
.carebluebg {background: #132A4D;padding: 30px 20px;border-radius: 10px;}
.clistbox .heading {display: flex;align-items: center;margin-bottom: 15px;}
.clistbox .heading h5 {display: flex;color: #4d8cff;margin-bottom: 0;font-size: 22px;font-weight: 600;}
.clistbox .heading img {width: 40px;margin: 0px 20px;}
.clistbox .content {color: #fff;/*padding-left: 70px;*//*padding-right: 20px;*/margin-bottom: 30px;}
.clistbox .content p {font-size: 14px;color: #fff;}
.careerinside footer {width: 100%;background-color: #051630 !important;padding: 30px 0 100px 0 !important;}
.appln-process {background: #0072BC;padding: 10px;position: fixed;bottom: 0;left: 0;right: 0;z-index: 1;}
.appln-process p {color: #ffffff;font-size: 14px;}
.appln-process a {color: #ffffff;font-size: 14px;}
#geocarousel .geobox img{display: inline-block;width: 50px;vertical-align: middle;}
#geocarousel .geobox p{display: inline-block;width: 80%;vertical-align: middle;}
#geocarousel .geobox p br, .novacancy{display: none;}
.carebluebg .clistbox .content .moretext{display: block;}
.carebluebg .clistbox .readmore{display: none;}
.annualRtab #selectmonth{background: url(../images/dropdownArrow.png) no-repeat #fff;background-position: 95% 12px;background-size: 15px;}

.performingwilcox .content, .performingtheobald .content{margin: 10px;}
.perfectimg{border: 1px solid #fff;padding: 10px;min-height: 185px;border-radius: 10px;margin-bottom: 15px;}
.perfectimg h4{text-align: center;font-size: 13px;color: #333;}
.perfectimg .flex{display: flex;justify-content: space-around;}
.perfectimg .Pbody{width: auto;margin: 0 5px;flex: 1 1 0px;}
.perfectimg .Pbody p{text-align: center;font-size: 14px;color: #fff;margin-bottom: 0;font-weight: 600;line-height: 18px;}
.perfectimg .Pbody img{max-width: 100%;width: auto !important;height: auto !important;margin: 0 auto 5px;}
.perfectimg.last .Pbody p{font-size: 12px;}
.houseanch li img, .Sarah-Therese-Antony img{border-radius: 100px;}
.yearstudent{display: flex;color: #fff;justify-content: space-between;align-items: flex-end;margin: 30px 5px 10px;}
.yearstudent h4{color: #fff;font-size: 20px;}
.yearstudent select{width: 155px;margin-left: auto;}
.yearstudent p{margin-bottom: 5px;}
/*.mainHead .navbar-nav li a.staff{display: none;}*/
.administor-msg h1{color: #fff;margin-bottom: 20px;}
.administor-msg .row{background: #fff;border-radius: 20px;padding: 40px 20px;margin: 0;}
.administor-msg .Gtitle{color: #f5821f;font-size: 28px;}
.administor-msg p{font-size: 17px;margin-bottom: 20px;}
.OHPM .visionprinc{width: 19%;display: inline-block;}
.visionprinc .vissionMissin{height: 280px;width: 100%;margin-bottom: 10px;padding: 10px 15px;}
.visionprinc .vissionMissin h4{padding-bottom: 0;font-size: 20px;}
.visionprinc .vissionMissin{text-align: left !important;background-position: 120% 20px;background-size: 130px;}
.visionprinc .vissionMissin a p{width: 65%;}
.aurprincipal{height: 310px;width: 120%;margin-left: -20%; background: url(../images/ruthmanoj.jpg) #252969 no-repeat;background-size: cover;background-position: right;margin-bottom: 10px;border-radius: 10px;padding: 20px 15px;color: #fff;position: relative;} 
.aurprincipal .content{width: 70%;}
.aurprincipal h4{font-size: 26px;}
.onlineprinc .princeMsg{width: 50%;background-size: cover;}
.aurprincipal a{text-decoration: none;color: #fff;height: 100%;display: block;}
.aurprincipal .arrow, .princeMsg .arrow{position: absolute;bottom: 20px;}
.onlineprinc .princeMsg{background: url(../images/principal.webp) #252969;}
.admino .orgabox{text-align: center;width: 350px;margin: 0 auto;}
.orgabox .oreimg{margin-bottom: -40px;z-index: 9;position: relative;}
.orgabox .inner{background: rgb(18,71,182);background: linear-gradient(180deg, rgba(18,71,182,1) 0%, rgba(24,54,157,1) 49%, rgba(33,30,121,1) 100%);color: #fff;min-height: 100px;padding: 40px 20px 20px;border-radius: 20px;}
.orgabox .inner h4, .orgabox .inner p{font-weight: 600;}
.orgabox .inner p{margin-bottom: 0;font-size: 17px;}
.orgabox.under .inner .oreimg{display: inline-block;vertical-align: top;}
.orgabox.under .inner .txt{display: inline-block;vertical-align: top;margin: 0;}
.admino .dots{position: relative;width: 70%;margin: 0 auto;}
.admino .dots img{width: 100%;}
.admino .dots .acd{color: #458fff;font-size: 18px;font-weight: 600;position: absolute;top: 15px;left: -10px;}
.admino .dots .non-acd{color: #458fff;font-size: 18px;font-weight: 600;position: absolute;top: 15px;right: -50px;float: right;}
.orgabox.under{position: relative;margin-bottom: 90px;}
.orgabox.under .inner{padding: 10px 10px 10px 100px;border-radius: 100px 20px 20px 100px;height: 100px;min-width: 230px;}
.orgabox.under .inner .oreimg{position: absolute;top: 15px;left: 0;width: 100px;}
.orgabox.under .inner h4{font-size: 16px;margin-bottom: 5px;}
.orgabox.under .inner p{font-size: 13px;font-weight: normal;color: #6ab4fd;line-height: 20px;}
.admino{margin-bottom: 100px;}
.admino .orgabox .inner{position: relative;}
.admino .orgabox .inner:after{border-left: 2px dotted #7ca9ec;height: 60px;display: block;top: 118px;left: 50%;position: absolute;content: "";width: 0;}
.tree.vertical li.firstli{position: relative;}
.tree.vertical li.firstli .orgbluedot{position: absolute;top: -10px; z-index: 9;}
.tree.vertical li.lastli{position: relative;}
.tree.vertical li.lastli .orgbluedot{position: absolute;top: -10px; z-index: 9;}
.tree.vertical li.cascade{position: relative;}
.tree.vertical li.cascade .orgbluedot{position: absolute;top: -10px;left: -10px;z-index: 9;}
.tree.vertical li.cascade::before{border-left: none}
.tree .firstli .orgabox{margin: 0;margin-top: 12px;}
.tree .firstli ul li .orgabox{margin-top: 0;}
.tree .firstli ul li::before{top: -15px;}
.tree:not(:empty):before,.tree:not(:empty):after,.tree ul:not(:empty):before,.tree ul:not(:empty):after,.tree li:not(:empty):before,.tree li:not(:empty):after{display:block;position:absolute;content:""}
.tree ul,.tree li{position:relative;margin:0;padding:0}
.tree li{list-style:none}
.tree li > div{color:#222;padding:5px;display:inline-block}
.tree.cascade li{margin-left:24px}
.tree.cascade li div{margin-top:12px}
.tree.cascade li:before{border-left:2px dotted #7ca9ec;height:100%;width:0;top:0;left:-12px}
.tree.cascade li:after{border-top:2px dotted #7ca9ec;width:12px;left:-12px;top:24px}
.tree.cascade li:last-child:before{height:24px;top:0}
.tree.cascade > li:first-child:before{top:24px}
.tree.cascade > li:only-child{margin-left:0}
.tree.cascade > li:only-child:before,.tree.cascade > li:only-child:after{content:none}
.tree.horizontal li{display:flex;align-items:center;margin-left:24px}
.tree.horizontal li div{margin:6px 0}
.tree.horizontal li:before{border-left:2px dotted #7ca9ec;height:100%;width:0;top:0;left:-12px}
.tree.horizontal li:first-child:before{height:50%;top:50%}
.tree.horizontal li:last-child:before{height:50%;bottom:50%;top:auto}
.tree.horizontal li:after,.tree.horizontal li ul:after{border-top:2px dotted #7ca9ec;height:0;width:12px;top:50%;left:-12px}
.tree.horizontal li:only-child:before{content:none}
.tree.horizontal li ul:after{left:0}
.tree.horizontal > li:only-child{margin-left:0}
.tree.horizontal > li:only-child:before,.tree.horizontal > li:only-child:after{content:none}
.tree.vertical{display:flex;padding-left: 0;}
.tree.vertical ul{display:flex;justify-content:center}
.tree.vertical li{display:flex;flex-direction:column;align-items:center;width:33.3%}
.tree.vertical li div{margin:12px 6px}
.tree.vertical li:before{border-left:2px dotted #7ca9ec;height:70px;width:0;top:0}
.tree.vertical li:after{border-top:2px dotted #7ca9ec;height:0;width:100%}
.tree.vertical li:first-child:after{border-top:2px dotted #7ca9ec;height:0;width:50%;left:50%}
.tree.vertical li:last-child:after{border-top:2px dotted #7ca9ec;height:0;width:50%;right:50%}
.tree.vertical li:only-child:after{content:none}
.tree.vertical > li:only-child:before,.tree.vertical > li:only-child:after{content:none}
.tree.vertical .cascade{flex-direction:column;align-items:start;padding:0 12px}
.tree.vertical .cascade:before{left:24px}
.tree.vertical .cascade:after{left:0}
.tree.vertical .cascade:first-child:after{left:0;width:100%}
.tree.vertical .cascade:last-child:after{left:0;width:24px}
.tree.vertical .cascade ul, .tree.vertical .cascade li{display:block}
.tree.vertical .cascade ul:before, .tree.vertical .cascade ul:after,.tree.vertical .cascade li:before,.tree.vertical .cascade li:after{border:none}
.tree.vertical .cascade div{margin:0;margin-top:12px}
.tree.vertical .cascade li{margin-left:14px}
.tree.vertical .cascade li:before{border-left:2px dotted #7ca9ec;height:100%;width:0;top:0;left:-25px}
.tree.vertical .cascade li:after{border-top:2px dotted #7ca9ec;width:22px;height:0;left:-23px;top:80px;content:""}
.tree.vertical .cascade li:last-child:before{height:24px;top:0;height:60%}
.tree .firstli p.acd{position: absolute;color: #458fff;font-size: 18px;font-weight: 600;top: -40px;}
.tree .lastli p.non-acd{position: absolute;color: #458fff;font-size: 18px;font-weight: 600;top: -40px;}
.tree .lastli .ft, .tree .cascade .ft{margin-top: 280px !important;}
.tree.vertical .cascade li.ftsbdr:after{top: 340px;}
.tree.vertical li.lastli:before{height: 300px;}

.colerator.principal-col{background: url(../images/1.png) no-repeat;background-size: cover;
  background-position: center;}


.colerator.organo-col{background: url(../images/1.png) no-repeat;background-size: cover;background-position: center;}
.colerator.organo-col button{bottom: auto;top: 40px;gap: 10px;}



@media (max-width: 1200px) {
    .wrapper{width:96%!important}
}

@media (min-width: 1360px){
    .container{max-width: 1200px !important;}
}

@media (min-width: 768px){
  .mainHead .navbar-nav li{position: initial;}
  .mainHead .navbar-nav .dropdown-menu{width: 100%;top: 84px;border-radius: 0;background: #051630;box-shadow: 0px 10px 20px rgba(0,0,0,0.5);}
  }

  @media (min-width: 991px){
    .advisoryPg #managing-team .principal-name{font-size: 24px;}
    .mainHead .mobview{display: none;} 
    .v-deskh{display: block;}
    .v-mobh{display: none !important;}
    /* .urprincipalPg .administor-msg .row{padding-bottom: 110px;} */
}

@media (min-width: 768px){
    .v-desk{display: block;}
    .v-mob{display: none !important;}
    .facultyPage .educatin-trustVideo_img .youtube-btn{top:50%;left: 50%;transform: translate(-50%, -50%);}
    .ftr .copyright p br{display: none;}
    .histcarousel .owl-nav button.owl-prev, .histcarousel .owl-nav button.owl-prev:hover{left: -13%;}
    .histcarousel .owl-nav button.owl-next, .histcarousel .owl-nav button.owl-next:hover{right: -13%;}
}

@media (max-width: 1200px) and (min-width: 991px){
    .mainHead .navbar-brand{right: 95%;}
    .vissionMissin{height: 590px;}
    .AFEbox .acdemic{width: 18%;}
    .schl-anthm-audio img{height: 110px;}
    .Bookslist .detailbtn .Fbtn{width: 95px;}
    .visionprinc .vissionMissin a p{width: 70%;font-size: 12px;}
		.visionprinc .vissionMissin{background-position: 130% 60px;background-size: 120px;height: 270px;}
    .onlineprinc .Announce h4{font-size: 19px;}
    .OHPM .Adviboard, .onlineprinc .studentLead{height: 270px;}
}

@media (max-width: 990px) and (min-width: 767px){
    .colerator h4{font-size: 14px;}
    .colerator{padding: 20px 15px;}
    .colerator a{font-size: 12px;}
    .schl-anthm-audio img{height: 110px;}
    .Bookslist .detailbtn .Fbtn{width: 95px;}
    .feesbnr h2.title{font-size: 28px;}

}
@media (max-width: 1200px){
    .visionmission .performingArts-carousel .leftname{right: -110px;}
    .creatwin .devdeploy{margin-top: -180px;}
    .combineoffer .txt{width: 60%;}
    .combineoffer .txt p br{display: none;}
    .ACBanner .content h4{font-size: 32px;}
    .integratedCurPg .combineoffer .txt{width: 50%;}
    /* .admicdrop{top: 73px;} */
    .organopg .ourhistitle h1{margin-bottom: 30px;font-size: 36px;}
    .admino .orgabox{width: 240px;}
    .admino .orgabox .oreimg{width: 100px;}
    .admino .orgabox h4{font-size: 17px;}
    .orgabox .inner p{font-size: 15px;}
    .tree.vertical{padding-left: 0;margin-bottom: 30px;}
    .tree .inner{position: relative;}
    .tree .orgabox.under .inner .oreimg{position: absolute;width: 100px;top: -50px;left: 50%;transform: translate(-50%, 0);}
    .tree .orgabox.under .inner{padding: 60px 10px 10px;min-width: 150px;border-radius: 10px;text-align: center;height: 140px;margin-bottom: 12px;}
    .orgabox.under .inner h4{font-size: 14px;}
    .orgabox.under .inner p{line-height: 15px;font-size: 11px;}
    .tree li .orgabox{margin-top: 40px !important;}
    .admino .orgabox .inner:after{top: 133px;height: 55px;}
    .tree.vertical .cascade li:after{width: 10px;left: -10px;top: 127px;}
    .tree.vertical .cascade li{margin-left: 0;}
    .tree.vertical .cascade li:before{left: -12px;}
    .tree .firstli p.acd, .tree .lastli p.non-acd{font-size: 16px;}
    .tree .lastli .ft, .tree .cascade .ft{margin-top: 254px !important;}
    .tree .firstli .ft{margin-top: 60px !important;}
    .tree.vertical li.cascade .orgbluedot{width: 17px;top: -8px;left: -7px;}
    .tree.vertical li.firstli .orgbluedot{width: 17px;top: -8px;}
    .tree.vertical li.lastli .orgbluedot{width: 17px;top: -8px;}
    .tree.vertical .cascade li:last-child:before{height: 129px;}
}

@media (max-width: 991px){
    .facultyPage .principal-title-2{font-size: 14px;}
    .facultyPage .principal-name-2{font-size: 22px;}
    .mainHead .navbar{padding: 10px 0;}
    .mainHead .navbar-toggler{margin-left: auto;margin-right: 0;}
    .mainHead .navbar-brand{top: 10px;}
    .mainHead .navbar-brand img{width: 25px;}
    .mainHead .navbar-nav {padding-top: 10px;}
    .mainHead .navbar-nav li{width: 100%;padding: 0;}
    .mainHead .navbar-nav li a{color: #0F46AA !important;}
    .mainHead .navbar-nav .dropdown-menu{background: #C7EAFB;border: 0;padding-top: 0;}
    .menudiv .links{width: 100%;padding: 0 0 5px;}
    .menudiv .links a{font-size: 13px;}
    .menudiv{width: 100%;}
    .mainHead .navbar-nav li.iconimg{position: absolute;top: 0;width: 100%;text-align: center;}
    .mainHead .imgtxt p br, .menudiv .imgtxt, .mainHead .navbar-nav li.iconimg{display: none;}
    .mainHead .mobview{position: absolute;width: fit-content;text-align: center;top: 0;left: 50%;transform: translate(-50%, 0%);}
    .mainHead .mobview img{width: 60px;padding-top: 5px;}
    #aboutcarousel .abtbox .content{left: 0;top: 0;padding: 20px;}
    #aboutcarousel .abtbox .content .txt{width: 43%;margin-left: auto;margin-right: 0px;}
    .v-mobh{display: block;}
    .v-deskh{display: none !important;}
    .ourhistAdv .Announce{width: 49%;background: url('../images/admission-bg.webp')#1f95ef;vertical-align: top;height: 310px;border-radius: 10px;padding: 20px 15px;text-align: center;margin-bottom: 10px;}
    .ourhistAdv .Announce h4{color: #fff;margin-bottom: 20px;margin-top: 20px;font-size: 18px;}
    .ourhistAdv .Announce h2{color: #fff;font-size: 15px;font-weight: normal;margin-top: 20px;}
    .ourhistAdv .Announce a{color: #fff;text-decoration: none;border: 1px solid #fff;border-radius: 10px;padding: 10px;display: block;width: 130px;margin: 40px auto 0;}
    .OHPM .ourhistAdv, .advandmiss, .facExtM{display: flex;width: 100%;justify-content: space-between;}
    .ourhistAdv .ourhistory, .advandmiss .Adviboard, .advandmiss .vissionMissin, .facExtM .faculty, .facExtM .extracur{width: 49%;}
    .OHPM .onlineprinc{width: 100%;}
    .onlineprinc .princeMsg{width: 49%;background: url(../images/principal.webp) #252969 no-repeat right;background-size: cover;margin-right: 1%;display: inline-block;}
    .advandmiss .vissionMissin{background-size: 50%;background-position-x: 150px;}
    .AFEbox .alumni{width: 100%;margin-bottom: 10px;height: 300px;background-size: 100%;background-position-y: -80px;}
    .homepg .acdemic{width: 100%;height: 240px;background-position-y: -70px;}
    .advandmiss .vissionMissin, .advandmiss .ourhistory {height: 280px;}
    .vissionMissin{text-align: left;}
    .vissionMissin p{width: 40%;}
    .studentLead {margin-bottom: 15px;}
    .AFEbox .faculty{margin-bottom: 15px;}
    .AFEbox .acdemic{background-position-y: -170px;}
    .AFEbox .acdemic .contnt{text-align: left;padding-top: 100px;}
    .aurprincipal{width: 49%;margin-left: 0;display: inline-block;height: 310px;}
    .aurprincipal h4{padding-bottom: 20px;}
    .aurprincipal .content{width: 60%;}
    .administor-msg .row{margin-bottom: 20px;}
}

@media (max-width: 767px){
    .aurprincipal{width: 100%;height: 260px;}
    .v-mob{display: block;}
    .v-desk{display: none !important;}
    .AFEbox h4, .OHPM h4, .vissionMissin h4, .Adviboard h4{font-size: 20px;}
    .studentLead, .facExtM {margin-bottom: 10px;}
    .OHPM .ourhistAdv, .advandmiss, .facExtM{display: flex;width: 100%;justify-content: space-between;}
    .ourhistAdv .ourhistory, .advandmiss .Adviboard, .advandmiss .vissionMissin, .facExtM .faculty, .facExtM .extracur{width: 49%;}
    .AFEbox .alumni{width: 100%;margin-bottom: 10px;height: 300px;}
    .ourhistAdv .ourhistory .content{padding-top: 80px;display: block;}
    .OHPM .ourhistory .content div:first-child{padding-right: 0;}
    .OHPM .onlineprinc{width: 100%;}
    .onlineprinc .princeMsg{width: 100%;}
    .advandmiss .vissionMissin{height: 320px;background-size: 60%;background-position-x: 100px;}
    .OHPM .Adviboard  .content{display: block;}
    .Adviboard .content div{display: block;width: 100%;}
    .studentLead li{width: 26%;}
    .onlineprinc .princeMsg{height: 260px;}
    .BannerH .leftcontent, .BannerH .rightcontent{bottom: 20px;width: 90%;}
    .BannerH .leftcontent, .BannerH .rightcontent, #HBcarousel .owl-dots{left: 20px;}
    .BannerH .leftcontent h2, .BannerH .rightcontent h2{font-size: 14px;}
    .BannerH .leftcontent h1, .BannerH .rightcontent h1{font-size: 16px;}
    .BannerH .leftcontent h1 br, .BannerH .rightcontent h1 br{display: none;}
    /* .BannerH .rightcontent{right: 20px;bottom: 10px;} */
    .BannerH .rightcontent h4{font-size: 13px;font-weight: 600;}
    .BannerH .rightcontent h4 span{font-size: 20px;}
    #HBcarousel .owl-dots{bottom: 0;}
    .studentLead .content{padding-bottom: 20px;}
    .studentLead ul{overflow: auto;white-space: nowrap;padding-bottom: 10px;}
    .studentLead li img{width: 80%;margin-bottom: 5px;}
    .studentLead li p{margin-bottom: 0;white-space: initial;}
    .studentLead span{white-space: initial;}
    .homepg section{padding: 15px 0;}
    .ourhistAdv .ourhistory{background-size: 101%;}
    .advandmiss .Adviboard{height: 320px;background-size: 180%;}
    .advandmiss .Adviboard .content{padding-top: 0;}
    .homepg .acdemic{width: 100%;height: 240px;background-position-y: -70px;}
    .AFEbox .acdemic .contnt{display: flex;padding-top: 0;align-items: end;margin-top: 130px;}
    .AFEbox .acdemic .contnt div:first-child{text-align: left;width: 60%;}
    .AFEbox .acdemic .contnt div:first-child p{margin-bottom: 0;}
    .AFEbox .acdemic .contnt div:last-child{text-align: right;width: 40%;}
    .AFEbox .extracur{margin-right: 0;}
    .principal-messg .principal-img{position: initial;border-bottom-left-radius: 20px;}
    #managing-team .principal-title{font-size: 14px;}
    #managing-team .principal-name{font-size: 18px;}
    #video-messg, .MsgPrincipal .principal-messg{margin-bottom: 50px;}
    .facultyPage .staff_subContent a{display: block;text-align: center;margin-bottom: 50px;padding: 15px;}
    .schl-anthm-content-1{padding: 20px 20px;line-height: 30px;text-align: justify;}
    .schl-anthm-img-2{height: auto;margin-bottom: 40px;}
    .edutrustpg #managing-team .principal-title, .facultyPage #managing-team .principal-title{text-align: right;color: #0f46aa;}
    .edutrustpg #managing-team .principal-name, .facultyPage #managing-team .principal-name{text-align: right;color: #333;}
    .facultyPage .staff_subContent{padding: 0;}
    .schl-anthm-img-1{margin-bottom: 30px;}
    .ACBanner{margin-bottom: 20px;}
    .ACBanner .content h4{font-size: 20px;}
    .ACBanner .bnrimg{width: 100%;}
    .ACBanner .content{width: 100%;transform: initial;right: 0;top: 20px;padding: 0 20px;}
    .ACBanner .content div{width: 50%;margin-right: 0;margin-left: auto;}
    .ACBanner .content .pdfcta{margin: 0 auto;padding: 10px;position: relative;}
    .ACBanner .content .pdfcta img{bottom: -2px;left: -35px;width: 45px;}
    h2.title, #aboutcarousel .abtbox .content h2{font-size: 26px;}
    h2.title br{display: none;}
    .academic_depart #acdepcarousel{margin-top: 40px;}
    #acdepcarousel .owl-nav{top: -60px;}
    .iscCirr .eligNgen .content{width: 58%;}
    .iscCirr .eligNgen .content p{margin-bottom: 0;}
    .iscCirr .ELbox{margin-bottom: 25px;text-align: center;}
    .artmusicpg .arts-bnr .bnr-text{width: 45%;}
    .arts-bnr .bnr-text h2{font-size: 24px;}
    .arts-bnr .bnr-text p{line-height: 24px;}
    #arts-music .news{padding: 20px;margin-bottom: 60px;column-count:1;text-align: justify;}
    #arts-carousel{margin-bottom: 40px;}
    .curricumtabs #pills-tab2{overflow-x: scroll;height: 100%;white-space: nowrap;display: block;}
    .curricumtabs #pills-tab2 li{width: 45%;display: inline-block;}
    .curricumtabs .nav-link{padding: 0; padding-right: 10px;}
    .iscbox .content{display: block;}
    .iscbox .content div{width: 100% !important;}
    .iscbox .content ul{min-height: 60px;}
    .iscCirr .suBbox{margin-bottom: 20px;}
    .iscCirr #pills-home .row, .iscCirr #pills-profile .row{overflow-x: scroll;white-space: nowrap;width: 100%;display: block;}
    .iscCirr #pills-home .row .col-4, .iscCirr #pills-profile .row .col-4{overflow-x: scroll;white-space: nowrap;width: 100%;display: block;width: 70%;
        display: inline-block;}
    .housesystemPg .house-system-section .sports-bnr .bnr-text h2{font-size: 22px;}
    .housesystemPg .house-system-section .sports-bnr .bnr-text p{line-height: 24px;font-size: 13.8px;}
    .housesystemPg .house-system-section .sports-bnr .bnr-text{top: 0;left: 0;width: 100%;padding: 20px;}
    .housesystemPg #custom-carousel.owl-carousel .owl-stage{justify-content: space-between;}
    .house-system-section .sports-bnr p{padding: 0;margin-top: 5px !important;}
    .housesystemPg #custom-carousel{margin-bottom: 40px;}
    .contactPg #aboutcarousel .abtbox .content{left: auto;top: 0;padding: 20px;}
    .contactPg #aboutcarousel .abtbox .content .txt{width: 100%;}
    .contactPg .contactForm{margin-bottom: 30px;}
    .contdList li p{width: 70%;font-size: 18px;}
    .contdList li img{vertical-align: middle;margin-top: 5px;}
    .contactdetailz .location iframe{width: 100%;}
    .performing-arts-content{margin: 10px 0;}
    .house-system-section .performingArts-carousel .leftname{left: -10px;}
    .house-system-section .shCcontent .shCcontent2{font-size: 11px;margin-top: -15px;margin-left: 0px;}
    .housesystemPg #custom-carousel .item img{width: 100px;}
    .house-system-section .performingArts-carousel .leftname p{font-size: 18px;}
    .MsgPrincipal .principal-messg .row{border-radius: 30px !important;}
    .MsgPrincipal .faculty-staff img{width: 100%;}
    .advisoryPg #managing-team .principal-messg{background-position: bottom left;}
    .facultyPage .educatin-trustVideo_img img:first-child{width: 100%;}
    .facultyPage .educatin-trustVideo_img .youtube-btn{top:50%;left: 50%;transform: translate(-50%, -50%);}
    .facultyPage #managing-team .principal-messg{background-position: bottom left;}
    .facultyPage #custom-carousel .item.active .content{width: 100%;margin-left: 0;}
    .facultyPage .drivtitle{margin: 0 0 20px;}
    .BannerH .leftcontent h1, .BannerH .rightcontent h1{font-size: 18px;margin-bottom: 5px;}
    .leftcontent p, .rightcontent p{font-size: 20px;}
    #visonmob-carousel .visnbox{position: relative;}
    #visonmob-carousel .visnbox .mBnr{width: 100%;border-radius: 10px;}
    #visonmob-carousel .text-card{position: absolute;width: 55%;right: 0;top: 50%;transform: translate(0%, -50%);color: #fff;}
    #visonmob-carousel .text-card h4{font-weight: 600;}
    .IClist{margin-bottom: 0;}
    .IClist li span img{width: 10px !important;}
    .IClist li p{margin-bottom: 0;}
    #visonmob-carousel .padleft{padding-left: 20px;}
    #visonmob-carousel .padleft2{padding-left: 30px;}
    .adicBx{display: block;margin: 0 5px 20px;}
    .adicBx .date{display: inline-block;width: 48%;margin: 0;min-height: auto;}
    .adicBx .location{display: inline-block;width: 48%;margin: 0;border-right: 0;min-height: auto;}
    .adicBx .date h4{padding-top: 20px;font-size: 28px;padding-top: 10px;}
    .adicBx .detail{width: 100%;padding: 10px;margin-bottom: 0;margin-top: 0;border-top: 2px solid #ffc535;min-height: auto;}
    .acedmivcarousel .owl-dots{overflow: auto;white-space: nowrap;}
    .acedmivcarousel .owl-dots .owl-dot:first-child{padding-left: 90px;}
    .acedmivcarousel .owl-dots button{font-size: 16px !important;margin: 0 10px !important;}
    .admicdrop select{height: 56px;}
    .academic_calender .ACBanner .content{left: 0;width: 210px;}
    .adicBx .detail p{margin-bottom: 5px;}
    .ftr .privacy{padding-right: 10px;}
    .ftr .privacy a{display: block;}
    .ftr .privacy a:first-child{padding-right: 0;}
    .ftr .copyright p{margin-bottom: 0;padding-right: 10px;text-align: center;}
    .preTborder{border-right: 0}
    .schoolNote{border-left: 3px solid #f8bf45;padding-left: 15px;}
    .housesystemPg .house-system-img{text-align: center;padding-bottom: 10px;}
    #custom-carousel .item.active .content{margin-top: 0;}
    .house-system-section #custom-carousel .item.active .house-system-img img{width: auto !important;}
    .house-system-section #custom-carousel .item .house-system-img02{margin: 10px 0 !important;}
    .house-system-section #custom-carousel .item .house-system-content{line-height: initial;}
    .house-system-section #custom-carousel .item .house-system-content .shCcontent3{line-height: initial;font-size: 14px;}
    .boards-box{margin-bottom: 30px;}
    .interestsub #pills-tab{align-items: flex-end;}
    .interestsub #pills-tab li{width: 33.33% !important;margin-top: 10px;border-bottom: 0;}
    .interestsub #pills-tab li button{font-size: 14px;border-bottom: 2px solid #ccc;border-radius: 0;}
    #aboutcarousel .abtbox .content h2{font-size: 28px !important;line-height: 38px;}
    #aboutcarousel .abtbox .content h2 br{display: block;}
    .contactPg #aboutcarousel .abtbox .content{right: auto;left: 0;}
    .interestsub .nav-pills .nav-link.active::after{background: no-repeat;}
    .interestsub #pills-tab li button.active{border-bottom: 4px solid #458fff;color: #ccc;}
    #schoolgal02{width: 80%;}
    #schoolgal01{margin-bottom: 20px;}
    #schoolgal01 .owl-nav button.owl-prev, #schoolgal01 .owl-nav button.owl-next{width: 25px;height: 25px;bottom: -35%;}
    .Special_Needs_school #monialCarousel .item .content{padding: 10px 20px;}
    .Special_Needs_school #monialCarousel .item .leftname{width: 100px;top: 20px;right: -40px;}
    .Special_Needs_school #monialCarousel .specialimG img{display: inline-block; width: 49% !important;vertical-align: top;}
    .Special_Needs_school #monialCarousel .item.active img, .Special_Needs_school #monialCarousel .item img{height: 600px;}
    .specail-need-content-group p{font-size: 12px;}
    .Special_Needs_school .feesbnr .content{top: 0;left: 0;padding: 20px;}
    .Special_Needs_school .feesbnr .item .content h2{color: #333;font-size: 22px;}
    #aboutcarousel .abtbox .content .txt{width: 100%;}
    .strategicFM{display: block;}
    .strategicFM h4 br{display: none;}
    .strategicFM h4 {margin-bottom: 30px;}
    .strategicFM .stratbtn{margin: 0 auto;}
    .strategicFM .stratbtn img{width: 70px;left: -30px;bottom: -4px;}
    .creatwin .devdeploy{margin-top: -230px;}
    .energisebg{margin-top: 20px;}
    .energisebg h4{bottom: auto;top: 15%;font-size: 30px;}
    .devdeploy .combineoffer .txt{width: 50%;}
    .devdeploy .combineoffer .txt .content p{line-height: initial;text-align: left;font-size: 16px;}
    .onlineprinc .princeMsg{background: url(../images/principal.webp) #252969 no-repeat;background-size: 100%;background-position: center;}
    .princeMsg .content{width: 55%;}
    .AFEbox .alumni{background-size: cover;background-position-y: initial;}
    .onlineprinc .studentLead{padding-right: 0;}
    .onlineprinc .studentLead .content{padding-right: 20px;}
    .AFEbox .faculty{background-size: 100%;}
    .histcarousel .owl-nav button.owl-prev,.histcarousel .owl-nav button.owl-prev:hover{left:-20%}
    .histcarousel .owl-nav button.owl-next,.histcarousel .owl-nav button.owl-next:hover{right:-20%}
    .ourHistory .swiper-container-3d{margin-bottom:50px}
    .hisrtydate p{font-size:12px}
    .hisrtydate h1{font-size:24px}
    .ourHistory .swiper-wrapper{left:-10%}
    .ourHistory .box{width:320px;height:auto}
    .ourHistory .swiper-container-3d{margin-bottom:50px}
    .hisrtydate p{font-size:12px}
    .hisrtydate h1{font-size:24px}
    .ourHistory .swiper-button-next,.ourHistory .swiper-button-prev{top:unset;bottom:2%;margin-top:0!important}
    .admicdrop{top: 73px;}
    .schl-anthm-audio img{height: 150px;border-radius: 25px;}
    .subject-convenor{margin-top: 30px !important;}
    .integratedCurPg .combineoffer{width: 100%;}
    .house-system-section #custom-carousel .owl-stage{width: 100% !important;}
    .house-system-section #custom-carousel .item{width: 100%;height: 40px;margin-bottom: 10px;}
    .house-system-section #custom-carousel .item.active{width: 100%;height: 645px;}
    .house-system-section #custom-carousel .item.active .content{max-width: 100%;}
    .house-system-section .performingArts-carousel .leftname{left: 20px !important;top: 0;transform: rotate(0deg);padding-top: 5px;}
    .house-system-section #custom-carousel .owl-nav{display: none;}
    .house-system-section #custom-carousel .item .zoomicon{top: 10px;right: 10px;}
    .house-system-section #custom-carousel .item.active a img{ width: 100% !important }
    .clistbox .content{padding: 0;}
    .career-apply-box{border-right: 0;}
    .career-apply{margin: 60px 0 20px;text-align: center;}
    .No_01{font-size: 68px;}
    .career-apply-box p span img{width: 94px;margin-left: -15px;}
    .career-apply-box{margin-bottom: 20px;}
    .career-apply-box.border-0{margin-bottom: 60px;}
    #geocarousel .geobox{min-height: 65px;transform: translate(0%, 10%);}
    #geocarousel{width: 90%;margin: 0 auto;}
    #geocarousel .owl-nav button.owl-prev{background: url(../images/geoLarrow.png) no-repeat;width: 25px;    height: 25px;position: absolute;top: 15px;left: -30px;}
    #geocarousel .owl-nav button.owl-next{background: url(../images/geoRarrow.png) no-repeat;width: 25px;    height: 25px;position: absolute; top: 15px;right: -30px;}
    .carebluebg .clistbox .content .moretext{display: none;}
    .carebluebg .clistbox .readmore{display: block;}
    
    .performingwilcox.active, .performingtheobald.active {height: 1390px !important;}
    .performingwilcox .content, .performingtheobald .content{margin: 0;}
    .perfectimg .flex{display: block;text-align: center;}
    .perfectimg .Pbody{display: inline-block;vertical-align: top;margin-bottom: 15px;width: 28%;}
    .yearstudent{display: block;}
    .yearstudent h4{font-size: 18px;margin-bottom: 10px;}
    .yearstudent select{margin-left: 0;}
    .aurprincipal .content{width: 60%;}
    .tree .orgabox.under .inner .oreimg{width: 70px;}
    .tree .orgabox.under .inner{padding: 30px 10px 10px;min-width: 100px;border-radius: 10px;text-align: center;height: 120px;margin-bottom: 12px;}
}

@media (max-width: 580px){
    .advisoryPg #custom-carousel .item.active .content{width: 100%;}
    .advisoryPg #managing-team .principal-title, .advisoryPg #managing-team .principal-name{text-align: right;}
    .devdeploy .combineoffer{width: 100%;}
    .devdeploy .combineoffer .yellowbg{width: 100px;min-height: 100px;margin-right: 10px;}
    .devdeploy .combineoffer .yellowbg h4{font-size: 52px;padding-top: 0px;}
    .devdeploy .combineoffer .txt .content p{font-size: 20px;}
    .devdeploy .combineoffer .txt{width: 65%;}
    .devdeploy .combineoffer .txt .content img{width: 35px;height: 35px;margin-right: 10px;}
    .devdeploy .combineoffer .txt .content p{line-height: initial;text-align: left;}
    .aboutus .devdeploy a{width: 190px;}
    #heartycarousel{padding: 10px;}
    #heartycarousel .heartybox .Ming{width: 100%;}
    .heartybox h4{padding-top: 10px;font-size: 22px;}
    .energisebg{min-height: 220px;background-size: 100% 180px;background-position: bottom;margin-top: -30px;padding: 0 10px 30px;}
    .energisebg h4{font-size: 26px;bottom: 20%;top: auto;}
    #energModal .modal-body{padding: 20px;height: 98vh;overflow-y: auto;}
    #energModal .energisebg{min-height: 220px;background-size: 100% 180px;background-position: bottom;margin-left: -20px;border-bottom-left-radius: 0;}
    #energModal .title{margin-top: 20px;}
    #energModal .enrbox .engpoint.title p{width: 80%;font-size: 18px;}
    #aboutcarousel .abtbox .content{top: 0;left: 0;padding: 20px;}
    #aboutcarousel .abtbox .content h2{font-size: 20px;padding-bottom: 0;}
    #aboutcarousel .abtbox .content .txt h4{font-size: 16px;}
    #aboutcarousel .abtbox .content .txt{width: 100%;}
    .utmostbg h4{margin-left: -10px;}
    .utmostbg p{font-size: 14px;}
    .strategicFM{display: block;}
    .strategicFM h4 span{font-size: 20px;margin-bottom: 20px;}
    .strategicFM .stratbtn{padding: 15px 40px;margin: 0 auto;font-size: 16px;}
    .strategicFM .stratbtn img{width: 65px;left: -35px;bottom: -5px;}
    .princscroll{padding-right: 0;margin-top: -40px;}
    .princscroll div{overflow: hidden;white-space: nowrap;}
    .creatwin .devdeploy{margin-top: -70px;}
    .AFEbox .faculty{background-size: cover;margin-bottom: 0;}
    .vissionMissin p{width: auto;}
    .ourHistory .box{padding: 20px;}
    .ourHistory .box .title{font-size: 34px;}
    .ourHistory .btnWrap{display: block;margin: 30px 0;}
    .trustboardpg #managing-team h1 br{display: none;}
    .chsCurriculum .IClist li p{width: 90%;}
    .intetbl table .head td{padding: 10px !important;}
    .demicalender h4 span{font-size: 26px;}
    .admicdrop{top: 62px;}
    .feesbnr .content{width: 50%;}
}

@media (max-width: 470px){
    .admicdrop{top: 93px;}
}

@media (max-width: 420px){
    .house-system-section #custom-carousel .owl-item:first-child .leftname, .house-system-section #custom-carousel .owl-item:nth-child(4) .leftname{left: -18px;}
    #aboutcarousel .abtbox{background: #edb871;padding-top: 50px;border-radius: 20px;}
    #aboutcarousel .abtbox .content{padding: 20px 40px;}
    .energisebg{margin-top: -80px;background-size: 100% 150px;}
    #energModal .energisebg{background-size: 100% 150px;}
    .energisebg h4{bottom: 15%;font-size: 24px;}
    #energModal .title{margin-top: 30px;}
    .combineoffer .txt{width: 55%;}
    .devdeploy .combineoffer .yellowbg h4{font-size: 40px;}
    .devdeploy .combineoffer .yellowbg{width: 70px;}
    .combineoffer .yellowbg{padding: 30px 0;}
    .devdeploy .combineoffer .txt .content p{font-size: 14px;}
    .devdeploy .combineoffer .txt .content p br{display: none;}
    .advandmiss .Adviboard{background-size: 220%;}
    .advandmiss .vissionMissin{background-size: 70%;background-position-x: 50px;}
    .chsCurriculum .combineoffer{width: 100%;}
    .chsCurriculum .combineoffer .yellowbg{padding: 40px 0;}
    .career_poster img{width: 100%;}
    .tree .firstli p.acd, .tree .lastli p.non-acd{font-size: 14px;}
}

@media (max-width: 360px){
  .tree .firstli p.acd, .tree .lastli p.non-acd{font-size: 13px;}
}