@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.4rem/2.4rem 'Open Sans', sans-serif; color: var(--body_txt_color); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a,::after,::before,img,button{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }


:root{
    --black: #464749;
    --brand: #1e83f0;
    --body_txt_color: #212529;
    --white:#fff;
    --hover_color: #F44336;
    --radious:.5rem;
    --background: #edf0f2;
   }

@keyframes wrep {
    0% {
        border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%;
    }

    35% {
        border-radius: 67% 33% 39% 61% / 48% 63% 37% 52%;
    }

    70% {
        border-radius: 40% 60% 62% 38% / 32% 41% 59% 68%;
    }

    100% {
        border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%;
    }
}

/* top_button */
.top_btn {background: var(--brand); border-radius: var(--radious); bottom: 1rem; color: var(--white); height: 4rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 4rem; z-index: 9999;  text-align: center; display: inline-block; }
.top_btn i{font-size: 2rem; line-height: 4rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover {bottom: .3rem; opacity: 1; color: var(--white);}

.img_flud{max-width: 100%; height: auto;}
.ptb{padding: 6rem 0;}
.mt{margin-top: 4rem;}
.img_arae{border-radius: var(--radious); overflow: hidden;}
.as_btn{border: .1rem solid var(--brand); color: var(--brand); border-radius: var(--radious); height: 4rem; line-height: 3.8rem; display: inline-block; padding: 0 3rem; font-weight: 500; text-transform: capitalize; margin-top: 2rem; position: relative; z-index: 0;}
.as_btn::before{position: absolute; left: 0; top: 0; width: 0; height: 100%; background: var(--brand); content: ""; z-index: -1;}
.as_btn:hover{color: var(--white);} 
.as_btn:hover:before{width: 100%;}
.h1,.h2{font-size: 3.5rem; line-height: 4rem; color: #000; font-weight: 700; text-transform: capitalize; text-align: center;}
.h1 span,.h2 span{font-size: 1.8rem; text-transform: capitalize; font-weight: 600; display: inline-block; width: 100%; position: relative; line-height: 2rem; padding-bottom: 2rem; margin-bottom: .7rem;}
.h1 span::before,.h2 span::before{position: absolute; left: 50%; bottom: -.7rem; width: 17.4rem; height: 1.9rem; background: url(../images/shape.png)no-repeat center center; content: ""; -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
h3{color: #000; font-weight: 700; text-transform: capitalize; font-size: 3rem; line-height: 3.5rem;}
h4{font-size: 2.2rem; line-height: 2.9rem; color: #000; font-weight: 700; text-transform: capitalize;}
h5{font-size: 1.8rem; line-height: 2.5rem; color: #000; font-weight: 700; text-transform: capitalize;}

.rules_regulations_sec, .subject_sec, .subjectdtls_sec, .contact_sec, .feedback_sec{background: url(../images/acadenic_shape_2.png)no-repeat right top, url(../images/acadenic_shape_1.png)no-repeat left bottom #f4f6f9;}

/*header*/
.header_sec{ width: 100%;}
.header_top{background: var(--brand); padding: 1rem 0;}
.header_top .d-flex{justify-content: space-between;}
.header_top ul li a{color: rgba(255,255,255,.6);}
.header_top ul li a:hover{color: var(--white);}
.header_top ul li{text-transform: capitalize; display: inline-block; margin-right: 1rem; font-weight: 600;}
.header_top ul li i{padding-right: .4rem;}
.header_top ul li:last-child{margin-right: 0;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px; flex-direction: column;}
.drop-nav{ position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{ font-size: 1.4rem;}
.menu_sec li{ position: relative;}
.header_img{position: absolute; right: 48rem; top: 1rem}
.header_img img{width: 7rem;}  
.header_img ul li{display: inline-block; margin-right: .5rem;}
.header_img ul li:last-child{margin-right: 0;}  
.header_infoInn { width: 100%; position: relative;}
.header_info {width: 100%; position: relative;}
.heder_menu {width: 100%;}
.heder_menu{background:var(--brand); padding: 1.5rem 0;}
.menu_sec li a{color: var(--white); display: inline-block; margin-right: 1rem; position: relative; padding: 0 .4rem .5rem .4rem;}
.menu_sec li a::before{background: var(--white); width: 0; height: .1rem; position: absolute; left: 0; bottom: 0; content: "";}
.menu_sec li{text-transform: capitalize; font-weight: 600; font-size: 1.5rem;}
.menu_sec li a:hover::before, .menu_sec li.active a::before{width: 100%;}
.menu_sec li:last-child a{margin-right: 0;}
.heder_menu .container{max-width: 100%;} 
.header_sec .as_btn{position: absolute; right: 0; top: 2.2rem;}
.header_sec .as_btn i{line-height: 3.8rem;}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}} 
.header_sec.fixed{position: fixed; left: 0px; top: 0px; z-index: 99; animation-name: animationFade; animation-duration: 1s; animation-fill-mode: both; background: var(--darkcolor1); background: var(--white); box-shadow: 0 0 7px 0px #ccc;}
.header_sec.fixed .header_top, .header_sec.fixed .header_info{display: none;}

/* .drop-arw {position: absolute; top: 15px; right: 15px; font-weight: 700;} */
.menu_sec .dropdown-toggle::after{display: none;}


 /*banner*/  
.bannersec{ width: 100%;}
.banner_box img{height: 35rem; object-fit: cover;}
.banner_box{position: relative;}
.banner_box::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); content: "";}
.banner_content{position: absolute; left: 0; top: 50%; width: 100%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.banner_txt{position: relative;}
.banner_txt strong{color: var(--white); font-size: 3rem; line-height: 3.5rem; text-transform: capitalize;}
.banner_lt .carousel-indicators{bottom: .5rem;}
.banner_lt .carousel-indicators [data-bs-target]{width: 1.2rem; height: 1.2rem; border-radius: 100%; border: .2rem solid var(--white); background: transparent; opacity: 1;}
.banner_lt .carousel-indicators .active{background: var(--white);}
.banner_rt ul li a{display: inline-block; width: 100%;  border-radius: var(--radious); text-align: center; color: var(--brand); padding: 1rem 0; border: .2rem solid var(--brand); position: relative;}
.banner_rt ul li a::before{position: absolute; left: 0; top: 0; width: 0; height: 100%; background: var(--brand); content: ""; z-index: -1;}
.banner_rt ul li a:hover:before{width: 100%;}
.banner_rt ul li a:hover{color: var(--white);}
.banner_rt ul li{margin-bottom: 1rem; font-size: 1.7rem; font-weight: 600;}
.banner_rt ul li:last-child{margin-bottom: 0;}
.banner_rt span{font-size: 2rem; text-transform: capitalize; color: var(--black); font-weight: 600; display: inline-block; width: 100%; padding: 1.5rem 0;}
.banner_rt{padding: 0 3rem;}
.application_sec strong{font-weight: 600; text-transform: capitalize;}
.application_sec{padding: .2rem 0;}

/* notice_sec */
.notice_txt strong{font-size: 1.8rem; font-weight: 600; color: var(--brand); text-transform: capitalize; display: inline-block; width: 100%; padding-bottom: 1.4rem;}
.nt_list li a{color: var(--black);}
.nt_list li a:hover{color: var(--brand);}
.nt_list li{font-weight: 500; margin-bottom: .5rem;position: relative; padding-left: 2rem;}
.nt_list li::before{content: "\f101"; position: absolute; left: 0; top: .7rem; font: normal 14px/1 FontAwesome;}
.nt_list li:last-child{margin-bottom: 0;}
.notice_info {padding: 2rem;}
.notice_sec .container{max-width: 100%; padding: 0 1.5rem;}
.notice_sec.ptb{padding: 6rem 0 0;}


/* vice_sec */
.vice_rt{border-radius: var(--radious); overflow: hidden;}

/* about_sec */
.about_sec .nav-tabs {border-bottom: transparent;}
.about_sec .nav-tabs .nav-link:focus, .about_sec .nav-tabs .nav-link:hover, .about_sec .nav-tabs .nav-item.show .nav-link, .about_sec .nav-tabs .nav-link.active {border-color: transparent; color: var(--brand);}
.about_sec .nav-link{font-size: 1.8rem; color: var(--black); font-weight: 600; text-transform: capitalize;}
.ab_rt{border-radius: var(--radious); overflow: hidden;}
.about_sec .tab-content{margin-top: 3rem;}
.play_btn::after{position: absolute; content: ''; background: rgba(0, 54, 116, 0.5); width: 7rem; height: 7rem; top: -1rem; left: -1rem; z-index: -1; border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%; -webkit-animation: wrep 5s infinite ease-in-out; animation: wrep 5s infinite ease-in-out;}
.play_btn{color: var(--white); background: var(--brand); width: 5rem; height: 5rem; text-align: center;  display: inline-block; position: relative; z-index: 0; border-radius: 55% 45% 38% 62% / 52% 57% 43% 48%; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.play_btn::before{font:normal 3rem/5rem FontAwesome; content: "\f0da";}
.play_btn:hover{color: var(--white);}
.video_box{position: relative;}
.st_box{width: 100%; padding: 3rem 5rem;  background: var(--brand);}
.st_box ul li a{color: var(--white); padding: 1.5rem 0; border-bottom: .1rem solid var(--white); display: inline-block; width: 100%;}
.st_box ul li{text-transform: capitalize; font-weight: 600;}
.st_box ul li:first-child a{padding-top: 0;}
.st_box ul li:last-child a{padding-bottom: 0; border-bottom-color: transparent;}
.about_sec .nav-tabs{border: .1rem solid var(--brand); padding: 1rem 0; border-radius: 5rem; }

/* addmision_sec */
.addmision_info{background: var(--brand) url(../images/dot.png)repeat center center; border-radius: var(--radious); padding: 3rem;}
.addmision_sec .as_btn{background: transparent; border: .1rem solid var(--white); color: var(--white); position: relative; z-index: 0;}
.addmision_sec .as_btn::before{background: var(--white); position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ""; z-index: -1;}
.addmision_sec .as_btn:hover:before{width: 100%;}
.addmision_sec .as_btn:hover{color: var(--brand);}

/* counter_sec */
.counter_sec{background-attachment: fixed !important; position: relative;}
.counter_sec::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); content: "";}
.counter_info{position: relative;}
.counter_info strong{color: var(--white); font-size: 4rem; font-weight: 700;}
.counter_info span{color: var(--white); width: 100%; display: inline-block; padding-top: 1rem; font-weight: 600; letter-spacing: .1rem;}

/* gallery_sec */
.awards_sec .owl-nav.disabled, .awards_sec .owl-dots{display: none;}
.awards_img{position: relative;}

/* form */
.input_fld input[type="email"], .input_fld input[type="text"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea{background: transparent; border: .1rem solid var(--body_txt_color); border-radius: var(--radious); box-shadow: none; -webkit-appearance: none; outline: none; width: 100%; height: 4rem; font-size: 1.4rem; color: var(--black); padding: 0 1.5rem;}
.input_fld input[type="email"]::placeholder, .input_fld input[type="text"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder, .input_fld textarea::placeholder{color: var(--black); opacity: 1;}
.input_fld button{background: var(--white); position: relative;}
.input_fld{margin-bottom: 2rem;}
.input_fld textarea{height: 15rem; resize: none; padding: 1.5rem;}


/* footer_sec */
.footer_top{padding: 4rem 0 1rem;}
.ft_txt {padding-bottom: 3rem; display: inline-block; width: 100%;}
.ft_txt strong{color: var(--white); font-size: 2.4rem; font-weight: 600; text-transform: capitalize; display: inline-block; width: 100%; padding-bottom: 2rem;}
.ft_txt p{line-height: 2.2rem;}
.social_icon li{display: inline-block; margin: 2rem .8rem 0 0;}
.social_icon li a{display: inline-block;   width: 3.5rem; height: 3.5rem; text-align: center; background: var(--brand); color: var(--white); border-radius: .5rem; border: .1rem solid transparent;}
.social_icon li a i{line-height: 3.5rem; font-size: 1.8rem;}
.social_icon li a:hover{background: transparent; color: var(--brand); border-color: var(--brand);}
.ft_txt ul li a, .ft_txt ul li{color: var(--white); }
.ft_txt ul li{font-weight: 600;}
.contact_list li{margin-top: .8rem; position: relative; padding-left: 2rem;}
.contact_list li i{position: absolute; left: 0; top: .6rem;}
.contact_list{margin-top: 2.5rem;}
.ft_txt ul li a:hover{color: var(--brand);}
.ft_link li{width: 50%; float: left; position: relative; padding-left: 2rem; margin-bottom: .8rem;}
.ft_link li::before{font: normal 14px/1 FontAwesome; content: "\f101"; position: absolute; left: 0; top: .6rem; color: var(--white);}
.footer_top .collum:nth-child(2) .ft_txt, .footer_top .collum:nth-child(3) .ft_txt{padding-left: 4rem;}
.ft_txt .input_fld{display: inline-block; width: 100%; border: .1rem solid #ccc; border-radius: var(--radious); overflow: hidden; margin-top: 2rem;}
.ft_txt .input_fld input[type="email"]{width: 80%; float: left; border: none; color: var(--white);}
.ft_txt .input_fld input[type="email"]::placeholder{color: #ccc;}
.ft_txt .input_fld button{width: 20%; float: right; border-radius: 0; font-size: 2rem; text-align: center; padding: 1rem; background: var(--white); border: none;}
.footer_bottom{background: #15222E; padding: 1.5rem 0;}
.footer_bottom .d-flex{align-items: center; justify-content: space-between;}
.footer_bottom .d-flex span{color: var(--white);}
.footer_bottom .d-flex span a{color: var(--white);}
.footer_bottom .d-flex span a:hover{color: var(--brand);}
.ft_link li:last-child{margin-bottom: 0;}


/*about_page*/
.inner_banner .banner_box img{height: 30rem;}
.inner_banner strong{font-size: 4rem; color: var(--white); width: 100%; display: inline-block; padding-bottom: 1rem;}
.breadcrumb_sec .breadcrumb .breadcrumb-item, .breadcrumb_sec .breadcrumb .breadcrumb-item a{color: var(--white);}
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item::before{color: var(--white); font: normal 14px/1 FontAwesome; content: "\f101"; padding: 0 .8rem; float: none;}
.breadcrumb_sec .breadcrumb .breadcrumb-item{font-weight: 600; padding: 0; text-transform: capitalize;}
.ab_info{margin-top: 3rem;}
.mv_sec .row{margin-bottom: 6rem;}
.mv_sec .row:last-child{margin-bottom: 0;}
.mv_sec .row:nth-child(odd){flex-direction: row-reverse;}
.pra_txt{margin-top: 2rem;}

/*teachers_sec*/
.te_info{background: var(--white); box-shadow: .1rem .1rem 1rem rgba(0,0,0,0.2); padding: 4rem 2rem; border-radius: var(--radious);}
.tab_sec{margin-left: 2rem;}
.tab_sec .tab-pane{padding-top: 1.5rem;}
.teachers_text span{width: 100%; display: inline-block; font-size: 2rem; color: #000; font-weight: 600;}
.teachers_text{padding-top: 2rem;}
.teachers_sec ul li{display: inline-block;}
.ad_details li a, .ad_details li{color: var(--black);}
.ad_details li a:hover{color: var(--brand);}
.ad_details li{width: 100%; margin-bottom: 1.5rem; position: relative; padding-left: 2.8rem; font-weight: 600; font-size: 1.5rem;}
.ad_details li i{position: absolute; left: 0; top: .4rem; font-size: 1.8rem;}
.subtxt{position: relative; padding-bottom: .8rem; margin-bottom: 1rem;}
.subtxt::before{position: absolute; bottom: 0; left: 0; background: var(--brand); height: .2rem; width: 2rem; content: "";}
.tab_sec .nav{border: .1rem solid var(--brand);  border-radius: var(--radious); display: inline-block; width: 100%;}
.tab_sec .nav-item{width: 33.333%; float: left;}
.tab_sec .nav-link {border-radius: 0;}
.tab_sec .nav button{margin-right: 5rem; font-size: 1.8rem; font-weight: 600; background: transparent; color: var(--brand); padding: 1rem 2rem; width: 100%; display: inline-block; text-align: center;}
.tab_sec .nav .nav-item:last-child button{margin-bottom: 0;}
.tab_sec .nav-pills .nav-link.active, .tab_sec .nav-pills .show > .nav-link , .tab_sec .nav-pills .nav-link:hover{ color: var(--white); background-color: var(--brand);  display: inline-block;}

/* .gallery_page */
.gallery_img{margin-top: 3rem; position: relative;}
.overlay{position: absolute; left: 50%; top: 50%; background: rgba(255, 255, 255, 0.85); border-radius: 100%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; padding: 2rem; display: inline-block; font-size: 1.8rem; color: var(--black); opacity: 0; visibility: hidden;}
.overlay:hover{color: var(--brand);}
.gallery_img::before, .awards_img::before{position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 8; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: rgba(0, 0, 0, 0.75); z-index: 1;}
.gallery_img:hover:before, .awards_img:hover::before{opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg);}
.gallery_img:hover .overlay, .awards_img:hover .overlay{opacity: 1; visibility: visible;}

/*contact_page*/
.contact_box{background: var(--white); padding: 3rem; box-shadow: .1rem .1rem .8rem rgba(0, 0, 0, 0.1); border-radius: var(--radious);}
.contact_box h2{padding-bottom: 3rem;}
.icon_gol li a, .icon_gol li{color: var(--black);}
.icon_gol li a:hover{color: var(--brand);}
.icon_gol li{padding-left: 5rem; margin-top: 3rem; font-weight: 600;}
.icon_gol li:first-child{margin-top: 0;}
.icon_gol li i{border: 0.1rem solid var(--body_txt_color); border-radius: 100%; text-align: center; width: 4rem; line-height: 3.9rem; font-size: 2rem; height: 4rem;}
.map_sec iframe{width: 100%; height: 25.3rem;}
.map_sec{margin-top: 2rem;}
.icon_gol li i{position: absolute; left: 0; top: .5rem;}

/* school_subject_page */
.sub_txt h4 a{padding: 1rem 0 .8rem; border-bottom: .1rem solid var(--brand); display: inline-block; color: var(--black);}
.sub_txt h4 a:hover{color: var(--brand);}
.sub_box{border-radius: var(--radious); background: var(--white); box-shadow: .1rem .1rem .8rem rgba(0, 0, 0, 0.1); padding: 2rem; position: relative; z-index: 1; overflow: hidden; margin-top: 3rem;}
.sub_box::before{position: absolute; left: 0; bottom: 0; width: 100%; height: 0; content: ""; background: var(--brand); z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.sub_box:hover:before{height: 100%;}
.sub_box img{position: relative;}
.sub_box:hover img{filter: brightness(100%); -webkit-filter:brightness(100%);}
.sub_box:hover h4 a{border-color: var(--white);}
.sub_box:hover h4 a, .sub_box:hover p{color: var(--white);} 
.sub_box:hover .as_btn{border-color: var(--white); color: var(--white);}
.sub_box .as_btn::before{background: var(--white);}
.sub_box .as_btn:hover{color: var(--brand);}
.subject_sec.ptb{padding: 3rem 0 6rem;}
.join_sec{background: var(--brand); padding: 3rem 0;}
.join_sec .d-flex{align-items: center; justify-content: space-between;}
.join_sec .as_btn{border-color: var(--white); color: var(--white);}
.join_sec .as_btn::before{background: var(--white);}
.join_sec .as_btn:hover{color: var(--brand);}
.sub_txt{min-height: 23rem;}

/* subjectdtails_page */
.subjectdtls_sec ul li{display: inline-block; margin-right: .5rem;}
.subjectdtls_sec ul li:last-child{margin-right: 0;}
.accordion_sec ul li{width: 100%; font-weight: 600; text-transform: capitalize; position: relative; padding-left: 2rem;}
.accordion_sec ul li::before{position: absolute; left: 0; top: .6rem; font: normal 14px/1 FontAwesome; content: "\f061"; color: var(--black);}
.accordion_sec ul li a{display: inline-block; color: var(--black); padding-bottom: .5rem;}
.accordion_sec ul li a:hover{color: var(--brand);}
.accordion_sec ul li:last-child a{padding-bottom: 0;}
.accordion_sec .accordion-button h5{padding-right: 3rem;}
.accordion_sec .accordion-button:focus{border-color: transparent; box-shadow: none;}
.accordion_sec .accordion-button:not(.collapsed){background: var(--brand);}
.accordion_sec .accordion-button:not(.collapsed) h5{color: var(--white); border: none;}
.accordion_sec .accordion-button::after, .accordion-button:not(.collapsed)::after{font: normal normal normal 14px/1 FontAwesome; content: "\f067"; background-image: none;}
.accordion-button:not(.collapsed)::after{content: "\f068"; color: var(--white);}

/* Rules & Regulations */
.rules_info{margin: 2rem 0 0 0; display: inline-block;}
.rules_info ul{margin-top: 2rem;}
.rules_info ul li{margin-bottom: .5rem; position: relative; padding-left: 2rem; width: 50%; float: left; font-weight: 600;}
.rules_info ul li::before{font: normal 14px/1 FontAwesome; content: "\f101"; position: absolute; left: 0; top: .6rem; color: var(--black);}


/* feed_back_page */
.contact_box p{padding-top: 3rem;}
.student_feedback p{color: var(--black);}
.student_feedback p b{font-size: 1.7rem; text-transform: capitalize;}
.student_feedback{margin: 1rem 0 0;}
.tab_sec2 .nav{border: 0.1rem solid var(--brand); border-radius: var(--radious); width: 100%; display: inline-block;}
.tab_sec2 .nav button{color: var(--brand); padding: 1rem;}

.tab_sec2 .nav button{background: transparent; color: var(--brand); width: 100%; text-align: center;}
.tab_sec2 .nav-item{width: 25%; float: left; font-size: 2rem;}
.feedback_sec .accordion-item h2 button{font-size: 1.8rem;}
.feedback_sec .accordion-body {padding: 1.5rem; word-wrap: break-word;}
.feedback_box{margin-top: 5rem;}
.feedback_list li a{display: inline-block; padding: .2rem 0; color: var(--brand); word-break: break-word;}
.feedback_list li a:hover{color: var(--black);}
.tab_sec2 .nav-pills .nav-link.active, .tab_sec2 .nav-pills .show > .nav-link, .tab_sec2 .nav-pills .nav-link:hover {color: #fff; background: var(--brand);}
.tab_sec2 .nav-pills .nav-link{border-radius: 0;}
.feedback_list{padding-top: 1rem;}

/* event_page */
.event_txt{padding-top: 1rem;}
.event_txt h5 a{color: var(--black);}
.event_txt h5 a:hover{color: var(--brand);}
.event_img{position: relative;}
.date{position: absolute; right: 0; bottom: 0; background: rgba(30, 131, 240, 0.8); color: var(--white); display: inline-block; padding: 1.5rem; font-weight: 600; border-radius: .5rem 0 0 0;}
.event_img{border-radius: var(--radious); overflow: hidden; position: relative;}
.event_box{margin-top: 3rem;}
.event_sec .owl-nav.disabled{display: flex; align-items: center; justify-content: center; font-size: 0; margin-top: 5rem;}
.event_sec .owl-prev, .event_sec .owl-next{width: 4rem; height: 4rem; border: .1rem solid var(--brand); border-radius: var(--radious); text-align: center;}
.event_sec .owl-prev::before, .event_sec .owl-next::before{font: normal normal normal 2rem/4rem FontAwesome; color: var(--brand);}
.event_sec .owl-prev{margin-right: .5rem;}
.event_sec .owl-next::before{content: "\f061";}
.event_sec .owl-prev::before{content: "\f060";}

.pegination_sec ul li{display: inline-block; margin-top: 5rem;}
.page_number{color: var(--brand); padding: 3px; background: transparent; min-height: 4rem; min-width: 4rem; line-height: 3.2rem; font-size: 1.4rem; border-width: .1rem; border-style: solid; margin: 0 .3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; border-radius: var(--radious);}
.page_number:hover{background: var(--brand); color: var(--white); border-color: transparent;}
.pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}

/* event_details_page */
.event_dtls_sec ul li{display: inline-block; position: relative; font-weight: 500;}
.event_dtls_sec ul li i, .event_dtls_sec ul li span{color: var(--brand); font-weight: 600;}
.event_dtls_sec ul li::before{ content: "/"; padding: 0 .5rem;}
.event_dtls_sec ul li:first-child::before{display: none;}
.event_dtls_sec ul{padding: 1rem 0;}
.event_dtls_sec .owl-nav.disabled{display: none;}
.event_dtls_sec .event_img::before {position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: rgba(0, 0, 0, 0.75); z-index: 1;}
.event_img{position: relative;}
.event_dtls_sec .event_img:hover::before {opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg);}

/*library_page*/
.library_sec .row:nth-child(even){flex-direction: row-reverse;}
.library_sec .row{margin-top: 8rem;}
.library_sec .row:first-child{margin-top: 0;}
.library_img {border-radius: var(--radious); overflow: hidden;}
.libery_txt{padding-top: 3rem;}

/*e_resources_page*/
.open_resources{margin-top: 3rem; border: .1rem solid var(--black); border-radius: var(--radious); box-shadow: .1rem .1rem 1rem rgba(0, 0, 0, 0.2); padding: 2rem; min-height: 18rem;}
.open_resources p{padding-top: 1rem;}
.open_resources span{font-size: 2rem; color: var(--black); font-weight: 700;}

.publishing .row:nth-child(odd){flex-direction: row-reverse;}
.publishing .row{margin-top: 4rem;}
.publishing_box span{font-size: 2rem; color: var(--black); font-weight: 700;}
.publishing_box p{padding-top: 1rem;}
.publishing_box ul li b{display: inline-block; width: 100%; position: relative; padding-left: 2rem; font-size: 2rem;}
.publishing_box ul li b:before{position: absolute; left: 0; top: .6rem; width: 1rem; height: 1rem; background: var(--black); border-radius: 100%; content: "";}
.publishing_box ul li a{display: inline-block; width: 100%;}





















@media (min-width: 992px) and (max-width: 9000px){
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .3rem solid var(--brand); 
    background:#fff !important; width: 18.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: 1rem 0; box-shadow: inherit; top: 4rem; box-shadow: 0px 0px 30px rgb(127 137 161 / 25%); transition: ease all 0.3s;}

.nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }
.menu_sec .dropdown-menu li a{color: var(--black); padding: .5rem 2rem;}
.menu_sec .dropdown-menu li a:hover{color: var(--brand);}
.submenu{ left: 18rem !important; top: 0 !important; opacity: 0 !important; visibility: hidden !important;}
.sub_dropdown:hover .submenu{opacity: 1 !important; visibility: visible !important;}

}

/* responsive */
@media only screen and (max-width: 1200px){
    .menu_sec li a {margin-right: .5rem;}
}

@media only screen and (max-width: 1199px){
    .menu_sec li {font-size: 1.4rem; line-height: 2rem;}
    .menu_sec li a{padding: 0 .1rem .5rem 0;}
    .header_img {right: 35rem;}
    .footer_top .collum:nth-child(2) .ft_txt, .footer_top .collum:nth-child(3) .ft_txt {padding-left: 2rem;}
    
    /* contact_page */
    .map_sec iframe {height: 25.7rem;}

    /* school_subject_page */
    .sub_txt{min-height: 29rem;}

    /*feedback_page*/
    .tab_sec2 .nav button{padding: .9rem;}
    .tab_sec2 .nav button{margin-right: 0;}

    /* event_page */
    .date {padding: 1rem;}


}

@media only screen and (max-width: 991px){
    
    .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
    .header_sec .as_btn{right: 5rem; top: 1.8rem;}
    .header_img {display: none;}
    .heder_menu {background: transparent; padding: 0;}
    .heder_menu .navbar-collapse {position: fixed; top: 0; left: -30.10rem; background: var(--white);  z-index: 999999; width: 20.80rem; padding: 2.5rem 0rem; height: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; border-right: .2rem solid #f1f1f1;}
    .heder_menu .navbar-collapse.show {left: 0;}
    .header_infoInn{display: flex; align-items: center; justify-content: space-between;}
    .header_infoInn .navbar-brand img{width: 8rem;}
    .menu_sec li a {padding: 1rem 1.5rem; margin: 0; color: var(--black); width: 100%;}
    .menu_sec li a::before{display: none;}
    .menu_sec li a:hover, .menu_sec li.active a{color: var(--brand);}
    .menu_sec li:last-child a{margin-bottom: 0;}
    .header_sec.fixed .header_info{display: block;}
    .banner_txt strong {font-size: 2.5rem; line-height: 3rem; }
    .banner_box img {height: 30rem;}
    .header_infoInn{padding: 1rem 0 0 !important;}
    .header_sec.fixed .header_infoInn{padding: 1rem 0 !important;}
    .application_sec {padding: .5rem 0;}
    .mt {margin-top: 3rem;}
    .ptb {padding: 5rem 0;}
    .footer_top .collum:nth-child(2) .ft_txt, .footer_top .collum:nth-child(3) .ft_txt {padding-left: 0;}
    .contact_list {margin-top: 1.5rem;}
    .ft_txt strong {padding-bottom: 1.5rem; }
    .h1, .h2 {font-size: 3rem; line-height: 3.5rem;}
    .notice_sec.ptb{padding: 5rem 0 0;}
    .menu_sec .dropdown .dropdown-menu a{margin: 0; padding: .5rem;}
    .menu_sec .dropdown .dropdown-menu {padding: .5rem; margin: 0 1rem;}
    .menu_sec .dropdown-toggle::after{display: inline-block; position: absolute; right: 1.5rem; top: 1.4rem; font: normal 14px/1 FontAwesome; content: "\f107"; border: none;}
    .menu_sec .dropdown-toggle.sub_toggle::after{top: 0.8rem;}





    /* about_page */
    .inner_banner .banner_box img {height: 20rem;}
    .welcome_sec, .mv_lt{margin-bottom: 2rem;}
    .mv_sec .row {margin-bottom: 3rem;}
    .inner_header .header_infoInn {padding: 1rem 0 !important;}
    .inner_banner .banner_txt strong {font-size: 3rem; line-height: 3.5rem;}

    /* vice_chancellor_page */
    .tab_sec .nav button {margin-right: 1rem;}
    .te_info {padding: 2rem;}

    /* contact_page */
    .contact_box{padding: 3rem;}
    .icon_gol{margin: 0;}
    .icon_gol li{margin-top: 2rem;}
    .map_sec iframe{height: 22rem;}
    .contact_box{margin-bottom: 2rem;}

    /* school_subject_page */
    .sub_txt { min-height: 26rem;}
    .subject_sec.ptb{padding: 2rem 0 5rem;}
    h3 {font-size: 2.5rem; line-height: 3rem;}

    /* subjectdtails_page */
    .subjectdtls_sec .row{flex-direction: column-reverse;}
    .subdlts_lt {margin-top: 3rem;}

    /*feedback_page*/
    .tab_sec2 .nav button{margin-right: 4rem;}
    .student_feedback{margin: 1rem;}
    .student_feedback{margin: 1rem;}

    /* libray_page */
    .library_sec .row {margin-top: 2rem;}
    .library_img{margin-top: 2rem;}
    .libery_txt{padding-top: 2rem;}



}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .banner_box img {height: 25rem;}
    .banner_lt .carousel-indicators [data-bs-target] {width: 1rem; height: 1rem;}
    .banner_rt {padding: 0 1.5rem;}
    .notice_txt_rt, .vice_rt{margin-top: 2rem;}
    .notice_sec.ptb{padding: 4rem 0 0;}
    .ptb{padding: 4rem 0;}
    .video_box, .st_box{margin-bottom: 2rem;}
    .vedio_sec .collum:last-child .video_box, .student_sec .collum:last-child .st_box{margin-bottom: 0;}
    .st_box {padding: 2rem 3rem;}
    .about_sec .accordion-button:focus {border-color: transparent; box-shadow: none;}
    .about_sec .accordion-button:not(.collapsed) {color: var(--white); background: var(--brand);}
    .about_sec .accordion-button:not(.collapsed) h5{color: var(--white);}
    .about_sec .accordion-button::after, .about_sec .accordion-button:not(.collapsed)::after{background-image: none; font: normal 1.5rem/1 FontAwesome; content: "\f0fe";}
    .about_sec .accordion-button:not(.collapsed)::after{content: "\f146";}
    .about_sec .accordion-button h5{padding-right: 2rem; font-size: 1.7rem;}
    .ab_rt{margin-top: 2rem;}
    .counter_info strong {font-size: 3rem;}
    .counter_info span {padding-top: .8rem;}
    .counter_sec .collum:nth-child(3) .counter_box, .counter_sec .collum:nth-child(4) .counter_box{margin-top: 2rem;}

    /* about_page */
    .ab_info {margin-top: 2rem;}

    /* vice_chancellor_page */
    .tab_sec{margin: 2rem 0 0;}

    /* .gallery_page */
    .gallery_img {margin-top: 2rem;}
    
    /* contact_page */
    .contact_box h2 {padding-bottom: 3rem;}

    /* school_subject_page */
    .sub_txt { min-height: auto;}
    .subject_sec.ptb{padding: 1rem 0 4rem;}
    h3 {font-size: 2rem; line-height: 2.5rem;}

    /* Rules & Regulations */
    .rules_info ul li {width: 100%; float: none;}

    /*e_resources_page*/
    .open_resources {min-height: auto;}
    .open_resources {margin-top: 2rem;}
    .publishing_img{margin-top: 1rem;}
    .publishing .row {margin-top: 2rem;}

     
}


@media only screen and (max-width: 575px){
.header_top ul li span{display: none;}
.header_top ul li i {padding-right: 0;}   
.header_top .d-flex {justify-content: center;}
.header_top ul li{margin-right: .5rem;}
.top_lt {padding-right: 1rem;}
.header_top {padding: .5rem 0;}
.header_infoInn .navbar-brand img { width: 7rem;}
.header_sec .as_btn {top: 1.4rem; right: 4rem;}
.banner_box img {height: 18rem;}
.banner_txt strong {font-size: 1.8rem; line-height: 2.5rem;}
.mt {margin-top: 1.5rem;}
.addmision_info {padding: 1.5rem;}
.h1, .h2 {font-size: 2.4rem; line-height: 2.9rem;}
.footer_bottom .d-flex{flex-direction: column;}
.ft_txt strong {font-size: 2rem; padding-bottom: 1rem;}
.gallery_sec .owl-carousel.mt-5{margin-top: 2rem !important;}
.ft_lt{text-align: center; padding-bottom: .5rem; line-height: 2rem;}

/* about_page */
.ab_info, .pra_txt{margin-top: 1rem;}
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item::before {padding: 0 .5rem;}
.inner_banner .banner_txt strong {font-size: 2.8rem; line-height: 3.2rem;}

/* vice_chancellor_page */
.inner_banner .banner_box img {height: 15rem;}
.tab_sec .nav button {font-size: 1.4rem; padding: .8rem;}
.te_info {padding: 2rem 1rem;}
.message_teacher h4{font-size: 2rem;}

/* .gallery_page */
.gallery_img {margin-top: 1rem;}

/* contact_page */
.contact_box {padding: 2rem;}
.map_sec iframe {height: 15rem;}

/* school_subject_page */
.sub_txt h4{font-size: 1.7rem; line-height: 2rem;}
.join_sec .d-flex{flex-direction: column;}
.join_sec {padding: 2rem 0;}
.join_sec h3{margin-bottom: 1.5rem; font-size: 1.8rem; line-height: 2.2rem;}

/* subjectdtails_page */
.accordion_sec .accordion-button h5{font-size: 1.5rem;}
.rules_info {margin: 1rem 0 0 0;}
.rules_info ul li {padding-left: 1.5rem;}
.rules_info ul li::before{font-size: 1.3rem;}
.rules_info ul {margin-top: 1.5rem; }

/* event_page */
.event_box {margin-top: 2rem;}
.pegination_sec ul li {margin-top: 3rem;}
.event_sec .owl-nav.disabled {margin-top: 3rem;}
    
}

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