@charset "utf-8";

@font-face {
  font-family: "fira";
  src: url("../fonts/FiraSans-MediumItalic.ttf");
}


@font-face {
	font-family: "poppins";
    src: url("../fonts/Poppins-Regular.ttf")
}

@font-face {
	font-family: "alumni";
    src: url("../fonts/Alumni Sans-800.ttf")
}

@font-face {
	font-family: "roboto";
    src: url("../fonts/Roboto-Regular.ttf")
}

.facebook-icon svg {
  color: #1877F2;   /* Facebook blue */
  transition: color 0.3s ease;
}

.facebook-icon:hover svg {
  color: #145dbf;   /* darker blue on hover */
}


#head{
padding-top:30px;
padding-bottom:60px;	
background-color: #ece2dc;
}

#head h1 {
font-family:"fira";
font-size: 38px;	
color: #2c556e;	
font-weight:700;	
	text-align: center;
}

#head h2 {
font-family:"roboto";
font-size: 28px;	
color: #2c556e;
font-weight:700;	
	text-align: center;
}

#head h3 {
font-family:"roboto";
font-size: 28px;	
color: #2c556e;
font-weight:700;	
}

#head p{
font-family:"roboto";
font-size: 24px;	
}

#head h4{
font-family:"roboto";
font-size: 24px;	
}

#head li{
font-family:"roboto";
font-size: 24px;	
}

.red{
	color: #ff0000;
font-weight:600;
}

#top{
padding-top:25px;
text-align: center;
	background-color: #ece2dc;
}

#top p{
font-family:"roboto";
font-size: 20px;	
	padding-bottom:60px;
}

#top h1{
font-family:"fira";
font-size: 42px;	
color: #2c556e;	
font-weight:700	
}

#herosection{
background-color:#A7A690;
padding-bottom:10px	
}

#herosection img[src$=".webp"] {
border: 4px solid #fff;
}

.footer{
background-color:#A7A690;
		padding-top:60px;
		padding-bottom:60px;	
	font-family:"poppins";
color: #fff;
	font-size:16px
}

#footer h2{
	font-family:"alumni";
color: #2c556e;
	font-size:18px;
		padding-top:40px;
}

#navigation{
	background-color:#fff;
	font-family:"alumni";
	font-size:24px;
	padding-top:10px;
	padding-bottom:10px
}

#video{
background-color:#A7A690;
}

.custom-video-wrapper {
  position: relative;
  padding-bottom: 50%; /* Adjust this for custom aspect ratio */
  height: 0;
  overflow: hidden;
}

.custom-video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


#navigation a{
color: #2c556e;
}

#navigation a:hover {
color: #B1B1B1;
}

#navigation .btn:hover{
  background-color: #2c556e;
  color: #fff;
}








.active  h1{
	color:#2a546f;
	font-size:24px;
	}

 h1{
	color:#000;
	font-size:16px;
	}





.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
}
	


.border img{
	border: 12px solid #efdeac; 
 border-radius: 20px; 
}



 a { text-decoration: none; }




.item{
	left: 0;
	top: 0;
	position: relative;
	overflow: hidden;
}
.item img{
	-webkit-transition: 0.6s ease;
	transition: 0.6s ease;
	width:100%;
}
.item img:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.card {
    border: 12px solid #efdeac; 
    border-radius: 20px; 
}