@charset "UTF-8";

@font-face {
    font-family: heading-font;
    src: url(../fonts/gloock/Gloock-Regular.ttf);
}
@font-face
{
  font-family:  para-font;
  src:url(../fonts/barlow/Barlow-Regular.ttf);
}
@font-face
{
  font-family:  mont-bold;
  src:url(../fonts/barlow/Barlow-SemiBold.ttf);
}

:root{
	--bg-brown: #b10105;
	--bg-lightblue: #409abd;
	--bg-yellow: #f9df18;
	--bg-lightgrey: #edf3f5;
	--h-font: heading-font;
	--p-font: para-font;
	--bold-font: mont-bold;
	--footer-color: #161426;
}

.bg-footer{
	background-color: #161426;
}

.active{
	color: var(--bg-lightblue) !important;
}
#home:hover{
	color: var(--bg-lightblue) !important;
}
#about-us:hover{
	color: var(--bg-lightblue) !important;
}
#acadamic:hover{
	color: var(--bg-lightblue) !important;
}
#admission:hover{
	color: var(--bg-lightblue) !important;
}
#infrastructure:hover{
	color: var(--bg-lightblue) !important;
}
#students-life:hover{
	color: var(--bg-lightblue) !important;
}
#events:hover{
	color: var(--bg-lightblue) !important;
}

h1,h2,h3,h4,h5,h6{
	font-family: var(--h-font);

}

p, span, button, button, input{
	font-family: var(--p-font);
}

.h-font{
	font-family: var(--h-font);
}

.p-font{
	font-family: var(--p-font);
}
.f-bold{
	font-family: var(--bold-font);
}
.primary-blue
{
	color:#4099bf;
}
.text-footer
{
	color: var(--footer-color);
}
.text-black
{
	color: black;
}
.bg-brown{
	background-color: var(--bg-brown);
}
.bg-black
{
	background-color: black;
}
.bg-lightblue{
	background-color: var(--bg-lightblue);
}
.text-lightblue{
	color: var(--bg-lightblue);
}
.bg-yellow
{
	background-color: var(--bg-yellow);
}
.secodary-yellow{
	color: #fade19;
}
.bg-lightgrey{
	background-color: var(--bg-lightgrey);
}
.zoom-hover{
	background-repeat: no-repeat;
  			background-size: 100% 100%;
  			background-position: center;
  			height: 250px;
  			width: 250px;
  			transition: all 0.3s ease;
		  	-moz-transition: all 0.3s ease;
		  	-ms-transition: all 0.3s ease;
		  	-webkit-transition: all 0.3s ease;
		  	-o-transition: all 0.3s ease;
}
.zoom-hover:hover
{

	background-size: 150% 150% !important;
}
.wave-style{
	height: 170px; overflow: hidden;
}
.btn:hover{
	background-color: var(--bg-lightblue)!important;
}

.infra-para-font-size{
	font-size: 18px;
}

.border-radius-20{
	border-radius:20px;
}
.bg-setup{

	 /* The image used */
  	background-color: #cccccc; /* Used if the image is unavailable */
  	height: 100vh; /* You must set a specified height */
  	background-position: center center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}

.border-radius-staff{
	border-top-right-radius:20px; border-top-left-radius: 20px;
}

.f-szie-17{
	font-size: 17.5px;
}

.event-date{
 	background-color: #22313f;height: 65px;width: 65px;border:solid 3px #409abd;border-radius: 4px;
}

.splide__pagination__page.is-active
  		{
  			background-color: red;
  			height: 10px;
  			width: 10px;
  		}
  		.splide__pagination__page{
  			background-color: gray;
  			height: 10px;
  			width: 10px;
  		}

.admission-style-border{
	border-top-right-radius: 50%;border-bottom-right-radius: 50%;border-top-left-radius: 25px;border-bottom-left-radius: 25px;
}

@media only screen and (min-width: 600px) 
{
 	 .bg-vectors
 	 {
 			background-image: url('../images/vectors/middle.png');
 			background-repeat: no-repeat; /* Do not repeat the image */
  		background-size: cover; /* Resize the background image to cover the entire container */
 		}
 		.wave-style{
			height: 350px; overflow: hidden;
		}
}