.carousel.varbase-heroslider.hero-style-overlay {
  max-height: 43.75rem;
  min-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 {
    max-height: 43.75rem;
    min-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;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  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;
  padding: 0;
  margin: 0;
}

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

.carousel.varbase-heroslider .carousel-indicators button.active {
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 11' fill='none'><circle cx='5' cy='5.5' r='4.5' fill='white' stroke='white'/></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;
  width: 2.1875rem;
  height: 2.1875rem;
  padding: 0;
  margin: 0;
  align-self: flex-end;
}

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

.carousel.varbase-heroslider .carousel-control-pause .carousel-control-pause-icon {
  display: inline-block;
  width: .75rem;
  height: .75rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 13' fill='none'><path d='M0 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' fill='white'/></svg>");
}

@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 + .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 + .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 + .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 + .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;
}

@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='http://www.w3.org/2000/svg' viewBox='0 0 10 11' fill='none'><circle cx='5' cy='5.5' r='4.5' stroke='%230d6efd'/></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='http://www.w3.org/2000/svg' viewBox='0 0 10 11' fill='none'><circle cx='5' cy='5.5' r='4.5' fill='%230d6efd' stroke='%230d6efd'/></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='http://www.w3.org/2000/svg' viewBox='0 0 35 35' fill='none'><path d='M17.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' fill='%230d6efd'/></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='http://www.w3.org/2000/svg' viewBox='0 0 12 13' fill='none'><path d='M0 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' fill='%230d6efd'/></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='http://www.w3.org/2000/svg' viewBox='0 0 35 35' fill='none'><path d='M17.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' fill='%230d6efd'/></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 {
    height: 81vh;
    width: 100vw;
  }
}

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

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

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

  [dir="ltr"] .carousel.varbase-heroslider.hero-style-start .card-body {
    margin-right: 9.375rem;
  }

  [dir="rtl"] .carousel.varbase-heroslider.hero-style-start .card-body {
    margin-left: 9.375rem;
  }
}

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

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

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

  [dir="ltr"] .carousel.varbase-heroslider.hero-style-end .card-body {
    margin-left: 9.375rem;
  }

  [dir="rtl"] .carousel.varbase-heroslider.hero-style-end .card-body {
    margin-right: 9.375rem;
  }
}

.carousel.varbase-heroslider > .view-empty {
  background-color: #e0e0e0;
  padding: calc(3.625rem + 28.5vw) 0 calc(1.425rem + 2.1vw);
  text-align: center;
  color: #666;
  background-repeat: no-repeat;
  background-position: 50% calc(1.625rem + 4.5vw);
  background-size: calc(2.625rem + 16.5vw);
  font-size: calc(1.3rem + .6vw);
  /* Icons made by DinosoftLabs (https://www.flaticon.com/authors/dinosoftlabs) from www.flaticon.com. And is licensed by CC 3.0 BY. */
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMjEuNDk0IDMyMS40OTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyMS40OTQgMzIxLjQ5NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNTZweCIgaGVpZ2h0PSIyNTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTY2Ljg4LDIwOC43NDd2NzcuNzVsNjcuMzY3LTM4LjgxN0w2Ni44OCwyMDguNzQ3eiBNODAuNzQ3LDIzMi44NTRsMjUuODEzLDE0LjkzM2wtMjUuODEzLDE0LjgyN1YyMzIuODU0eiIgZmlsbD0iI2E4YThhOCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTAsMTczLjg2N3YxNDcuNjI3aDE4Ny43MzNWMTczLjg2N0gweiBNMTczLjg2NywzMDcuNjI3aC0xNjBWMTg3LjczNGgxNjBWMzA3LjYyN3oiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik02Ni44OCwwdjE2MC45NmgyNTQuNjEzVjBINjYuODh6IE0zMDcuNjI4LDE0Ny4wOTRIODAuNzQ3VjEzLjg2N2gyMjYuODhWMTQ3LjA5NHoiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xNTkuMjU1LDIwLjY5NGMtMTEuOTQ3LDAtMjEuNzYsOS44MTMtMjEuNzYsMjEuNzZjMCwxMS45NDcsOS44MTMsMjEuNzYsMjEuNzYsMjEuNzZjMTEuOTQ2LDAsMjEuNzYtOS44MTMsMjEuNzYtMjEuNzYgICAgQzE4MS4wMTUsMzAuNTA3LDE3MS4yMDEsMjAuNjk0LDE1OS4yNTUsMjAuNjk0eiBNMTU5LjI1NSw1MC4zNDZjLTQuMzczLDAtNy44OTMtMy41Mi03Ljg5My03Ljg5M3MzLjUyLTcuODkzLDcuODkzLTcuODkzICAgIHM3Ljg5MywzLjUyLDcuODkzLDcuODkzUzE2My42MjgsNTAuMzQ2LDE1OS4yNTUsNTAuMzQ2eiIgZmlsbD0iI2E4YThhOCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSIzMDkuNzYsMjkuOTc0IDI1MS43MzQsODUuNTQ3IDIxNy43MDgsNTIuOTA3IDE2Mi43NzUsMTA1LjQ5NCAxMjYuMTg3LDcwLjUwNyA2OS4wMTUsMTI1LjEyIDc4LjYxNCwxMzUuMTQ3ICAgICAxMjYuMTg3LDg5LjcwNyAxNjIuNzc1LDEyNC42OTQgMjE3LjcwOCw3Mi4xMDcgMjUxLjczNCwxMDQuNzQ3IDMxOS4zNjEsNDAgICAiIGZpbGw9IiNhOGE4YTgiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}

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

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

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

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

