.applications_banner .flex {
  height: 100vh;
  max-height: 81.6rem;
  min-height: max-content;
  padding: 6rem 0;
}
.applications_banner .head {
  flex: 1;
  width: 100%;
  max-width: 68.3rem;
  padding-bottom: 1.8%;
}
.applications_banner p {
  max-width: 54.1rem;
  margin-top: 2.6rem;
}
.applications_banner .btn {
  margin-top: 3.7rem;
  min-width: 22.2rem;
}
.applications_banner .imgs {
  width: 48.611111%;
  position: relative;
  margin-bottom: 1.6%;
}
.applications_banner .imgs ul {
  position: static;
  padding-bottom: 82.43%;
}
.applications_banner .imgs .img {
  position: absolute;
  width: 31%;
  --h: 262.673%;
  mask: url("../img/applications-mask1.svg") no-repeat;
}
.applications_banner .imgs .img:hover img {
  transform: scale(1.02);
}
.applications_banner .imgs .img:nth-child(1) {
  left: 0;
  top: 0;
}
.applications_banner .imgs .img:nth-child(2) {
  left: 35.87%;
  top: 1.2%;
  width: 28.57%;
  --h: 282.5%;
  mask-image: url("../img/applications-mask2.svg");
}
.applications_banner .imgs .img:nth-child(3) {
  right: 0;
  bottom: 0;
  mask-image: url("../img/applications-mask3.svg");
}
.applications_main {
  padding: 9.9rem 0 16rem;
}
.applications_main .list ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(35rem, 100%), 1fr));
  gap: 4rem 2.01388889%;
}
@media screen and (max-width: 768px) {
  .applications_banner .flex {
    height: auto;
    max-height: unset;
    min-height: unset;
    padding: 50px 0;
  }
  .applications_banner .head {
    padding: 0;
  }
  .applications_banner .imgs {
    margin: 0;
  }
  .applications_main {
    padding: 50px 0;
  }
  .applications_main .list ul {
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
    gap: 30px 16px;
  }
}
@media screen and (max-width: 576px) {
  .applications_banner .imgs {
    width: 100%;
    order: -1;
  }
}