.carousel.varbase-heroslider.hero-style-overlay {
  min-height: 43.75rem;
  max-height: 43.75rem;
}

@media screen and (max-width: 576px) {
  .carousel.varbase-heroslider.hero-style-overlay .carousel-controls {
    margin: 1.88rem;
  }
}

@media screen and (min-width: 992px) {
  .carousel.varbase-heroslider.hero-style-start,
  .carousel.varbase-heroslider.hero-style-end {
    min-height: 43.75rem;
    max-height: 43.75rem;
  }

  .carousel.varbase-heroslider.hero-style-top,
  .carousel.varbase-heroslider.hero-style-bottom {
    min-height: 43.75rem;
  }
}

.carousel.varbase-heroslider .carousel-controls {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  height: 2.1875rem;
  margin-bottom: 1.88rem;
}

.carousel.varbase-heroslider .carousel-indicators {
  position: relative;
  width: fit-content;
  margin: 0;
  padding: 0;
}

.carousel.varbase-heroslider .carousel-indicators button {
  background: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 10 11%27 fill=%27none%27><circle cx=%275%27 cy=%275.5%27 r=%274.5%27 stroke=%27white%27/></svg>") no-repeat;
}

.carousel.varbase-heroslider .carousel-indicators button.active {
  background: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 10 11%27 fill=%27none%27><circle cx=%275%27 cy=%275.5%27 r=%274.5%27 fill=%27white%27 stroke=%27white%27/></svg>") no-repeat;
}

.carousel.varbase-heroslider .carousel-control-buttons {
  position: relative;
  display: flex;
  align-items: baseline;
}

.carousel.varbase-heroslider .carousel-control-prev,
.carousel.varbase-heroslider .carousel-control-next,
.carousel.varbase-heroslider .carousel-control-pause {
  position: relative;
  display: block;
  align-self: flex-end;
  width: 2.1875rem;
  height: 2.1875rem;
  margin: 0;
  padding: 0;
}

.carousel.varbase-heroslider .carousel-control-pause {
  opacity: 1;
  border: 0;
  background: none;
}

.carousel.varbase-heroslider .carousel-control-pause .carousel-control-pause-icon {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 13%27 fill=%27none%27><path d=%27M0 3C0 1.61929 1.11929 0.5 2.5 0.5C3.88071 0.5 5 1.61929 5 3V10C5 11.3807 3.88071 12.5 2.5 12.5C1.11929 12.5 0 11.3807 0 10V3ZM7 3C7 1.61929 8.11929 0.5 9.5 0.5C10.8807 0.5 12 1.61929 12 3V10C12 11.3807 10.8807 12.5 9.5 12.5C8.11929 12.5 7 11.3807 7 10V3Z%27 fill=%27white%27/></svg>");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
}

@media screen and (min-width: 576px) {
  .carousel.varbase-heroslider.hero-style-overlay .carousel-controls,
  .carousel.varbase-heroslider.hero-style-top .carousel-controls,
  .carousel.varbase-heroslider.hero-style-bottom .carousel-controls {
    padding: 0 calc((100vw - 540px) / 2);
  }
}

@media screen and (min-width: 768px) {
  .carousel.varbase-heroslider.hero-style-overlay .carousel-controls,
  .carousel.varbase-heroslider.hero-style-top .carousel-controls,
  .carousel.varbase-heroslider.hero-style-bottom .carousel-controls {
    padding: 0 calc((100vw - 720px) / 2 + 0.75rem);
  }
}

@media screen and (min-width: 992px) {
  .carousel.varbase-heroslider.hero-style-overlay .carousel-controls,
  .carousel.varbase-heroslider.hero-style-top .carousel-controls,
  .carousel.varbase-heroslider.hero-style-bottom .carousel-controls {
    margin-bottom: 6.25rem;
    padding: 0 calc((100vw - 960px) / 2 + 0.75rem);
  }
}

