.{
	margin: 0px;
	padding: 0px;
	box-sizing:border-box; 
}

body{
	margin: 0px;
	font-family: "Helvetica Neue", sans-serif;
	line-height: 1.6;
	text-align: center; 
	color:#333;
	
}

.countenar{
	width: 90%;
	margin: auto;
	
}
	

 .main-header {
	 
	 background:#FCDC0B;
	padding: 15px 0;
	display: flex;
	 justify-content: space-between;
	 align-items: center;
	 border-bottom: 1px solid #272727;
                
}
.corner-img{
position: fixed;
	top: 0;
	right: 0;
	width: 90px;
	height: auto;
	
	
}

.logo {
  font-size: 24px;
  font-weight: bold;
  color: #0f2b46;
}
.nav a {
	margin:0 10px;
	text-decoration:inherit;
	color: #333;
	
}
.hero  {
	background: url("file_00000000b8446243b4b8c9cec295be0d.png " );
	background-color: #333;
	padding: 20px ;
    display: flex;
	
	
	position: relative;
	height: 400px;
	text-align: left;
	color:green;
	background-repeat: no-repeat;
	background-position: center;
}
.hero h1 {
	
	font-size: 48px;
	margin-bottom: 20px;
}
.hero   p {
	font-size: 18px;
	margin-bottom: 30px;
}
.btn{
	background-color: #7AF16E;
	color: white;
	border-radius: 5px;
	padding: 12px 25px;
	text-decoration: none;
	font-weight: bold;
}
.main{
	padding: 40px 0;
	text-align: center;
 background-color: #F5EE1D
}
.main h2 {
	margin-bottom:10px ;
	font-size: 32px;
}
.main-box{
	display: flex;
	flex-wrap:wrap;
	margin-top: 40px;
	justify-content: space-around;
}
.box {
  flex: 1;
  min-width: 250px;
  margin: 10px;
}
.pro-photo {
  background:  #F5EE1D ;
  padding: 60px 0;
	
}
.pro-photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 30px;text-align: center;
	
}
	
.pro-photo img {
  width: 100%;
  border-radius: 5px;
	justify-content: space-around;
	
}
.cta{
	padding: 60px 0;
	text-align: center;
	background: #F5EE1D;
}


.footer {
  background: #333;
  color: white;
  padding: 40px 20px;
	 display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer-section {
      flex: 1 1 200px;
      margin: 10px;
    }
.footer-bottom {
  text-align: center;
  padding-top: 20px;
  font-size: 14px;
  color: #aaa;
}
.footer h3 {
      font-size: 18px;
      margin-bottom: 15px;
      color: #ffffff;
    }
.footer p, .footer a {
      font-size: 14px;
      color: #ccc;
      text-decoration: none;
}
.footer a:hover {
      color: #00e6e6;
    }
 .footer-images img {
      width: 80px;
	 height: 80px;
      
      margin: 5px;
    }

 .footer-subscribe input[type="email"] {
      padding: 10px;
      border: none;
      border-radius: 4px;
      margin-right: 5px;
      width: 60%;
    }
 .footer-subscribe button {
      padding: 10px 15px;
      background-color: #00e6e6;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    .footer-bottom {
      text-align: center;
      padding: 20px;
      background-color: #333  ;
      font-size: 13px;
      color: #bbb;
    }

    .footer-bottom a {
      margin: 0 8px;
      color: #bbb;
    }

    .footer-bottom a:hover {
      color: #00e6e6;
    }