.top__banner-wrapper .top__banner-left-column .section {
  margin-bottom: 0;
}

.top__banner-wrapper .top__banner-right-column .section {
  margin-bottom: 0;
}

.home-banner-slider .slider-details__button__item {
  font-size: 1em !important;
  color: var(--clr-primary) !important;
  background-color: transparent !important;
  padding: 12px 18px !important;
  transition: 0.3s ease;
}

.home-banner-slider .slider-details__button__item:hover {
  background-color: var(--clr-primary) !important;
  color: var(--clr-white) !important;
}

.top__banner-wrapper .top__banner-left-column .section,
.top__banner-wrapper .top__banner-left-column .item,
.top__banner-wrapper .top__banner-left-column .splide {
  height: 100% !important;
}

.top__banner-left-column .item img {
  aspect-ratio: 24 / 10 !important;
}

.top__banner-right-column .top-item img,
.top__banner-right-column .bottom-item img {
  aspect-ratio: 24 / 10 !important; 
}

.splide__arrow {
  background: var(--clr-white) !important; 
  border-radius: 50%;
  height: 32px !important;
  width: 32px !important;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.splide__arrow:hover {
  transform: translateY(-58%) scale(1.4); 
  transition: all 0.3s ease;
}

@media only screen and (min-width: 768px) {
  .home-banner-slider .slider-details .slider-details__heading {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  .top__banner-left-column .item .home-banner-slider {
    height: 320px !important;
  }

  .top__banner-right-column .top-item .home-banner-slider,
  .top__banner-right-column .bottom-item .home-banner-slider {
    height: calc(160px - 1rem/2) !important; 
  }
}

@media only screen and (min-width: 992px) {
  .home-banner-slider {
    height: 370px !important;
  }

  .home-banner-slider .slider-details .slider-details__heading {
    font-size: 32px !important;
    line-height: 42px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .home-banner-slider .slider-details .slider-details__heading {
    font-size: 42px !important;
    line-height: 60px !important;
  }

  .home-banner-slider .slider-details__button__item {
    padding: 12px 24px !important;
  }
}

@media only screen and (min-width: 1400px) {
  .home-banner-slider .image-box .round-area {
    width: 560px !important;
    height: 560px !important;
  }

  .home-banner-slider .slider-details .slider-details__heading {
    font-size: 48px !important;
    line-height: 64px !important;
  }

  .top__banner-left-column .item .home-banner-slider {
    height: 520px !important;
  }

  .top__banner-right-column .top-item .home-banner-slider,
  .top__banner-right-column .bottom-item .home-banner-slider {
    height: calc(260px - 1rem/2) !important; 
  }
}