@media screen and (min-width: 1200px) {
  .carousel.varbase-heroslider.hero-style-overlay .carousel-controls,
  .carousel.varbase-heroslider.hero-style-top .carousel-controls,
  .carousel.varbase-heroslider.hero-style-bottom .carousel-controls {
    padding: 0 calc((100vw - 1140px) / 2 + 0.75rem);
  }
}

@media screen and (min-width: 1400px) {
  .carousel.varbase-heroslider.hero-style-overlay .carousel-controls,
  .carousel.varbase-heroslider.hero-style-top .carousel-controls,
  .carousel.varbase-heroslider.hero-style-bottom .carousel-controls {
    padding: 0 calc((100vw - 1320px) / 2 + 0.75rem);
  }
}

.carousel.varbase-heroslider.hero-style-top .carousel-controls,
.carousel.varbase-heroslider.hero-style-bottom .carousel-controls {
  position: relative;
  margin-top: 1.88rem;
  margin-bottom: 1.88rem;
}

.carousel.varbase-heroslider.hero-style-top {
  display: flex;
  flex-direction: column-reverse;
}

@media screen and (max-width: 992px) {
  .carousel.varbase-heroslider.hero-style-start .carousel-controls,
  .carousel.varbase-heroslider.hero-style-end .carousel-controls,
  .carousel.varbase-heroslider.hero-style-top .carousel-controls,
  .carousel.varbase-heroslider.hero-style-bottom .carousel-controls {
    position: relative;
    margin: 1.88rem;
  }
}

.carousel.varbase-heroslider.hero-style-start .carousel-indicators button,
.carousel.varbase-heroslider.hero-style-end .carousel-indicators button,
.carousel.varbase-heroslider.hero-style-top .carousel-indicators button,
.carousel.varbase-heroslider.hero-style-bottom .carousel-indicators button {
  background: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 10 11%27 fill=%27none%27><circle cx=%275%27 cy=%275.5%27 r=%274.5%27 stroke=%27%230d6efd%27/></svg>") no-repeat !important;
}

.carousel.varbase-heroslider.hero-style-start .carousel-indicators button.active,
.carousel.varbase-heroslider.hero-style-end .carousel-indicators button.active,
.carousel.varbase-heroslider.hero-style-top .carousel-indicators button.active,
.carousel.varbase-heroslider.hero-style-bottom .carousel-indicators button.active {
  background: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 10 11%27 fill=%27none%27><circle cx=%275%27 cy=%275.5%27 r=%274.5%27 fill=%27%230d6efd%27 stroke=%27%230d6efd%27/></svg>") no-repeat !important;
}

.carousel.varbase-heroslider.hero-style-start .carousel-control-prev .carousel-control-prev-icon,
.carousel.varbase-heroslider.hero-style-end .carousel-control-prev .carousel-control-prev-icon,
.carousel.varbase-heroslider.hero-style-top .carousel-control-prev .carousel-control-prev-icon,
.carousel.varbase-heroslider.hero-style-bottom .carousel-control-prev .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 35 35%27 fill=%27none%27><path d=%27M17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0ZM25.1562 16.4062C25.7603 16.4062 26.25 16.8959 26.25 17.5C26.25 18.1041 25.7603 18.5938 25.1562 18.5938H12.4843L17.1796 23.2891C17.6068 23.7162 17.6068 24.4088 17.1796 24.8359C16.7525 25.263 16.06 25.263 15.6329 24.8359L9.07035 18.2734C8.64322 17.8463 8.64322 17.1537 9.07035 16.7266L15.6329 10.1641C16.06 9.73697 16.7525 9.73697 17.1796 10.1641C17.6068 10.5912 17.6068 11.2838 17.1796 11.7109L12.4843 16.4062H25.1562Z%27 fill=%27%230d6efd%27/></svg>");
}

