@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);









.image_wrapper_10 {
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  /*background-color: blue;*/
  
 background-image: url('../img/w1-2.jpg');
  
}

.image_wrapper_11 {
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
   background-image: url('../img/w1-1.jpg');
  /*background-image: url(../img/modern-solar-power-station-generates-sustainable-electricity-outdoors-generated-by-ai (1).jpg);*/
  
}



.overlay {
  position: absolute; 
  background: rgba(57, 57, 57, 0.5);
  
  center overlay text 
  display: flex;
  align-items: center;
  justify-content: center;
}

.overlay_0 {
  left: 0;
  top: 0;
  padding: .5rem;
  margin: 4px;
  background: #f4208f;
}

.overlay_1 {
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1rem;
}

.overlay_10 {
   top: 0;
  right: 0;
  left: 0;
  bottom: 0; 
  inset: 0;
  height: 400px;
  
}

.overlay_3 {
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  transform: scale(0);
  transition: all .3s ease-in-out;
  backdrop-filter: blur(8px) brightness(80%);
}

/*.image_wrapper_1:hover .overlay_3 {
  transform: scale(1);
}*/

.overlay_4 {
  left: 0;
  bottom: 100%;
  height: 0;
  width: 100%;
  overflow: hidden;
  backdrop-filter: blur(8px) brightness(80%);
  transition: all .3s ease-in-out;
}

/*.image_wrapper_1:hover .overlay_4 {
  bottom: 0;
  height: auto;
}*/

.overlay_5 {
  inset: 0;
  transform: scale(0);
  transition: all .3s ease-in-out;
}

/*.image_wrapper_1:hover .overlay_5 {
  transform: scale(1);
}*/

.icon i {
  border-radius: 50%;
  font-size: 40px;
  color: #8c9e54;
  width: 70px;
  height: 70px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.overlay h3 {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  margin: 0;
}

.text-center-1{
    text-align:center;
    color: white;
    
}