.its .banner {
  height: 340px;
  padding: 44px 64px;
}

.its .banner__title {
  font-size: 24px;
}

.its .ellipse-border {
  margin-bottom: 12px;
  background-image: url(./its-logo.webp);
}

.its .banner__bg {
  background-image: url(./its-bg.webp);
  background-size: cover;
}

@media (min-width: 400px) {
  .its .banner__content {
    width: 100%;
  }
}

@media (min-width: 576px) {
    .its .banner__bg {
      background-image: url(alshe.webp), url(its-bg.webp);
      background-size: 373px 340px, cover;
    }

  .its .banner__content {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .its .ellipse-border {
    margin-bottom: 14px;
  }

  .its .banner__title {
    font-size: 32px;
  }

  .its .banner-line {
    display: none;
  }
}

@media (min-width: 1200px) {
  .its .banner {
    height: 261px;
    padding: 25px 64px;
  }

  .its .banner__bg {
    background-image: url(alshe-lg.webp), url(its-bg-lg.webp);
    background-size: 491px 261px, cover;
    background-position: 80% 50%, 50% 50%;
  }

  .its .banner__content {
    width: 60%;
  }

  .its .ellipse-border {
    width: 157px;
    height: 121px;
    background-image: url(./its-logo-lg.webp);
  }

  .its .banner-line {
    display: block;
  }
}

@media (min-width: 1366px) {
  .its .banner__bg {
    background-image: url(alshe-xl.webp), url(its-bg-xl.webp);
    background-size: 631px 341px, cover;
  }
}