.carousel.varbase-heroslider.hero-style-start .carousel-control-pause .carousel-control-pause-icon,
.carousel.varbase-heroslider.hero-style-end .carousel-control-pause .carousel-control-pause-icon,
.carousel.varbase-heroslider.hero-style-top .carousel-control-pause .carousel-control-pause-icon,
.carousel.varbase-heroslider.hero-style-bottom .carousel-control-pause .carousel-control-pause-icon {
  background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 13%27 fill=%27none%27><path d=%27M0 3C0 1.61929 1.11929 0.5 2.5 0.5C3.88071 0.5 5 1.61929 5 3V10C5 11.3807 3.88071 12.5 2.5 12.5C1.11929 12.5 0 11.3807 0 10V3ZM7 3C7 1.61929 8.11929 0.5 9.5 0.5C10.8807 0.5 12 1.61929 12 3V10C12 11.3807 10.8807 12.5 9.5 12.5C8.11929 12.5 7 11.3807 7 10V3Z%27 fill=%27%230d6efd%27/></svg>");
}

.carousel.varbase-heroslider.hero-style-start .carousel-control-next .carousel-control-next-icon,
.carousel.varbase-heroslider.hero-style-end .carousel-control-next .carousel-control-next-icon,
.carousel.varbase-heroslider.hero-style-top .carousel-control-next .carousel-control-next-icon,
.carousel.varbase-heroslider.hero-style-bottom .carousel-control-next .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 35 35%27 fill=%27none%27><path d=%27M17.5 0C27.165 0 35 7.83502 35 17.5C35 27.165 27.165 35 17.5 35C7.83502 35 0 27.165 0 17.5C0 7.83502 7.83502 0 17.5 0ZM9.84375 16.4062C9.23969 16.4062 8.75 16.8959 8.75 17.5C8.75 18.1041 9.23969 18.5938 9.84375 18.5938H22.5157L17.8204 23.2891C17.3932 23.7162 17.3932 24.4088 17.8204 24.8359C18.2475 25.263 18.94 25.263 19.3671 24.8359L25.9296 18.2734C26.3568 17.8463 26.3568 17.1537 25.9296 16.7266L19.3671 10.1641C18.94 9.73697 18.2475 9.73697 17.8204 10.1641C17.3932 10.5912 17.3932 11.2838 17.8204 11.7109L22.5157 16.4062H9.84375Z%27 fill=%27%230d6efd%27/></svg>");
}

@media screen and (min-width: 992px) {
  .carousel.varbase-heroslider.hero-style-start .varbase-hero-card,
  .carousel.varbase-heroslider.hero-style-end .varbase-hero-card {
    min-height: 43.75rem;
    max-height: 43.75rem;
  }
}

@media screen and (min-width: 992px) {
  .carousel.varbase-heroslider.hero-style-start .varbase-hero-card .card-body,
  .carousel.varbase-heroslider.hero-style-start .varbase-hero-card .media,
  .carousel.varbase-heroslider.hero-style-end .varbase-hero-card .card-body,
  .carousel.varbase-heroslider.hero-style-end .varbase-hero-card .media {
    min-height: 43.75rem;
    max-height: 43.75rem;
  }
}

@media screen and (min-width: 992px) {
  .carousel.varbase-heroslider.hero-style-start .varbase-hero-card .card-img .ratio,
  .carousel.varbase-heroslider.hero-style-end .varbase-hero-card .card-img .ratio {
    height: 81vh;
  }

  .carousel.varbase-heroslider.hero-style-start .varbase-hero-card .media iframe,
  .carousel.varbase-heroslider.hero-style-end .varbase-hero-card .media iframe {
    width: 100vw;
    height: 81vh;
  }
}

@media screen and (min-width: 992px) {
  .carousel.varbase-heroslider.hero-style-start .carousel-controls {
    position: absolute;
    right: auto;
    left: 9.375rem;
    width: calc(50vw - 11.125rem);
  }

  [dir="rtl"] .carousel.varbase-heroslider.hero-style-start .carousel-controls {
    right: 9.375rem;
    left: auto;
  }
}

@media screen and (min-width: 992px) {
  .carousel.varbase-heroslider.hero-style-end .carousel-controls {
    position: absolute;
    right: 9.375rem;
    left: auto;
    width: calc(50vw - 11.125rem);
  }

  [dir="rtl"] .carousel.varbase-heroslider.hero-style-end .carousel-controls {
    right: auto;
    left: 9.375rem;
  }
}

