.application-section {
  background: url("img/app-bg.png");
  background-size: cover;
}
.app-btns {
  gap: 15px;
}
.application-section .img-bg {
  background: url("img/app-img-mob.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 500px;
  max-width: 1240px;
  margin: auto;
}
@media (max-width: 991.98px) {
  .application-section .img-bg {
    background-size: 285px;
  }
  .app-btns {
    padding-top: 0 !important;
  }
  .application-section .img-bg {
    background-position: 90% bottom;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .application-section h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .application-section {
    text-align: center;
  }
  .application-section .img-bg {
    background: none;
    padding-bottom: 0;
  }
  .application-section .container {
    padding: 0;
    max-width: inherit;
  }
  .application-section .container .infos {
    padding: 0 30px;
  }
  .app-img-mob img {
    max-width: 80%;
    width: 100%;
    margin-top: 3rem;
  }

  .app-btns {
    justify-content: center;
  }
  .app-btn img {
    width: 130px;
  }
  .application-section .title_sm {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .application-section h2 {
    font-size: 40px;
    line-height: 1.25;
  }

  .application-section .ft-15 {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .application-section h2 {
    font-size: 44px;
    line-height: 1.25;
  }
  .application-section {
    overflow: hidden;
  }
  .application-section .img-bg {
    background-position: 88% bottom;
  }
  .application-section .img-bg {
    background-size: 380px;
  }
  .application-section .container .infos p {
    max-width: 400px;
  }
}