@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------------------Dropdown--------------------------------------------------------------------------*/



.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 
nav
{
	background-color: white;
}

.navbar {
  margin: 0 auto;
}
.navbar a:hover
{
	color: #008E56;
}
/*------------------------------------------------------------------------------@media--------------------------------------------------------------------------*/



h1
{
	font-size: 40pt;
}
@media only screen and (max-width: 600px) and (min-width: 200px) 
{
	h1{
		font-size: 20pt;
	}
}
@media only screen and (min-width: 600px) 
{
	h1{
		font-size: 20pt;
	}
	.carousel-caption
{
	text-align: left;
	top: 25%;
transform: translateY(-25%);
	
}
}
@media only screen and (max-width: 600px)
{
	
	.carousel-caption
{
	top: 35%;
transform: translateY(-35%);
}
}
	
	/*------------------------------------------------------------------------------Common--------------------------------------------------------------------------*/

	
	
	

h1,h2,h3,h4,h5,h6
{
	font-family: "Figtree", sans-serif;
	font-weight: 800;
}
a,p
{
	font-family: "Figtree", sans-serif;
	font-weight: 400;
}
a
{
	text-decoration: none;
}
nav
{
	
	font-family: "Figtree", sans-serif;
	font-weight: 600;
}
.white{color: white;}.black{color: #1A1A1A;}.blue{color: #004F82;}.green{color: #008E56;}
.right{text-align: right}.left{text-align: left}.center{text-align: center}



/*------------------------------------------------------------------------------carousel--------------------------------------------------------------------------*/



.carousel-caption
{
	text-align: left;
	top: 40%;
transform: translateY(-40%);
	
}

.btn-green
{
	background: #07a783;
	color: white;
	font-weight: 500;
	
}
.btn-green:hover
{
	background: #026851;
}
.btn-blue
{
	background: #0767a7;
	color: white;
	font-weight: 500;
}
.btn-blue:hover
{
	background: #03395d;
}

.btn{
	padding: 10px 20px;
}
.btn:hover
{
	color: white;
}

/*------------------------------------------------------------------------------line--------------------------------------------------------------------------*/

.line-left:after
{
    content:' ';
    display:block;
    border:2px solid #008E56;
    width: 100px;
}



.line-center:after
{
    content:' ';
    display:block;
    border:2px solid #008E56;
    width: 100px;
	margin: 0 auto;
}
.line-center-white:after
{
    content:' ';
    display:block;
    border:2px solid white;
    width: 100px;
	margin: 0 auto;
}


/*------------------------------------------------------------------------------boxes--------------------------------------------------------------------------*/



#brochure-box a
{
    text-decoration: none;
    color: white;
}
#brochure-box .fa
{
	font-size: 30pt;
}
#brochure-box p
{
	font-size: 18pt;
	font-weight: 600;
}
.brochure-boxa
{
	background: #0767a7;
	padding: 70px 0px;
}
.brochure-boxb
{
	background: #078fa7;
	padding: 70px 0px;
}
.brochure-boxc
{
	background: #07a783;
	padding: 70px 0px;
}
.brochure-boxd
{
	background: #1ca24a;
	padding: 70px 0px;
}
.brochure-box
{
	cursor: pointer;
	color: white;
	padding: 40px 0px;
	transition: 0.7s;
}
.brochure-box:hover
{
	background: white;
	border-radius: 15px;
	color: black;
	margin: 0px 60px;
	padding: 40px 0px;
	transition: 0.7s;
}









/*------------------------------------------------------------------------------welcome--------------------------------------------------------------------------*/


#welcome
{
	padding: 200px 0px;
}
.school img
{
	width: 100%;
	height: auto;
}
.welcome
{
	padding-top: 30px;
}
.welcome-text
{
	padding-top: 50px;
}
.welcome .fa-phone
{
	padding: 8px;
	border-radius: 10px;
	border: solid 2px #0060B9;
	font-size: 15pt;
	color: #0060B9;
}
.welcome .fa-phone:hover
{
	background: #0060B9;
	color: white;
	cursor: pointer;
}
.call-now
{
	margin-top: 15px;
	cursor: pointer;
}
.call-now-text
{
	font-size: 15pt;
	color: #0060B9;
	font-weight: 600;
}










/*------------------------------------------------------------------------------features--------------------------------------------------------------------------*/
#features
{
	padding: 200px 0px;
	background-image: url(img/bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	color: white;
	
}
.features img
{
	width: 150px;
	height: auto;
	transition: 0.7s;
}

.features
{
	padding: 20px;
	margin: 10px 0;
	cursor: pointer;
}
.features img:hover
{
	filter: grayscale();
	
	transition: 0.7s;
}

.img1a-show-class
{
	padding: 50px;
}





/*----------------------------------------------------------------Principal--------------------------------------------------------*/



#principal
{
	padding: 200px 0px;
}

#principal img
{
	width: 100%;
	border-radius: 60px;
	padding: 25px;
}













/*---------------------------------------------------------------------contact-----------------------------------------------*/
i.fa
{
    font-size: 15pt;
}
#contact
{
    padding: 80px 0;
	background: #eeeeee;
}

#contact h2
{
    text-align:left;
    color: #76a61b;
	font-size: 35pt;
	font-weight: 700;
	line-height: 35pt;
}
#contact .fab
{
    color: #005bb8;
    text-decoration: none;
}

#contact .fav
{
    color: #808285;
}











.glance {
  display: flex;
  align-items: center;
}





/*---------------------------------------Why Hidaya-----------------------------------------------------*/
#whyhidaya
{
	padding: 100px 0px;
	background: #0767a7;
	color: white;
}
#whyhidaya p
{
	
	text-align: justify;
}


#vision img
{
	width: 100%;
}

#vision
{
	padding: 200px 0px;
}
.vision-text
{
	margin-top: 60px;
}



/*---------------------------------------------------residential-school-----------------------------------*/

#residential-school
{
	padding: 100px 0px;
	background: #0767a7;
	color: white;
}

#residential-school p
{
	text-align: justify;
}

/*----------------------------------------------------school-features-----------------------------------------------*/

#school-features
{
	background: #F1F1F1;
	padding: 100px 0px;
	text-align: left;
}
#school-features img
{
	width: 50px;
}
.vl {
  border-left: 3px solid #07a783;
  height: 40px;
	margin: 0px 15px 0px 15px;
}


.glance
{
	padding: 25px;
	border-radius: 15px;
	background: white;
	margin: 20px 0px;
	transition: 0.7s;
	min-height: 150px;
}
#school-features h5
{
	font-size: 15pt;
	font-weight: 600;
}


.glance:hover
{
	-webkit-box-shadow: 4px 9px 20px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 4px 9px 20px -1px rgba(0,0,0,0.15);
box-shadow: 4px 9px 20px -1px rgba(0,0,0,0.15);
	transition: 0.7s;
}




/*----------------------------------------------------prospectus------------------------------------------*/

#prospectus
{
	padding: 100px 0px;
}

.prospectus-box
{
	padding: 25px;
	color: white;
	border-radius: 15px;
	min-height: 250px;
	margin: 15px 0px;
	
}
.prospectus-b1
{
	background: #0767a7;
}
.prospectus-b2
{
	background: #0796a7;
}
.prospectus-b3
{
	background: #07a76f;
}
.prospectus-b4
{
	background: #408539;
}
.prospectus-b5
{
	background: #8e6b30;
}
.prospectus-b6
{
	background: #8e5530;
}


/*---------------------------------------------------------Montessori-------------------------------------------*/

#montessori
{
	padding: 100px 0px;
	color: white;
	background: #0767a7;
}


.montessori-video-section video
{
	width: 100%;
	margin-left: -15px;
	border-radius: 15px;
	border: 10px white solid;
	
}
.montessori-video-section
{
	overflow: hidden;
	background: white;
	border-radius: 25px;
	border: 10px white solid;
	
}
.montessori-content
{
	padding: 30px 30px 30px 5px;
	text-align: justify;
}



#mont-gallery img
{
	width: 100%;
	height: 300px;
	filter: grayscale();
	transition: 0.7s;
}
#mont-gallery .mont-img
{
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#mont-gallery img:hover
{
	filter: none;
	transform: scale(1.3);
	transition: 0.7s;
	
}

/*-----------------------------------------ofbeat-----------------------------------*/


#ofbeat
{
	padding: 100px 0px;
	color: white;
	background: #0767a7;
}
#ofbeat p
{
	
	text-align: justify;
	text-align-last: center;
}
.ofbeat img
{
	width: 100%;
}
.ofbeat
{
	padding: 100px 0px;
}
.activity
{
	background: #E4E4E4;
	padding: 20px;
}

.ofbeat p
{
	text-align: justify;
}



/*---------------------------------------Mandatory----------------------------------------*/

#mandatory
{
	padding: 150px 0px;
}







/*---------------------------------------Mobile Carousel------------------------------------*/

@media only screen and (min-width: 600px) 
{
    #carouselExampleIntervala
    {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
      #carouselExampleInterval{
            display:none ;
   }
 }


 
.carousel-caption-mobile h1
{
    margin-top:-50px;
    font-size: 15pt;
}