.fes-banner-with-grid {
  position: relative;
  overflow: hidden;
}
.fes-banner-with-grid  .banner_background_settings {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.fes-banner-with-grid__wrapper{
  position: relative;
  padding-top: 59px;
  padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;

}
.fes-banner-with-grid.image-left .fes-banner-with-grid__wrapper{
  flex-direction: column-reverse;
}
.fes-banner-with-grid__content ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.fes-banner-with-grid__content ul li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.fes-banner-with-grid__content ul li::before{
  background-image: url('data:image/svg+xml,<svg fill="%23E2B650" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z"/></svg>');
  width: 20px;
  height: 17px;
  display: block;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  background-position; center;
  margin-top: 4px;
}
.fes-banner-with-grid__img{
    z-index: 2;
}
.fes-banner-with-grid .fes-grid{
  position: relative;
    position: absolute;
    right: -20px;
    bottom: 120px;
}
.fes-banner-with-grid.image_above_block .fes-grid{
    bottom: auto;
    top: 210px;

}
.fes-banner-with-grid.image_in_block .fes-grid {
    bottom: auto;
    top: 152px;
}
.fes-banner-with-grid.image_in_block{
    padding-bottom: 151px;
}
.fes-banner-with-grid.image_in_block .button_wrap{
    position: absolute;
    bottom: -94px;
    left: -15px;
    width: 100%;
    display: flex;
}
.fes-banner-with-grid.image_in_block .button_wrap .button_item{
    margin-inline: auto;
  border-top: 1px solid #778796;
    padding-top: 13px;
}
    .fes-banner-with-grid.image-left .button_wrap{
      margin-top: 0;
      bottom: -60px;
    }
.fes-banner-with-grid.image-left .fes-grid {
  top: 30px;
}
@media (min-width: 768px){
  .fes-banner-with-grid.image_above_block{
    padding-top: 100px;
  } 
  .fes-banner-with-grid.image_above_block .banner_background_settings{
    margin-top: 100px;
    height: 100%;
  }
  .fes-banner-with-grid__wrapper{
    flex-direction: row;
  }
  .fes-banner-with-grid.image-left .fes-banner-with-grid__wrapper{
    flex-direction: row-reverse;
  }
  .image_above_block .fes-banner-with-grid__img{
    width: 50%;
    margin-top: -100px;
  }
  .fes-banner-with-grid .fes-grid, .fes-banner-with-grid.image_above_block .fes-grid  {
    top: 0;
    bottom: auto;
}
      .fes-banner-with-grid.image-left .fes-grid {
    top: 45%;
    bottom: auto;
    left: -20%;

}
      .fes-banner-with-grid.image_in_block .button_wrap{
      position: static;
/*       margin-top: 130px; */
    }
  .fes-banner-with-grid__img{
    width: 55%;
  }
}
  @media (min-width: 1200px){
    .fes-banner-with-grid.image_in_block{
      overflow: visible;
      padding-bottom: 0;
      margin-bottom: 100px;
    }
    .fes-banner-with-grid__wrapper{
      padding-top: 85px;

    }
    .fes-banner-with-grid.image_in_block .fes-banner-with-grid__wrapper{
    padding-inline: 0;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 83px;
    justify-content: center;
    gap: 65px;
}
    .fes-banner-with-grid.image_in_block .fes-banner-with-grid__content{
    width: 33%;
    height: 100%;
}
    .image_above_block .fes-banner-with-grid__img{
      margin-top: -137px;
    }
    .fes-banner-with-grid.image_above_block{
    padding-top: 168px;
}
    .fes-banner-with-grid.image_above_block .banner_background_settings{
    margin-top: 186px;
  }
    .fes-banner-with-grid .fes-grid{
    left: 43%;
    width: fit-content;
    transform: translate(60%);
}
    .fes-banner-with-grid.image_in_block .fes-grid{
      left: auto;
      right: 184px;
      transform: unset;
    top: auto;
    bottom: -80px;

    }
    .fes-banner-with-grid.image-left .fes-grid {
    top: 40%;
    bottom: auto;
    left: -25%;
      z-index: 10;

}


    .fes-banner-with-grid.image_in_block .button_wrap .button_item{
      width: 100%;
    }
    .fes-banner-with-grid.image_in_block .button_wrap .button_item a{
      width: 100%;
    }
}
@media (min-width: 1600px){
  .fes-banner-with-grid__wrapper{
    padding-inline: 180px;
padding-top: 0;
    }
  .image_above_block .fes-banner-with-grid__wrapper{
    gap: 0;
    padding-top: 0;
    padding-left: 234px;
    padding-right: 0;
}
  .fes-banner-with-grid.image_in_block .fes-banner-with-grid__wrapper{
    justify-content: flex-end;
}
  .fes-banner-with-grid__img{
    width: 50%;
  }
   .image_above_block .fes-banner-with-grid__img{
    width: 60%;
  }
  .image_above_block .fes-banner-with-grid__img img{
    height: 100%;
    width: auto;
    object-fit: contain;
}
  .fes-banner-with-grid.image_above_block .banner_background_settings{
    margin-top: 168px;
    height: calc(100% - 168px);
  }
  .image_above_block .fes-banner-with-grid__content{
    width: 40%;
    margin-top: 85px;
    min-height: 205px;
    margin-bottom: 98px;
}
  .image_above_block .fes-grid{
    left: 57%;
}
}