#expanding_banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: clamp(40px, 4vw, 70px) 20px 0 20px;
  margin: clamp(40px, 4vw, 80px) 0;
  border-radius: 16px;
  color: #fff;
  text-align: center;
  background-image: url("https://pabau.com/wp-content/uploads/2025/11/Perspective-Grid.webp"),
    linear-gradient(13deg, #24bee1 -42.13%, #037cd2 16.7%, #132d6c 70.12%);
  --background-overlay: "";
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;

  .rating {
    display: flex;
    align-items: center;

    .icon {
      height: 20px;
      width: 20px;
      color: #fdc700;
    }

    .rating-text {
      font-size: 16px;

      p {
        margin: 0;
      }

      .highlight {
        color: #2badd4;
        font-weight: bold;
      }
    }
  }

  .banner-title {
    font-size: 40px;
    font-weight: 600;
  }

  .banner-description {
    width: 45%;
    font-size: 20px;
    line-height: 28px;
  }

  .banner-buttons {
    display: flex;
    gap: 16px;
  }

  .banner-image {
    width: 55%;

    img {
      height: 100%;
    }
  }
}

@media (max-width: 768px) {
  #expanding_banner {
    .banner-title {
      font-size: 32px;
    }

    .banner-description {
      width: 100%;
    }

    .banner-buttons {
      flex-direction: column;
    }

    .banner-image {
      width: 100%;
    }
  }
}