@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');

:root {
		--c_blue: #000033;
		--c_light_blue: #76a8d3;
		--c_gray:#b2b2b2;
		--c_white: #fff;
		--c_yellow: #ffc30f;
		--c_dark_y: #cd9c08;
		--c_green: #18cfab;
		--c_light:#777;
		--c_gray1: #799dbc;
}

body { background:#fff;}
.bg_gray {background: var(--c_gray1);}
.bg_light_gray {background: var(--c_gray);}
.bg_blue {background: var(--c_blue);}
.bg_l_blue {background: var(--c_light_blue);}
.bg_white { background: var(--c_white);}
.bg_green {background: var(--c_green);}
.bg_yellow {background: var(--c_yellow);}
.bg_star { background:url(../images/bg_star.jpg) no-repeat;background-size: cover;}

.bg_hex { background:url(../images/bg_hex.jpg) no-repeat;background-size: cover;}
.bg_empowering { background:url(../images/bg_empowerment.jpg) repeat;}

.sports_inner{background-size: cover;}


p { color:var(--c_light); font-weight:300; line-height:1.8; margin-bottom:15px;}
a { text-decoration:none;}
.newsletter h1 { font-weight:100; font-size:2rem;  color:var(--c_white);}
.newsletter h2 { font-size:1.5rem; margin-bottom:2px;}
.newevents p {color:#0f2f53;font-size: .9rem; font-weight: 400;}
.facilities p { padding:0;}


.news_anchor p:hover { color: var(--c_light_blue);}
.phycontent { font-weight:300;}
.Page_heading h1 { 
	width:40%;
	display: block !important;
    position:absolute;
    bottom:10px;
    left: 0;
	background:rgb(0,0,0,0.5);
	padding: 20px 60px 20px 20px;
    color: white;;
	font-size:2.5rem;
	text-transform:uppercase;
}
.paragraphinner,
.school_anthem p {/* padding:5px 30px;*/ font-weight:400; }
.school_anthem p { padding:0px 0px; color:var(--c_white);}

.img_text_center {position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}

.table-striped-dark > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--c_blue);
  color: var(--c_white);
}
.table_heading_inner{color:#2B499A;border-top:1px solid blue;text-transform:uppercase;font-weight:600;}


.heading {color:#2B499A;margin-top:10px;text-align:center;}
.heading_inner { text-align:left; text-transform:uppercase;}
.safeheading h1 {font-weight:300; font-size:1.3rem;  color:var(--c_white);} 
.safeheading p { font-size:14px; font-weight:100;color:var(--c_white);line-height:1.4;}

.monthlynewletter p { color:var(--c_white); font-size:1rem;}
.monthlynewletter a { text-decoration:underline; font-size:2rem; font-weight:500;}

.management h4,
.safeheading h5 { color:#4e4e4e;}
.management p,
.management h5 { color:#4e4e4e; font-size:1.3rem;line-height:1.7; font-style:italic; font-weight:300; }

.rule_regulation_page div.card,
.rule_regulation_page div.card-header { border-radius:0 !important;}
.rule_regulation_page div.card { margin-bottom:6px;}
.rule_regulation_page div.card-header { background: var(--c_gray1); color:var(--c_blue);}
.rule_regulation_page div.card-body p { color:var(--c_blue);}
.card-header h4 button {color:var(--c_white); text-transform:uppercase; font-weight:500;}

/***FORM**/
.form-control {border-color:#ebf1f0; border-radius:0; color:#000; font-weight:300;font-size: 14px; }
select.form-control{
    -webkit-appearance: menulist!important;
    -moz-appearance: menulist!important;
    -ms-appearance: menulist!important;
    -o-appearance: menulist!important;
    appearance: menulist!important;
	color:#9e9e9e;
}

/**ICONS**/
.announcement,
.smart_class_award,
.acheivements,
.latest_video { background: url(../images/icons.png) no-repeat; display:block;margin: auto; height:98px;}

.announcement { width:58px; background-position:0 0;}
.smart_class_award { width:95px; background-position:-58px 0;}
.acheivements { width:62px; background-position:-153px 0;}
.latest_video { width:108px; background-position:-215px 0;}

.latest_news a { text-decoration:none;}
.latest_news a:hover .announcement {width:58px;background-position:0 -98px;}
.latest_news a:hover .smart_class_award { width:95px; background-position:-58px -98px;}
.latest_news a:hover .acheivements { width:62px; background-position:-153px -98px;}
.latest_news a:hover .latest_video { width:108px; background-position:-215px -98px;}
.latest_news a:hover .c_white {color:var(--c_blue);}
.latest_news a:hover .c_light_blue {color:var(--c_white);}

/**Details Icon**/
.student_icon,
.teachers,
.support_staffs,
.sq_ft_area { background:url(../images/details_icon.png) no-repeat; display:block; margin:auto; margin-bottom:10px;}

.student_icon  { width:72px; height:86px; background-position:0 0;}
.teachers  { width:73px; height:66px; background-position:0 -86px;}
.support_staffs  { width:67px; height:68px; background-position:0 -152px;}
.sq_ft_area { width:63px; height:55px; background-position:0 -220px;}

/**FACILITIES ICONS**/
.language_lab,
.science_lab,
.av_room,
.library,
.computer_lab,
.transport,
.online_class,
.digital_classroom,
.playground { background:url(../images/details_icon.png) no-repeat; display:inline-block; margin-right:10px;}

.language_lab { width:27px; height:35px; background-position:-72px 0; margin-bottom:-12px;}
.science_lab { width:27px; height:31px; background-position:-72px -35px; margin-bottom:-8px;}
.av_room { width:29px; height:29px; background-position:-72px -66px; margin-bottom:-6px;}
.library { width:28px; height:27px; background-position:-72px -95px; margin-bottom:-6px;}
.computer_lab { width:35px; height:22px; background-position:-72px -122px; margin-bottom:-1px;}
.transport { width:27px; height:24px; background-position:-72px -144px; margin-bottom:-3px;}
.online_class { width:27px; height:36px; background-position:-72px -168px; margin-bottom:-13px;}
.digital_classroom { width:27px; height:25px; background-position:-72px -204px; margin-bottom:-3px;}
.playground { width:28px; height:24px; background-position:-72px -229px; margin-bottom:-3px;}

/**SPORTS ICONS**/
.football { background:url(../images/details_icon.png) no-repeat;display: block;margin: auto;}

.football { width:72px; height:71px; background-position:-105px 0;}


/**gradient button**/
.know-more { margin: auto; text-decoration:underline; text-align:center; font-weight:700;}  
.know-more a { color:var(--c_blue);}        
.btn_box,
.form_btn_box {
background:#424942;
padding: 15px 15px;
text-transform: uppercase;
text-align: center;
color: white;
font-weight:500;
font-size:16px;
border-radius:5px;
position: relative;
transition: 0.5s;
transition: transform 250ms;
display:inline-block; 
}

.btn_box{border-top:solid 3px #fff;}
.form_btn_box{border-bottom:solid 5px #7b8f7b;}

.btn_box:hover {
/*transition: 0.5s;
background:#fff;
border-top:solid 3px #424942;
color: #424942;*/
transform: translateY(-10px);
}
.form_btn_box:hover {transform: translateY(-5px);}

.banner_link_h:hover { text-decoration:underline; color:var(--c_blue); font-weight:700;}  
		 
/**Buttons**/

.readMore {background: var(--c_blue); color:var(--c_white);
 font-size: 16px; font-weight:500;
  transition: 0.5s;}
.readMore:hover {background: var(--c_white); color:var(--c_blue);transition: 0.5s;}
.readMore span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  width:100px;
  text-align:center;
}
.readMore span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: -9px;
  right: -20px; 
  font-size:26px;
}
.readMore:hover span {
  padding-right: 15px;

}
.readMore:hover span:after {
  opacity: 1;
  right: 5px;
  
}
.know-more a {
  background-image: linear-gradient(
    to right,
    var(--c_light_blue),
    var(--c_light_blue) 50%,
    #000 50%
  );
  background-size: 200% 100%;
  background-position: -100%;
  /*display: inline-block;*/
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
  text-decoration: underline;
  -webkit-text-decoration-color: #000; /* Safari */  
  text-decoration-color: #000;
}

.know-more a:before{
  content: '';
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

.know-more a:hover {
 background-position: 0; 
  text-decoration: underline;
  -webkit-text-decoration-color: var(--c_light_blue); /* Safari */  
  text-decoration-color: var(--c_light_blue);
}

.know-more a:hover::before{
  width: 100%;
}

/**NAV BAR**/
.navbar {background: var(--c_blue);}

ul.dropdown-menu,
.dropdown-item { background-color:var(--c_light_blue);}

/**Colours **/
.c_white {color:var(--c_white);}
.c_blue {color:var(--c_blue);}
.c_light_blue {color:var(--c_light_blue);}
.c_yellow {color:var(--c_yellow);}
.c_dark_yellow {color:var(--c_dark_y);}

/**NAV Tab Content**/
.tab_cont .nav-link { color: var(--c_white);}
.tab_cont .nav-link.active { background: var(--c_yellow	);color:var(--c_blue); border-radius:0;	}
.tab_cont .nav-link:hover { color: var(--c_light_blue	);}

.img_property {
  border:3px solid #d2cece;
  -moz-box-shadow: 15px 15px 10px #454242;
  -webkit-box-shadow: 15px 15px 10px #454242;
  box-shadow: 15px 15px 10px #454242;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
  /*border-radius:25px;*/
  border-radius:0px;
  width:500px;
  margin-bottom:25px;
}


/**Place Order**/
.placeorder-1 {
    order: 1;
}
.placeorder-2 {
    order: 2;
}
.placeorder-3 {
    order: 3;
}
.placeorder-4 {
    order: 4;
}
.placeorder-5 {
    order: 5;
}
.placeorder-6 {
    order: 6;
}
.placeorder-7 {
    order: 7;
}


/**Border**/
.border_blue {border-top: 5px solid rgba(118, 168, 211, .3);}
.border_div { 
	width:100%; 
	height:5px; 
	position: absolute;
    top: 0px;
    opacity: 0.5;}

/**COUNTER NO**/

.value {
  font-size: 20px;
  display: block;
  font-weight: 900;
  color: var(--c_blue)
}
.details h5 { font-size:14px; color:#717171; font-weight:500;text-transform: uppercase;margin-bottom: 0;}
.facility h3 { font-size:36px; font-weight:300;}
.facility h6 {display: inline-block; color:var(--c_blue);}
.facility p { font-size:13px; margin-top:15px; padding-right:10px;}
.facility a,
.facility p { padding-left:20px;}

.all_facilities div a img { margin-right: 10px;}

/**BOX SHADOW**/
.image_shadow_border,
.box_shadow_black{-webkit-box-shadow: 2px 20px 18px -25px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 20px 18px -25px rgba(0,0,0,0.75);
box-shadow: 2px 20px 18px -25px rgba(0,0,0,0.75);}

.shadow_box {
	box-shadow: -2px 1px 11px -2px rgba(0,0,0,0.74);
-webkit-box-shadow: -2px 1px 11px -2px rgba(0,0,0,0.74);
-moz-box-shadow: -2px 1px 11px -2px rgba(0,0,0,0.74);
}

.image_shadow_border {
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 5px;
}


/**NAV PILL**/
.btn { text-decoration:none;}

/***LIST STYLE**/
ol {
    list-style-type: none;
    margin-left: 10px;
}

ol li {
    margin-bottom: 12px;
    margin-left: -10px;
    display: flex;
    /*align-items: center;*/
}

ol li:before {    
    font-family: 'FontAwesome';
    content: '\f058';
    margin:0 15px 0 -15px;
	color:var(--c_green);
}

/**REVEAL**/
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

/**GALLERY**/
.gal_thumImg { width:200px;  height:200px;}

/***FOOTER***/
footer { font-size:14px; font-weight:300;}

footer h5 {color: var(--c_white); margin-bottom:2.5rem;}
footer h6,
.footer_contact { font-weight:500; font-size:1rem;}
footer a { text-decoration:none;}
.footer_top {background:var(--c_blue); color: var(--c_gray);}
.footer_top p { margin-right:30px; margin-bottom:20px;}
.footer_top .heading { text-align:left;}
.footer_bottom { background:var(--c_light_blue);}
.footer_bottom p { color: var(--c_white); font-size: 16px;font-weight: 200;}

.footer_top .list-unstyled a i.fa {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer_top .list-unstyled a i.fa:hover {
    color: var(--c_white);
}

.mobile_view {display:none;}

/***FA ICONS**/
.fa,
.fa-solid { color:var(--c_light_blue); margin-right:10px; font-size:1.7rem;}


#toTopBtn {
    position: fixed;
    bottom: 12%;
    right: 15px;
    z-index: 98;
    padding: 21px;
    background-color: var(--c_green);
	color: var(--c_white);
    border-radius: 5px;
	opacity:.8;
	display:none;
    
}

.js .cd-top--fade-out {
    opacity: .5;
}

.js .cd-top--is-visible {
    visibility: visible;
    opacity: 1;
}

.js .cd-top {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s,visibility .3s,background-color .3s;
}

.cd-top {
    position: fixed;
    bottom: 20px;
    bottom: var(--cd-back-to-top-margin);
    right: 20px;
    right: var(--cd-back-to-top-margin);
    display: inline-block;
    height: 40px;
    height: var(--cd-back-to-top-size);
    width: 40px;
    width: var(--cd-back-to-top-size);
    box-shadow: 0 0 10px rgba(0,0,0,.05) !important;
    background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%;
    background-color: hsla(5,76%,62%,.8);
    background-color: hsla(var(--cd-color-3-h),var(--cd-color-3-s),var(--cd-color-3-l),0.8);
}

/***Fooer Mobile View***/

.verticalLine
{
   
   color:white;    
   border-right:2px solid white;
}
.fonts
{	
  color:white;
  font-family:Montserrat;
  font-size:10px;
  padding-top:8px;
  margin-bottom:0.7rem;
  line-height:0.7px;
  font-weight:900;  
}
.mobile_footer i.fa
{
	color:white;
	padding-top:0.7rem;
	margin-right:0;
	font-size:18px;
}
.mobile_footer i.icon
{
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.5em 0.6em;
  border:1px solid white;
  margin-right:4px;
}


@media (max-width: 992px) {
.order_div2 { order: 3 !important;}
.order_div1  { order: 4 !important;}
footer.mobile_view { display:block;}
footer.desktop_view { display:none;}

}
/**PLACEORDER**/
@media (max-width: 767.98px) {
	
.desktop_view,
.facility p { display:none;}

.mobile_view { display:block;}

.text_mob_center { text-align:center;}

.facility h6 { margin-top:15px; display: block; font-size:1.0rem}
.facility .col-sm-6 { text-align:center;}
.facility h3 { font-size: 26px;}

.order_div2 { order: 3 !important;}
.order_div1  { order: 4 !important;}
.Page_heading h1 { font-size:1.2rem !important;}

/***HOME PAGE**/
.latest_news .col-sm-6,
.details .col-sm-6,
.facility .col-sm-6 { width:50% !important;}

.latest_news h5 { font-size:14px;}

.monthlynewletter a { font-size: 1.3rem;}
.bg_empowering h3 {font-size: 20px;}
/***END HOME PAGE**/
}


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