/* Banner Section - START */
.banner-wrapper{
  position: relative;
  z-index: 0;
}
.banner-wrapper .banner-bg{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.banner-wrapper .banner-bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-wrapper .banner-bg::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--overlay-background) / calc(var(--_overlay-opacity, 0) / 100));
}
.banner-wrapper .banner-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.banner-wrapper .banner-container.section-height-small{
  min-height: 20svh;
}
.banner-wrapper .banner-container.section-height-medium{
  min-height: 40svh;
}
.banner-wrapper .banner-container.section-height-large{
  min-height: 60svh;
}
.banner-wrapper .breadcrumbs-wrapper{
  margin-bottom: calc(1.5rem * var(--body-scale));
}
.banner-wrapper .button-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: calc(2rem * var(--body-scale));
}
.banner-wrapper .text-center .button-container{
  justify-content: center;
}
.banner-wrapper .text-right .button-container{
  justify-content: right;
}
/* Banner Section - END */