/* >>> Home Banner styles <<< */
.home-banner .banner-img-wrapper img {
  max-height: 940px;
  /* height: auto; */
  height: 780px;
}

.home-page-slider .banner-img {
  width: 60%;
}

.home-page-slider .banner-content {
  width: calc(40% + 50px);
  background-color: var(--primary);
  max-width: 100%;
  left: unset;
  padding: 60px 50px;
  /* padding-right: 100px; */
  padding-right: 90px;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.banner-content>* {
  max-width: 500px;
}

.banner__btn-wrapper {
  position: absolute;
  top: calc(100% + 30px);
  left: 50%;
  transform: translateX(calc(-50% + 25px));
}

.banner-desc {
  margin-top: 20px;
}

/* banner animation */
/* .home:not(.page__loaded) .banner-sec > .view-content .banner-content {
  opacity: 0;
}

.slick-current .home-page-slider .banner-content {
  transition: all 0.4s ease;
  right: -300px;
}
.home .banner-content > * {
  opacity: 0;
  transition: all 0.4s ease 0.8s;
  transform: translateY(50px);
}

.page__loaded .slick-current .home-page-slider .banner-content {
  right: 0;
}

.home.page__loaded .banner-content > * {
  opacity: 1;
  transform: translateY(0);
}
.home.page__loaded .banner-content > .banner__btn-wrapper {
  transform: translateX(calc(-50% + 25px));
} */
/* End banner animation */

.banner-sec ul.slick-dots {
  display: none !important;
}

/* to avoid breaking the slider on page load  */
body:not(.page__loaded) .home-banner>.view-content>.views-row:not(:first-child) {
  display: none;
}
