*{
    margin:0;
    padding:0;
    outline:0;
}

 @font-face {
    font-family: 'Frank Ruhl Libre Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Frank Ruhl Libre Regular'), url('../fonts/FrankRuhlLibre-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Frank Ruhl Libre Light';
    font-style: normal;
    font-weight: normal;
    src: local('Frank Ruhl Libre Light'), url('../fonts/FrankRuhlLibre-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Frank Ruhl Libre Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Frank Ruhl Libre Medium'), url('../fonts/FrankRuhlLibre-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Frank Ruhl Libre Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Frank Ruhl Libre Bold'), url('../fonts/FrankRuhlLibre-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Frank Ruhl Libre Black';
    font-style: normal;
    font-weight: normal;
    src: local('Frank Ruhl Libre Black'), url('../fonts/FrankRuhlLibre-Black.woff') format('woff');
    }


body{
    font-family: "Roboto", sans-serif;
    overflow-x: hidden;
}

.header{
   background-blend-mode: normal;
    background-color: rgb(33, 61, 101);
    background-image: linear-gradient(rgb(11, 30, 53) 0%, rgba(255, 255, 255, 0) 100%);
    padding:30px 40px 20px;
    box-sizing: border-box;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index: 9;
}
.header__inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo{
    width: 20%;
}
.logo img{
    max-width: 339px;
    width:100%;
}
.navigation{
    
}


.nav{
    width:88%;
    display: flex;
    justify-content: flex-end;
    align-items: center;}
.menu-main-menu-container  ul{
    display: flex;
        justify-content: flex-end;
}
.menu-main-menu-container  ul li{
    list-style: none;
    position: relative;
    margin:0;
}

.menu-main-menu-container  ul li a{
    list-style: none;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    padding:5px 15px;
    display: block;
    text-decoration: none;
     font-family: "Roboto", sans-serif;
     text-transform: uppercase;
}
.menu-main-menu-container  ul li.menu-item-has-children a{
    background: url(../images/dd.png) no-repeat center right 10px;
     padding:5px 25px 5px 15px;
}


.menu-main-menu-container  ul li:hover a{
    color: rgb(33, 61, 101);
    background: #fff;
    transition: all calc(var(300) * 1ms) cubic-bezier(.42, .01, .58, 1);
}

.menu-main-menu-container  ul li.menu-item-has-children:hover >  a{
    background: #fff url(../images/dd-act.png) no-repeat center right 10px;
}

.menu-main-menu-container  ul  ul{
    position: absolute;
    display: none;
    width:280px;
    background: #f1efe8 !important;
    transition: opacity calc(var(300) * 1ms) cubic-bezier(.42, .01, .58, 1);
}






.menu-main-menu-container  ul  li:hover  ul{
    display: block;
    background: #f1efe8;
}
.menu-main-menu-container  ul  li ul li{
    background: #f1efe8;
}

.menu-main-menu-container  ul  ul li{
    list-style: none;
}
.menu-main-menu-container  ul li.menu-item-has-children  ul  li  a{
    background: #f1efe8;
}
.menu-main-menu-container  ul  ul li a{
    list-style: none;
    color: rgb(33, 61, 101);
    font-size: 14px;
    line-height: 32px;
    padding:8px 10px;
    text-decoration: none;
     font-family: "Roboto", sans-serif;
     display: block;
     text-transform: uppercase;
}
.menu-main-menu-container   ul  ul  li.menu-item-has-children:hover  a{
    color: rgb(33, 61, 101);
    background: #fff;
}

.menu-main-menu-container ul li.menu-item-has-children ul li:hover a{
    background: #fff !important;
}

.menu-main-menu-container .sub-menu-toggle{
    display: none;
}
.menu-main-menu-container  ul  ul  li{
    position: relative;
}
.menu-main-menu-container  ul  ul li.menu-item-has-children ul{
  display:none;
  right: -100%;
      position: absolute;
      top:0;
}

.menu-main-menu-container  ul  ul  li.menu-item-has-children:hover  ul{
    display: block;
} 

.menu-main-menu-container  ul  ul ul li a{
   padding: 5px !important;
}


.menu-main-menu-container  ul  li ul li a small{
    display: block ;
    margin-top:-10px;
}




.enq__btn{
    margin-left:50px;
}
.enq__btn a{
    background-color: rgb(208, 18, 56);
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    padding:9px 20px;
    box-sizing: border-box;
    transition: all 0.7s;
}
.enq__btn a:hover{
    background-color: rgb(180, 138, 90); 
    color: #fff;
}


.wrapperinner{
    max-width: 1200px;
    width:100%;
    padding:0 15px;
    box-sizing: border-box;
    margin:0 auto;
}

.video__slider{
    width: 100%;
    height: 100vh;
    position: relative;
}
.video__slider video{
    position: absolute;
     width: 100%;
    height: 100vh;
    #object-fit: cover;
	object-fit: none;
}

.home__video--caption{
    position: absolute;
    width: 100%;
    bottom: 20px;
    z-index: 1;
    text-align: center;
}

.home__video--captionmain h1{
    font-size: 48px;
    line-height: 60px;
    color: #fff;
     font-family: "Roboto", sans-serif;
}
.home__video--captionmain p{
    font-size: 34px;
    line-height: 42px;
    color: #fff;
     font-family: "Roboto", sans-serif;
     padding:10px 0 0;
}

.home__new--ticker{
    background: rgb(17, 17, 17);
}
.home__new--ticker .ticker-wrapper-h{
	display: flex;	
	position: relative;
	overflow: hidden;
}
.home__new--ticker .news-ticker-h{
	display: flex;
	margin:0;
	padding: 0;
	padding-left: 90%;
	#z-index: 999;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: tic-h;
	animation-duration: 30s;
	
}
.home__new--ticker .news-ticker-h:hover { 
	animation-play-state: paused; 
}

.home__new--ticker .news-ticker-h li{
	display: flex;
	width: 100%;
	align-items: center;
	white-space: nowrap;
	padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.home__new--ticker .news-ticker-h li a{
	color: rgb(234, 234, 234);
	font-size: 16px;
    line-height: 24px;
    text-decoration: none;
}

@keyframes tic-h {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}


.home__section1{
    padding:50px 0;
    width: 100%;
    max-width: 1536px;
    margin:0 auto;
}

.home__section1-inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home__section1--left{
    width: 55%;
    padding:20px;
    box-sizing: border-box;
}
.home__section1--left h2{
    font-size: 40px;
    color: rgb(208, 18, 56);
    font-weight: 400;
    letter-spacing: 1px;
   font-family: 'Frank Ruhl Libre Light';
}

.home__section1--right{
 width: 45%;
   padding:45px 20px 0;
    box-sizing: border-box;
}
.line_divider{
    display: inline-block;
    background-color: #b1844e;
    height: 2px;
    width: 100px;
    margin:20px 0 40px
}

.home__section1--left p{
    font-size: 17px;
    margin-bottom: 20px;
    color: rgb(45, 45, 45);
    line-height: 32px;
}
.home__section1--left a{
   color: rgb(208, 18, 56);
   text-decoration: none;
}
.exp__btn{
    margin-top: 40px;
}
.exp__btn a{
    display: inline-block;
    background-color: rgb(208, 18, 56);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    padding:13px 29px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
}
.exp__btn a:hover{
    background: #9b122e;
}

.program__overview{
    background: rgb(250, 250, 250);
    padding:60px 50px;
}

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

.sectionheading{
       font-size: 40px;
    font-weight: 400;
    letter-spacing: 1px;
   font-family: 'Frank Ruhl Libre Light';
}

.program__overview .sectionheading{
    color: rgb(177, 132, 78);
}

.dividern{
    background-color: rgb(208, 18, 56);
    height: 2px;
    width: 100px;
    margin:20px auto 40px
}
 
.program__overviewinner{
    margin-top:40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.program__grid{
    width: 100%;
    margin:0 5px;
    overflow: hidden;
    position: relative;
       transition: opacity .35s, transform .35s;
}
.program__grid--image img{
    vertical-align: top;
    transition: opacity .35s, transform .35s;
    transform: translate3d(-40px, 0, 0);
    width: calc(100% + 50px) !important;
}
.program__grid--caption{
  position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    bottom: 0;
    left: 0;
    transition: opacity .35s, transform .35s;
    box-sizing: border-box;
}
.program__grid:hover .program__grid--image img{
    transform: translate3d(0, 0, 0);
}
.program__grid:hover .program__grid--caption{
   background: rgba(0,0,0,0);
      transition: opacity .35s, transform .35s;
}

.program__grid--caption h4{
    position: absolute;
    bottom:20%;
    padding:0 20px;
    box-sizing: border-box;
    font-size: 24px;
    color: #fff;
     font-family: "Inter", sans-serif;
}
.program__grid--caption p{
      position: absolute;
    bottom:15%;
       padding:0 20px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    transition-delay: 50ms;
    transition-duration: .35s;
    transition: opacity .2s, transform .35s;
        transform: translate3d(0, 100%, 0);
    opacity: 0;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
}
.program__grid--captioninner{
    height: 50px;
    overflow: hidden;
}

.program__grid:hover .program__grid--caption p{
    transform: translate3d(0, 0, 0);
    opacity: 1;
}


.kg__legacy{
background: #efe6da;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.kg__legacy--left{
    width: 35%;
    background: url(../images/impact-bg-1.jpg) no-repeat top left;
    background-size: cover;
    padding:50px;
    box-sizing: border-box;
}
.kg__legacy--right{
      width: 65%;
}
.kg__legacy--left h3{
    font-size: 32px;
    color:#fff;
    font-family: 'Frank Ruhl Libre Light';
    text-align: center;
    font-weight: 100;
}
.mcount{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mcount-grid{
    width: 40%;
    margin:30px 0;
 text-align: center;

}
.ccounter{
    text-align: center;
    font-size: 65px;
    color: #fff;
    display: flex;
    justify-content: center;
}
.cc__counter{
font-size: 14px;
line-height: 30px;
    color: #fff;
}

.kg__legacy--dec{
    font-size: 17px;
    color: #fff;
    text-align: center;
    margin-top:40px;
    line-height: 30px;
}

.leader__grid--outer{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
.leader__grid{
    width:calc(30% - 50px);
    margin:0 25px;
}

.leader__grid--image img{
    width: 100%;
    border-radius: 20px;
	height: 430px;
}
.leader__grid--inner{
    position: relative;
}
.leader__grid--caption{
    text-align: center;
    position: absolute;
    bottom: 10px;
    padding:10px;
    width: 100%;
    box-sizing: border-box;
}
.leader__grid--caption h4{
    color: rgb(201, 170, 133);
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
   line-height: 30px;
        font-family: 'Frank Ruhl Libre Light';
}
.leader__grid--caption p{
    font-size: 15px;
    color: #fff;
    margin: 8px 0 15px;
}
.leader__grid--caption .exp__btn{
    margin: 0;
}

.home_legacy--outer{
    padding:50px;
    box-sizing: border-box;
}

.home_legacy--heading{
    background: rgb(208, 18, 56);
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Frank Ruhl Libre Light';
    margin-bottom: 10px;
}
.home_legacy--grid--th{}
.home_legacy--grid--th img{
    width: 100%;
    vertical-align: top;
}
.home_legacy--grid--cap{
    color: rgb(208, 18, 56);
    font-size: 17px;
    font-weight: 400;
    margin:15px 0;
    text-align: center;
}

.home_legacy .owl-nav{
    margin:0;
}

.home_legacy .owl-nav{
    margin:0;
}

.home_legacy .owl-carousel .owl-nav button.owl-prev{
     position: absolute;
    left:-4px;
    top:50%;
}

.home_legacy .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right:-5px;
    top:50%;
}

.home_legacy .owl-theme .owl-nav [class*=owl-]{
      background-color: rgba(46, 46, 46, 0.7);
        color: #fff;
        width:30px;
        height:30px;
        display: block;
        border-radius: 0;
        font-size: 20px;
}
.home_legacy .owl-theme .owl-nav [class*=owl-]:hover{
    background-color:  rgb(208, 18, 56);
}


.home__joinus{
    background: url(../images/get-in-touch-bg.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
    padding:150px 0;
    text-align: center;
}


.home__joinus--container{
    max-width: 980px;
    width: 100%;
    margin:0 auto;
}
.home__join--heading{
     color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 72px;
    line-height: 100px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Frank Ruhl Libre Light';
    margin-bottom: 10px;
}

.home__joinus--dec{}
.home__joinus--dec p{
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 30px;
}
.home__joinus--dec p span{
    color: rgb(187, 148, 100);
}

.foreign__partners{
    padding:60px 0;
}
.foreign__partners--hd{
  font-size: 40px;
    color: rgb(208, 18, 56);
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Frank Ruhl Libre Light';
}
.foreign__partners--logos{}
.foreign__partners--logos ul{
    margin:0;
    padding:0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.foreign__partners--logos ul li{
    list-style: none;
    padding:25px;
    box-sizing: border-box;
}


.footer{
    background: rgb(10, 19, 31);
    padding:60px 0;
}

.footer__wrapper{
    max-width: 1100px;
    width:100%;
    margin:0 auto;
}
.footer__inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_grid{
    width: 30%;
}
.footergrid__title{
    font-size: 22px;
    color: #fff;
     font-family: 'Frank Ruhl Libre Light';
     margin-bottom: 30px;
}

.footer__social ul{
    display: flex;
    list-style: none;
}
.footer__social ul li{
    list-style: none;
    margin:0 5px;
}
.footer__social ul li a{
  width: 42px;
    height: 42px;
    line-height: 54px;
    box-sizing: border-box;
    text-align: center;
    background: rgb(201, 170, 133);
    display: block;
    border-radius: 50%;
    transition: all 0.7s;
}
.footer__social ul li:hover a{
    background: rgb(160, 119, 70);
}
.address__outer{}
.address__outer ul{
    margin: 0;
    padding:0;
}
.address__outer ul li{
    display: flex;
    list-style: none;
    margin-bottom: 10px;
}
.address__outer ul li .addricon{
    width: 43px;
    display: block;
}
.address__outer ul li .addrcontent{}
.address__outer ul li .addrcontent p{
    font-size: 17px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 29px;
}

.address__outer ul li .addrcontent p a{
    font-size: 17px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 29px;
    text-decoration: none;
    transition: all 0.7s;
}
.address__outer ul li .addrcontent p a:hover{
    color:rgb(201, 170, 133);
}

.gmap_iframe{
    width:100%;
}

.copyright{
    background: rgb(8, 8, 8);
    padding:40px 0;
}
.copyright p{
    margin: 0;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
}
.copyright p a{
    color: #fff;
    text-decoration: none;
}
.copyright p a:hover{
   color: rgb(201, 170, 133);
}
.inner-page-banner .jarallax {
/*  height: 68vh;*/  height: 90vh;
    background-repeat: no-repeat;
    background-image: linear-gradient(rgb(33, 61, 101) 0%, rgba(33, 61, 101, 0.6) 100%), url(../images/about-us-title.jpg);
    display: flex;
    align-items: center;
    justify-content: center;
    background-position:bottom 130px center !important;
    background-size:100% 100% !important;
}
.inner-page-banner .jarallax h1{
font-size: 65px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Frank Ruhl Libre Light';
    margin-bottom: -10%;
    text-align: center;
}


.innerpage{
    padding:70px 0;
}

.abwrapper{
    max-width: 1215px;
    width: 100%;
    margin: 0 auto;
    padding:0 15px;
    box-sizing: border-box;
}

.page__heading h2{
    color: rgb(45, 45, 45);
    font-size: 48px;
    line-height: 50px;
        font-family: 'Frank Ruhl Libre Light';
        font-weight: 100;
        margin:0;
}
.page__heading .heading__div{
    background: rgb(33, 61, 101);
    width: 100px;
    height: 2px;
    margin: 20px 0 30px;
}
.dflx{
    display: flex;
    gap: 16px;
}
.aboutsection1left img{

}

.aboutsection1right p{
    margin-bottom: 25px;
    font-size: 17px;
    line-height: 32px;
    color: rgb(45, 45, 45);
}

.aboutsection2 p{
      margin-bottom: 25px;
    font-size: 17px;
    line-height: 32px;
    color: rgb(45, 45, 45);
}
.rowreverse{
    flex-direction: row-reverse;
}

.aboutsection2{}
.aboutsection2 ul{
    margin:0;
    padding-left: 15px;
}
.aboutsection2 ul li{
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 32px;
    color: rgb(45, 45, 45);
}

.padding30{
    padding:30px 0;
}

.aboutsection1right{}
.aboutsection1right ul{
      margin:0 0 15px ;
    padding-left: 15px;
}
.aboutsection1right ul li{
    font-size: 17px;
    line-height: 32px;
    color: rgb(45, 45, 45);
}


.team__grid{
    margin:50px 0;
    background: rgb(243, 243, 243);
    padding:50px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    border-radius: 30px;
}
.team__grid:nth-child(odd){
    flex-direction: row-reverse;
}

.team__left{
    width: 30%;
}
.team__left--inner img{
    width: 100%;
    vertical-align: top;
    border-radius: 20px;
}
.team__left--inner h4{
    color: rgb(208, 18, 56);
    font-size: 36px;
    font-family: 'Frank Ruhl Libre Light';
    font-weight: 100;
    margin-top:20px;
    text-align: center;
}
.team__left--inner h6{
    color: rgb(45, 45, 45);
    font-size: 17px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}

.team__right{
    width: 67%;

}
.team__right p{
    color: rgb(45, 45, 45);
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 20px;
}

.team__left--inner h5{
    color: rgb(45, 45, 45);
    font-size: 28px;
    text-align: center;
    font-family: 'Frank Ruhl Libre Light';
    font-weight: 300;
    margin:10px 0;
}

.team__grid.displaynoreverse{
      flex-direction:row;
}

.cocircle{}
.cocircle ul{
    margin:50px 0 0;
    padding-left:15px;
    display: flex;
    justify-content: space-between;
}
.cocircle ul li{
    list-style: none;
    width:22%;
}
.cocircle ul li img{
    width: 100%;
    vertical-align: top;
}

.admission__process ul{
    padding-left: 30px;
    margin-bottom: 25px;
}
.admission__process ul li{
    margin: 0 0 5px;
}


.fee__table{
    background: rgb(242, 242, 242);
    padding:20px;
    box-sizing: border-box;
    border: 1px solid rgb(229, 229, 229);
}
.fee_table__hd{
    font-size: 21px;
    color: rgb(45, 45, 45);
    margin-bottom: 20px;
    font-weight: 700;
}
.fee__table{
    margin-bottom: 25px;
}
.fee__table .scrolltable th{
    font-size: 13px;
    color: #fff;
    padding:10px 10px;
    box-sizing: border-box;
    font-weight: 400;
}
.fee__table .scrolltable th strong{
    font-size: 15px;
    color:#fff;
}

.fee__table .scrolltable td{
    font-size: 17px;
       padding:10px 10px;
    color: rgb(45, 45, 45);
}

.ddlink{
    margin-top: 5px;
}
.ddlink a{
    color: rgb(208, 18, 56);
    text-decoration: none;
}

.tarea{
    background: rgb(242, 242, 242);
    padding:20px;
    box-sizing: border-box;
}
.tarea .theading td{ 
        background: rgb(27, 53, 87);
        color: #fff;
        font-size: 17px;
        padding:10px 15px;
        box-sizing: border-box;
        border: 1px solid rgb(37, 71, 118);
}
.tarea  td{
    background:#fff;
     font-size: 17px;
        padding:10px 15px;
        color: rgb(45, 45, 45);
 }

 .anclink a{
    color: rgb(208, 18, 56);
 }
  .anclink a:hover{
    color: #213d65;
  }
  .admissions-criteria{
    flex-direction: row-reverse;
  }





  .accordion {
  max-width: 1170px;
  margin: 40px auto 0;
}

.at-tab {
  display: none;
  padding: 15px;
  border-top: none;
}

.at-tab p{
    font-size: 17px;
      color: rgb(45, 45, 45);
      line-height: 30px;
}

.at-title {
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s ease;
  font-size: 20px;
  color: rgb(45, 45, 45);
}




.at-title:after {
  content: "+";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  transition: all 0.3s ease;
  font-size: 24px;
  line-height: 25px;
  background: rgb(45, 45, 45);
  width:25px;
  height:25px;
  color: #fff;
  text-align: center;
}


.at-title.active:after {
  content: "-";
  background: rgb(208, 18, 56);
  width:25px;
  height:25px;
  color: #fff;
}



.at-title:hover:after {
  content: "+";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  transition: all 0.3s ease;
  font-size: 22px;
  line-height: 25px;
  background: rgb(208, 18, 56);
  width:25px;
  height:25px;
  color: #fff;
  text-align: center;
}


.at-title.active:hover:after {
  content: "-";
  background: rgb(208, 18, 56);
  width:25px;
  height:25px;
  color: #fff;
}

.at-item {
padding:5px 0;
    border-bottom:1px solid  rgb(226, 231, 237);
}

.at-title h2 {
  font-size: 20px;
  font-weight: 400;
  padding: 10px 15px;
  letter-spacing: 1px;
  margin: 0;
}
.at-title:hover h2{
    color: rgb(208, 18, 56);;
}

.accordion-header {
  text-align: center;
  background-color: #222222;
  color: white;
  padding: 20px 0;
}



.innovative{}
.innovative .aboutsection1left{
    width: 35%;
}
.innovative .aboutsection1right{
    width: 65%;
    padding-left: 15px;
    box-sizing: border-box;
}
.innovative .aboutsection1left img{
    width: 100%;
}
.innovative .aboutsection2{
    padding-top: 10px;
}
.paddingtop40{
    padding-top:40px;
}

.innovative h4{
    color: rgb(45, 45, 45);
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 20px;
        font-family: 'Frank Ruhl Libre Light';
        font-weight: 100;
}

.innovation2{
    margin-top:40px;
}
.innvo__pdf{
    margin-top: 20px;
}
.innvo__pdf img{
    max-width: 500px;
    width: 100%;
}
.aboutsection2 ul.lessmargin li{
    margin-bottom: 2px;
}


.wrapper{
     max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    font-family: inherit;
    font-weight: 600;
    word-wrap: break-word;
      font-family: 'Frank Ruhl Libre Light';
      font-weight: 100;
}
 
.month__header{
    padding: 5px 132px 0px 80px;
    box-sizing: border-box;
    background: #4c3756;
    border-bottom: 5px solid #fff;
    margin-top: 13px;
      font-family: 'Frank Ruhl Libre Light';
      font-weight: 100;
}
.month__header--inner{
    display: flex;
    justify-content: space-between;
      font-family: 'Frank Ruhl Libre Light';
      font-weight: 100;
}

.month__header--right{}
.month__header--right ul{
    margin:0;
    padding:0;
    font-size: 16px;
}
.month__header--right ul li{
    display: flex;
    margin: 0 0 10px;
    align-items: center;
}
.month__header--right ul li span.indicator1{
    display: inline-block;
    width:30px;
    height:30px;
    background: #679ca9;
    border-radius: 2px;
}

.month__header--right ul li span.indicator2{
    display: inline-block;
    width: 30px;
    height: 15px;
    background: #af9463;
    border-radius: 30px;
    vertical-align: middle;
}
.page-template-student-calendar-26-27 h3{
    color: #fffbff !important;
    font-size: 55px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 128px;
}
.page-template-student-calendar  h3{
    color: #fffbff !important;
    font-size: 55px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 128px;
}
.month__header--right ul li span{
    color: #fffbff;
}
.month__header--right ul li span.ind__text{
    padding-left:10px;
    display: inline-block;
}

.calyear{
    width: 80%;
    text-align: right;
    font-size: 2.5rem;
    color: #eae3ec;
}


.caln{
    display: flex;
    flex-wrap: wrap;
}
.month__grid{
    width:96%;
    margin:20px 2%;
}
.month__body table{
    width:100%;
    border-collapse: collapse;
    text-align: center;
    border-top:30px solid #b09465;
}

.month__body table th{
    border:1px solid #ece9e9;
    text-align: center;
    padding:5px 0;
    background: #f7f7f7;
    width:100px;
    font-size: medium;
    color: #9c9da0;
    opacity: 0.5;
}

.month__body table td{
   border:1px solid #ece9e9;
   min-height: 60px; 
   vertical-align: top;
   color: #fdfdfd;
   font-size: 36px;
}
.month__body table td .daten{
    min-height: 70px;
     color: #413d3d;
     font-weight: 500;

}
.month__body table td.noclass{
    background: #689ca9;
     color: #b7b8ba;
}

.month__body table td .specialtag{
    background: #b09465;
    padding: 1px;
    box-sizing: border-box;
    width: 95%;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 12px;
}
.month__body table td .stafdev{
    padding: 1px;
    box-sizing: border-box;
    width: 95%;
    font-size: 12px;
    color: rgb(18, 17, 17);
    
}
.month__body table td .nosession{
   padding: 1px;
    box-sizing: border-box;
    width: 95%;
    font-size: 12px;
    background: #689ca9;
    color: rgb(18, 17, 17);
    font-family: inherit;
   
}
.cal_year{
        font-size: 3rem;
        background-color: #4c3756;
        color: white;
        border: none;
}


/* find and replace*/
.month__body table th{
    border:1px solid #ece9e9;
    text-align: center;
    padding:5px 0;
    background: #f7f7f7;
    width:14%;
}




/* Add css*/

table.my__cal{
    table-layout: fixed;
}

table.my__cal th{
    display: table-cell;
}

table.my__cal td{
    display: table-cell;
}


.galleryinner{
    justify-content: left;
}

.galleryinner .program__grid--image img{
    object-position:50% 50%;
    aspect-ratio:1;
    object-fit: cover;
    height:321px;
}
.galleryinner .program__grid--caption{
    background: rgb(33, 61, 101, 0.5);
}
.galleryinner .program__grid--caption p{
    opacity: 1;
    bottom:25%;
}
.galleryinner .program__grid {
    width: calc(25% - 30px);
    margin: 0 10px 20px;
    border:5px solid rgb(235, 235, 235);
    cursor: pointer;
}

.blob__grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin:30px 0;
    padding:30px 0;
    border-bottom: 1px solid #ccc;
}

.blog_th--list{
    width: 25%;
}
.blog_th--list img{
    width: 100% !important;;
    height: auto !important;
}

.blog_dec--list{
    width: 75%;
    padding-left: 30px;
    box-sizing: border-box;
}
.blog_dec--list h2{}
.blog_dec--list h2 a{
    font-size: 36px;
    color: rgb(208, 18, 56);
    text-decoration: none;
        font-family: 'Frank Ruhl Libre Light';
        font-weight: 100;
}
.blog_dec--list h2 a:hover{
        color: rgb(45, 45, 45);
}
.blog_dec--list p{
    font-size: 17px;
    color: rgb(45, 45, 45);
    line-height: 32px;
}
.blog_dec--list p a{
    font-size: 17px;
    color: rgb(208, 18, 56);
    line-height: 32px;
}
.blog_dec--list p a:hover{
       color: rgb(45, 45, 45);
}


.blog_dec--listmain{
    margin-top:10px;
}

.blog_section2{
    margin-top:40px;
}
.sec_hd_inner{
     font-size: 32px;
    color: rgb(208, 18, 56);
    text-decoration: none;
        font-family: 'Frank Ruhl Libre Light';
        font-weight: 100;
        margin-bottom: 30px;
}

.blog_details_main p{
      font-size: 17px;
    color: rgb(45, 45, 45);
    line-height: 32px;
    margin-bottom: 25px;
}

.blog_details_main h3.wp-block-heading{
      font-size: 32px;
       color: rgb(45, 45, 45) !important;
    text-decoration: none;
        font-family: 'Frank Ruhl Libre Light';
        font-weight: 100;
        margin-bottom: 20px;
        padding-left: 0;
}

.blog_details_main p a{
        color: rgb(208, 18, 56);
        text-decoration: none;
}

.blog_details_main{
    margin-bottom: 100px;
}

.joinus__form{
    background: #e2e7ed;
    padding:12px 20px;
    box-sizing: border-box;
    max-width: 800px;
    width:100%;
    margin:0 auto;
}

.joinus__form_meritto{
        background: #e2e7ed;
    padding: 5px 40px;
    box-sizing: border-box;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.fouter{
    margin-top:30px;
}
.fouter p{
    color: rgb(33, 61, 101);
    font-size: 17px;
    margin-bottom: 5px;
}
.fouter input{
    border: 1px solid rgb(45, 45, 45);
    background: #fff;
    padding:0 10px;
    box-sizing: border-box;
    font-size: 16px;
     color: rgb(45, 45, 45) !important;
     width:100%;
     height: 40px;
     line-height: 40px;
}


.header-margin-top.sjb-job-info{margin-top:50px !important;}

.single-jobpost .post-navigation{display:none !important;}

.fouter select{
    border: 1px solid rgb(45, 45, 45);
    background: #fff;
    padding:0 10px;
    box-sizing: border-box;
    font-size: 16px;
     color: rgb(45, 45, 45) !important;
     width:100%;
     height: 40px;
     line-height: 40px;
}


.fouter textarea{
    border: 1px solid rgb(45, 45, 45);
    background: #fff;
    padding:0 10px;
    box-sizing: border-box;
    font-size: 16px;
     color: rgb(45, 45, 45) !important;
     width:100%;
     height: 100px;
     line-height: 30px;
}

.submit__form input{
        background-color: rgb(208, 18, 56);
    color: #fff;
    letter-spacing: 1px;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    padding: 9px 20px;
    box-sizing: border-box;
    transition: all 0.7s;
    box-shadow: none;
    border: none;
    margin-top:20px;
}

.submit__form input:hover{
    background-color: rgb(208, 18, 56);
}

.virtualtour{
    position: absolute;
    top:30%;
    left: 0;
    z-index: 8;
}

.facilities .at-title.active:after {
    content: "\f106";
    background: rgb(208, 18, 56);
    width: 25px;
        font: normal normal normal 14px / 1 FontAwesome;
    height: 25px;
    color: #fff;
    font-size: 24px;
    line-height: 25px;
}

.facilities .at-title:after {
    content: "\f107";
    position: absolute;
    font: normal normal normal 14px / 1 FontAwesome;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    transition: all 0.3s ease;
    font-size: 24px;
    line-height: 25px;
    background: rgb(45, 45, 45);
    width: 25px;
    height: 25px;
    color: #fff;
    text-align: center;
}

.imagesfac img{
    max-width: 100%;
}

.facilities .at-title h2{
    font-family: 'Frank Ruhl Libre Light';
    color: rgb(33, 61, 101); 
      padding-left: 0;
    padding-right: 0;
}
.facilities .at-title h2 a{
     color: rgb(33, 61, 101);
     font-size: 22px;
}
.facilities .at-tab p{
    margin:0 0 15px;
}
.facilities .at-title{

}
.facilities .at-tab{
    padding-left: 0;
    padding-right: 0;
}
.facilities .at-tab p{
    color: rgb(45, 45, 45);
}

.at-tab ul{
    padding-left: 15px;
    margin:0;
}
.at-tab ul li{
    font-size: 17px;
    color: rgb(45, 45, 45);
    line-height: 30px;
}

.aboutsection2 p a{
    color: rgb(208, 18, 56);
    text-decoration: none;
}
.aboutsection2 p a:hover{
      color: rgb(45, 45, 45);
}

.mobile__menu{
    display: none;
}


 .sjb-page .sjb-filters.sjb-filters-v2 .btn-search{
    background-color: #d01238;
    border:1px solid  #d01238;
    color:#fff;
}
.custom__job--list .job-info h4 a{
    color: #3b3a3c;
    font-size:30px;
}
 .job-info h4 a:hover{
    color: #d01238;
}
.job-type, .job-location, .job-date{
        color: #d01238;
}
.sjb-page .list-data .v2 .job-type i, .sjb-page .list-data .v2 .job-location i, .sjb-page .list-data .v2 .job-date i{
    margin-top:0;
}

.sjb-page .list-data .v2 .sjb-apply-now-btn a{
        background-color: #d01238 !important;
    border: none !important;
    color: #fff !important;
}

.sjb-page .job-description-list p {
    color: #666;
    font-size: 16px;
    margin: 0 0 10px;
    word-wrap: break-word;
}

.sjb-without-logo .job-info h4 a span.job-title{
	    font-size: 30px;
		font-family: 'Frank Ruhl Libre r';
		font-weight: lighter;
        /* font-family: 'Frank Ruhl Libre Light'; */
}
.sjb-page .list-data .v2 .job-info h4{
    margin-bottom:40px;
}
.sjb-page .list-data .sjb-company-wrapper-details-list .sjb-company-details {
    margin-top: 40px !important;
}

.sjb_more_content{
    margin-top:30px;
}
.sjb-page .job-description-list p {
    color: #666;
    font-size: 16px;
    margin: 0 0 10px;
    word-wrap: break-word;
    line-height:30px;
}
.post-content p {
    margin-top: 0;
    margin-bottom: 20px;
    color:rgb(45, 45, 45);
}
.sjb-page p strong{
    margin-bottom:20px;
}
.sjb-page p {
    font-size:16px;
    line-height:32px;
    margin: 0 0 10px;
      color:rgb(45, 45, 45);
}
.sjb-page ul{
    padding-left:30px;
}
.sjb-page ul li {
    font-size:16px;
    line-height:32px;
    margin: 0 0 5px;
      color:rgb(45, 45, 45);
}

.sjb-page p a{
   color: #d01238; 
}

.single-jobpost .sjb-detail{
    max-width:980px;
    width:100%;
    margin: 0 auto !important;
}

.sjb-page .sjb-detail .list-data .v1 ul li::before, .sjb-page .sjb-detail .list-data .v2 ul li::before{
    color:#d01238;
}
.sjb-page .sjb-detail .list-data .v2 .jobpost-form .app-submit{
       background-color: #d01238 !important;
    border: none !important;
    color: #fff !important;
}
.file div{
       background-color: #d01238 !important;
    border: none !important;
    color: #fff !important;
}



#buildingTable_paginate ul{margin:10px 0; padding:0; display:flex; justify-content:flex-end;}
#buildingTable_paginate ul li{ list-style:none; padding:5px 10px; box-sing:border-box; background:#000; color:#fff; margin:0 0 0 15px; }
#buildingTable_paginate ul li a{display:block; text-decoration:none; color:#fff; font-size:14px; line-height:20px;}
#buildingTable_wrapper .row:first-child{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
#buildingTable_paginate th{color:#fff;}
#buildingTable_filter input{margin-left:10px; }
#buildingTable_wrapper td{}
.airtable__heading{
font-size: 40px;
    color: rgb(208, 18, 56);
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Frank Ruhl Libre Light';
}
.airtable__details{
font-size: 17px;
    margin-bottom: 20px;
    color: rgb(45, 45, 45);
    line-height: 32px;
}


#buildingTable_wrapper table td{
	background:rgb(242, 242, 242);
}
#buildingTable_wrapper table td .aqi-badge{
		padding-left:35px;
	box-sizing:border-box;
	background-size:24px !important;
}
#buildingTable_wrapper table td .aqi-badge.aqi-good{
	background:url(https://kingscollege-uk-ncr.com/wp-content/uploads/2025/11/goodair.png) no-repeat center left;
}

#buildingTable_wrapper table td .aqi-badge.aqi-danger{
	background: url(https://kingscollege-uk-ncr.com/wp-content/uploads/2025/11/dangerair.png) no-repeat center left;
}
#buildingTable_wrapper table td .aqi-badge.aqi-modurate{
	background: url(https://kingscollege-uk-ncr.com/wp-content/uploads/2025/11/modurated.png) no-repeat center left;
}
#buildingTable_wrapper table td .aqi-badge.aqi-sensative{
	background:url(https://kingscollege-uk-ncr.com/wp-content/uploads/2025/11/sensativeair.png) no-repeat center left;
}
.air__tabbing{}
.air__tabbing ul{display:flex; padding-left: 0;
    padding-bottom: 10px;}
.air__tabbing ul li{list-style:none;     padding: 0 15px 0 15px;
    margin: 0 5px 0 0; cursor:pointer; border:1px solid #eee;}
.air__tabbing ul li.active{list-style:none; border:1px solid #1b3557; color:#fff; background-color: #1b3557;}
.air__tabbing ul li:hover{list-style:none; border:1px solid #1b3557;}
.chart__rep--haeding{ margin-bottom: 25px;
    font-size: 17px;
    line-height: 32px; color:#c51135;}

.chart__rep{
	margin-top:20px;
}

#chart__view .row{display:flex; justify-content:space-between;     flex-wrap: wrap;}
#chart__view .col-md-6{ width:48%;}

.video-container {
    overflow: hidden; /* Hides the overflowing 10px */
    position: relative;
  }
  
  .video-container video {
    top: -10px; /* Pulls video up */
    left: 0;
    width: 100%;
	margin-top: 18%;
  }
  .video__slider vpostion{
		display:block;
	}
.mobileview{
	display: none;
}


@media screen and (max-width:1600px){
 .leader__grid--caption h4 {
    font-size: 22px;
    }
}

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

.header {
    padding: 40px 40px 30px;
}
.virtualtour img{width:40px;}


.program__overview{
    padding: 60px 25px;
}
    .leader__grid--caption h4 {
        font-family: 'Frank Ruhl Libre Light';
    font-size: 19px;
    }
    .menu-main-menu-container ul li a{
        font-size: 13px;
    }
    .navigation {
    width: 75%;
    }
    .menu-main-menu-container ul li.menu-item-has-children a {
            background: url(../images/dd.png) no-repeat center right 10px;
            padding: 5px 23px 5px 6px;
        }
        .program__grid--caption p{
            font-size: 12px;
        }
        .footer__wrapper{
            padding-left:15px;
            padding-right:15px;
            box-sizing: border-box;
        }
    .kg__legacy--left {
        width: 31%;
    }
    .kg__legacy--right {
        width: 69%;
    }
    .leader__grid--caption h4 {
    font-size: 22px;
    font-family: 'Frank Ruhl Libre Light';
    }
    .leader__grid .exp__btn a {
        padding: 7px 15px;
          font-size: 12px;
    }
   .leader__grid {
        width: calc(30% - 2px);
        margin: 0 7px;
    }
    .ccounter {
            text-align: center;
            font-size: 51px;
    }
        .enq__btn {
        margin-left: 20px;
    }
    .inner-page-banner .jarallax {
         height: 82vh;
    }

}

@media screen and (max-width: 1350px) {
   
    .cc__counter {
        font-size: 14px;
        line-height: 16px;
        color: #fff;
    }
    .menu-main-menu-container  ul li a{
     font-size: 13px;
    }

     .inner-page-banner .jarallax {
         height: 92vh;
    }


}




 

@media screen and (max-width: 1200px) {
     .kg__legacy--left {
        width: 100%;
    }
    .kg__legacy--right {
        width: 100%;
        padding-top:30px;
    }
    .mobile__menu{
        display: block;
    }

       .navigation{
        position: fixed;
        display: block;
        top: 70px;
        right:-400px;
        width:280px;
               background-color: rgb(30 57 94);
        height: 100%;
        transition: all 0.7s;
    }
    .navigation.active{
         right:0;
    }
    .menu-main-menu-container ul ul {
    position: relative;
    width:100%;
    }
    .menu-main-menu-container ul li a {
        padding: 5px 23px 5px 20px;
    }
    .menu-main-menu-container ul li.menu-item-has-children a {
        background: url(../images/dd.png) no-repeat center right 10px;
       padding: 5px 23px 5px 20px;
    }
    .enq__btn {
        margin-left: 0;
        text-align: center;
    }

     .menu-main-menu-container ul{
        width: 100%;
        flex-wrap: wrap;
     }
    .menu-main-menu-container ul li {
        list-style: none;
        position: relative;
        margin: 0;
        width: 100%;
    }
    .mobile__menu img{
        width:30px;
        margin-right: 20px;
        cursor: pointer;
    }
    
    
    
.menu-main-menu-container .sub-menu-toggle{
  display: block;
        background: none;
        border: none;
        box-shadow: none;
        position: absolute;
        right: 0;
        top: 0;
        color: #ffff;
        z-index: 9;
        cursor: pointer;
        width:100%;
        padding:14px 20px;
        text-align: right;
}

.sub-menu-toggle.active .icon-plus{
    display: none;
}

.sub-menu-toggle .icon-plus{
    display: block;
}


.sub-menu-toggle.active .icon-minus{
    display: block;
}

.sub-menu-toggle .icon-minus{
    display: none;
}


.menu-main-menu-container ul li:hover .sub-menu-toggle{
    color: rgb(30 57 94);
}
.menu-main-menu-container ul li.menu-item-has-children a{
    background: none;
}
.menu-main-menu-container ul li.menu-item-has-children:hover > a {
    background: #fff;
}
.menu-main-menu-container ul ul li.menu-item-has-children ul{
    position: relative;
    right:0;
    box-sizing: border-box;
    display: none;
}

.menu-main-menu-container ul ul ul li a {
    padding: 5px  20px !important;
}



.menu-main-menu-container .sub-menu-toggle{
  
}

.menu-main-menu-container ul li:hover ul {
    display: none;
    background: #f1efe8;
}

.menu-main-menu-container ul li ul li:hover ul {
    display: none;
    background: #f1efe8;
}





}


@media screen and (max-width:990px){
	.virtualtour{
		top:19%;
	}
	.v-aqi {
		top: 26% !important;
		font-size: 11px;
	}
	.v-aqi img{
		width: 30px !important;
	}
    .daten{
        font-size:14px;
    }
    .specialtag{
        font-size: 12px;
    }
    .month__body table th{
        font-size:14px;
    }
    .month__header--left h2{
        font-size: 20px;
    }
    .ind__text{
        font-size: 12px;
    }
    .calyear{
        font-size: 18px;
    }
    .home__video--captionmain h1 {
        font-size: 38px;
        line-height: 45px;
    }
    .home__video--captionmain p {
        font-size: 25px;
        line-height: 38px;
    }
    .program__grid--caption p{
        font-size: 12px;
    }
    .kg__legacy--left h3 {
        font-size: 22px;
    }
    .ccounter {
        text-align: center;
        font-size: 45px;
    }
    .mcount-grid {
        width: 47%;
        margin: 30px 0;
        text-align: center;
    }

    .virtualtour img{
        width:30px;
		height: 90px;
    }


    .dflx {
        flex-wrap: wrap;
    }
    .aboutsection1left{
        width:100%;
    }
    .aboutsection1right{
        width:100%;
    }

    .aboutuspage img{
        max-width: 100%;
        vertical-align: top;
    }
    .innovative .aboutsection1right {
        width: 59%;
        padding-left: 15px;
        box-sizing: border-box;
    }
    .program__overviewinner{
        flex-wrap: wrap;
    }
    .galleryinner .program__grid {
         width: calc(33% - 30px);
         margin-bottom: 20px;
    }
     .galleryinner .program__grid--image img {
        vertical-align: top;
        transition: opacity .35s, transform .35s;
        transform: translate3d(0, 0, 0);
    }
     .program__grid {
    width: 100%;
    margin: 0 5px 20px;
    }
        .leader__grid {
        width: calc(44% - 19px);
        margin: 0 18px 20px;
    }



}

@media screen and (max-width:880px){
	.virtualtour{
		top:19%;
	}
	.v-aqi {
		top: 26% !important;
		font-size: 11px;
	}
	.v-aqi img{
		width: 30px !important;
	}
 .daten{
        font-size:13px;
    }
    .specialtag{
        font-size: 11px;
    }
    .month__body table th{
        font-size:13px;
    }
    .month__header--left h2{
        font-size: 18px;
    }
    .ind__text{
        font-size: 11px;
    }
    .calyear{
        font-size: 16px;
    }
    .team__grid{
        flex-wrap: wrap;
    }

    .scrolltable, .tarea{
        overflow-x:scroll;
    }
    .footer_grid {
        width: 50%;
    }
     .footer_grid:last-child {
        width: 100%;
    }


  
}
 
@media screen and (max-width:767px){
	.virtualtour{
		top:19%;
	}
	.v-aqi {
		top: 26% !important;
		font-size: 11px;
	}
	.v-aqi img{
		width: 30px !important;
	}
	.inner-page-banner{
		width: 375px;
	}
	
	.inner-page-banner > div > div > div {		height: 265px !important;	}	.innerpage {		padding: 28px 0;	}	
    .home__section1--left {
    width: 100%;
    }
	#chart__view .col-md-6{ width:100%;}
    .home__section1--right {
    width: 45%;
    padding:30px 0 0;
    }
   
      .team__left{
        width:100%;
    }
    .team__right{
        width: 100%;
        margin-top:20px;
    }
    .month__grid {
        width: 100%;
        margin: 20px 1%;
    }
    .month__grid {
        margin: 20px 1% 0;
    }
    .month__body table td .nosession {
        font-size: smaller;
    }
    .month__body table td .specialtag {

    }
    .month__body table td .stafdev{
        font-size: smaller;
    }
	.inner-page-banner .jarallax h1 {
		margin-bottom: -18px;
	}
    .inner-page-banner .jarallax {
         /*height: 44vh; */		 height: 35vh; 
    }	.inner-page-banner .jarallax > div > div > div {         height: 320px;    }
    .inner-page-banner .jarallax h1 {
      font-size: 42px;
	  margin-top: 48px;
    }
	.page-template-student-calendar-26-27 h3 {
		 padding-left: 1px; 
		 font-size: 39px;
	}
    .page__heading h2 {
      font-size: 35px;
    }
    .page__heading .heading__div {
        margin: 5px 0 30px;
    }
    .at-title h2 {
        font-size: 17px;
        padding: 10px 45px 10px 15px;
    }

    .blog_dec--list h2 a {
     font-size: 26px;
    }
    .innovative .aboutsection1left {
        width: 100%;
    }
    .innovative .aboutsection1right {
            width: 100%;
            padding-left: 0;
            box-sizing: border-box;
    }

        .cocircle ul{
            flex-wrap: wrap;
            padding-left: 0;
        }
        .cocircle ul li {
            list-style: none;
            width: 48%;
        }
    .galleryinner .program__grid {
         width: calc(50% - 30px);
         margin-bottom: 20px;
    }

    .header {
        padding: 20px 20px 20px;
    }

    .home__section1--right {
        width: 100%;
        padding: 30px 10px 0;
    }
     .home__section1--right img{
        width: 100%;
     }
     .program__overview {
        background: rgb(250, 250, 250);
        padding: 50px 15px;
    }
    .home__video--captionmain h1 {
        font-size: 28px;
        line-height: 32px;
    }
        .home__video--captionmain p {
        font-size: 18px;
        line-height: 31px;
    }


}

.mobileview{
	display:none;
}
@media screen and (max-width:630px){
	.virtualtour{
		top:20%;
	}
	.home__new--ticker {
			margin-top:-23px;
	}
	.video__slider vpostion{
		display:none;
	}
	.mobileview{
		display:block;
	}
	.video__slider video{
	    height: 44vh;
		margin-top: 25%;
	}
	.video__slider {
		height: 55vh;
		display:none;
	}
	.virtualtour img {
        margin-top: -38px;
    }
	.v-aqi {
		top: 28.5% !important;
		font-size: 11px;
	}
	.v-aqi img{
		width: 30px !important;
	}
	.form-heading-bar {
		margin: 0rem;
	}
	.form-heading h3 {
		margin: 0.5rem;
	}
	.modal-panel-visual {
		display:none;
	}
    .footer_grid {
        width: 100%;
        margin-bottom: 30px;
    }
    .blog_th--list {
        width: 100%;
    }
    .blog_dec--list {
        width: 100%;
        padding-left: 0;
        box-sizing: border-box;
        margin-top:10px;
    }
    .blog_dec--list h2 a {
        font-size: 22px;
    }
       .enq__btn a {
        font-size: 10px;
        padding: 5px 2px;
        max-width: 98px;
        margin-left: auto;
        margin-right: 0;
    }
	.enq__btn a.sklaro {
		font-size: 14px;
        padding: 8px 0px;
        max-width: 98%;
        margin-left: auto;
        margin-right: 0;
        text-transform: none;
        text-align: center;
        margin-top: 24px;
        background: rgb(201, 170, 133);
    }
	.enq__btn a.managebc {
		font-size: 14px;
        padding: 8px 0px;
        max-width: 98%;
        margin-left: auto;
        margin-right: 0;
        text-transform: none;
        text-align: center;
        margin-top: 24px;
        background: rgb(201, 170, 133);
    }
    .logo {
        width: 48%;
    }

      .header {
        padding: 20px 10px 20px;
    }
    .nav{
        flex-wrap: wrap;
    }
    .mobile__menu{
        width: 100%;
        text-align: right;
    }
    .enq__btn {
        width:100%;
        margin-left: 0;
        text-align: center;
    }
    .navigation{
        top:94px;
    }

    .logo {
        width: 71%;
    }
        .mobile__menu img {
        width: 30px;
        margin-right: 0;
        cursor: pointer;
    }


 .program__grid {
    width: calc(100%);
    margin: 0 0 20px;
    }

         .leader__grid {
        width:100%;
        margin: 0 0 20px;
        padding:0 15px;
        box-sizing: border-box;
    }
    .home_legacy--outer {
    padding: 50px 15px;
    box-sizing: border-box;
}
.home__join--heading{
    font-size: 54px;    
}
.home__joinus--dec p {
    font-size: 18px;
}
.home__joinus--container {
    padding: 0 15px;
    box-sizing: border-box;
}




}


@media screen and (max-width:500px){
	.home__new--ticker {
			margin-top:-25px;
	}
	.video__slider vpostion{
		display:none;
	}
	.mobileview{
		display:block;
	}
    .month__grid {
        margin: 1px -4px 0;
        min-width: 366px;
        overflow-x: scroll;
        word-wrap: initial;
    }
    .month__header--right ul li span.indicator1{
        width:20px;
        height:20px;
        font-size: 15px;
    }
     .month__header--right ul li span.indicator2{
        width:20px;
    }
    .month__header {
      padding: 2px 15px;
    }
    .month__body table th {
        font-size: xx-small;
        background-color: #EEEBDF;
        color: #151414;
        font-family: inherit;
        font-weight: 600;
    }
    .specialtag {
        font-size: 9px;
    }
    .calyear {
        font-size: 14px;
    }
        .month__header--left h2 {
        font-size: 16px;
    }
    .ind__text {
        font-size: 9px;
    }
    .month__header--right ul li {
        margin: 0 0 5px;
    }

     .month__body table td .nosession {
        font-size: xx-small;
    }
    .month__body table td .specialtag {
        font-size: xx-small;
    }
    .month__body table td .stafdev{
        font-size: xx-small;
    }
    table.my__cal td {
        /* min-width: 120px; */
    }
     .galleryinner .program__grid {
         width: 100%;
         margin-bottom: 20px;
    }
}
.f12c {
	    background-color: #fff;
    border: 1px solid black;
    border-radius: 0px;
}

input[name=f12_captcha] {
	background-color: #fff;
    border: 1px solid black;
    border-radius: 0px;
}