.carousel.varbase-heroslider > .view-empty {
  padding: calc(3.625rem + 28.5vw) 0 calc(1.425rem + 2.1vw);
  background-color: #e0e0e0;
}

@media (min-width: 1200px) {
  .carousel.varbase-heroslider > .view-empty {
    padding: 25rem 0 3rem;
  }
}

.carousel.varbase-heroslider > .view-empty {
  text-align: center;
  color: #666;
  background-repeat: no-repeat;
  background-position: 50% calc(1.625rem + 4.5vw);
}

@media (min-width: 1200px) {
  .carousel.varbase-heroslider > .view-empty {
    background-position: 50% 5rem;
  }
}

.carousel.varbase-heroslider > .view-empty {
  background-size: calc(2.625rem + 16.5vw);
}

@media (min-width: 1200px) {
  .carousel.varbase-heroslider > .view-empty {
    background-size: 15rem;
  }
}

.carousel.varbase-heroslider > .view-empty {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  .carousel.varbase-heroslider > .view-empty {
    font-size: 1.75rem;
  }
}

.carousel.varbase-heroslider > .view-empty {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMjEuNDk0IDMyMS40OTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyMS40OTQgMzIxLjQ5NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNTZweCIgaGVpZ2h0PSIyNTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTY2Ljg4LDIwOC43NDd2NzcuNzVsNjcuMzY3LTM4LjgxN0w2Ni44OCwyMDguNzQ3eiBNODAuNzQ3LDIzMi44NTRsMjUuODEzLDE0LjkzM2wtMjUuODEzLDE0LjgyN1YyMzIuODU0eiIgZmlsbD0iI2E4YThhOCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTAsMTczLjg2N3YxNDcuNjI3aDE4Ny43MzNWMTczLjg2N0gweiBNMTczLjg2NywzMDcuNjI3aC0xNjBWMTg3LjczNGgxNjBWMzA3LjYyN3oiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik02Ni44OCwwdjE2MC45NmgyNTQuNjEzVjBINjYuODh6IE0zMDcuNjI4LDE0Ny4wOTRIODAuNzQ3VjEzLjg2N2gyMjYuODhWMTQ3LjA5NHoiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xNTkuMjU1LDIwLjY5NGMtMTEuOTQ3LDAtMjEuNzYsOS44MTMtMjEuNzYsMjEuNzZjMCwxMS45NDcsOS44MTMsMjEuNzYsMjEuNzYsMjEuNzZjMTEuOTQ2LDAsMjEuNzYtOS44MTMsMjEuNzYtMjEuNzYgICAgQzE4MS4wMTUsMzAuNTA3LDE3MS4yMDEsMjAuNjk0LDE1OS4yNTUsMjAuNjk0eiBNMTU5LjI1NSw1MC4zNDZjLTQuMzczLDAtNy44OTMtMy41Mi03Ljg5My03Ljg5M3MzLjUyLTcuODkzLDcuODkzLTcuODkzICAgIHM3Ljg5MywzLjUyLDcuODkzLDcuODkzUzE2My42MjgsNTAuMzQ2LDE1OS4yNTUsNTAuMzQ2eiIgZmlsbD0iI2E4YThhOCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSIzMDkuNzYsMjkuOTc0IDI1MS43MzQsODUuNTQ3IDIxNy43MDgsNTIuOTA3IDE2Mi43NzUsMTA1LjQ5NCAxMjYuMTg3LDcwLjUwNyA2OS4wMTUsMTI1LjEyIDc4LjYxNCwxMzUuMTQ3ICAgICAxMjYuMTg3LDg5LjcwNyAxNjIuNzc1LDEyNC42OTQgMjE3LjcwOCw3Mi4xMDcgMjUxLjczNCwxMDQuNzQ3IDMxOS4zNjEsNDAgICAiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
