.glide-effects-wrapper .glide-wrapper {
  overflow: visible;
  position: relative;
  margin: 1rem auto;
  margin-bottom: 3rem;
  width: 80%;
}

.glide-effects-wrapper .video-container {
  left: 0;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  height: 0;
  position: relative;
  padding-bottom: 11.5625%;
}

.glide-effects-wrapper .glide__slide {
  width: 100%;
}

.glide-effects-wrapper .glide__slides {
  will-change: auto !important;
}

.glide-effects-wrapper .video-container iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 0;
}

.glide-effects-wrapper .glide {
  position: relative;
  width: 100%;
  margin: 0 auto;
}


.glide-effects-wrapper .glide__arrows {
  position: absolute;
  width: 100%;
}

.glide-effects-wrapper .glide__arrow--left {
  left: -40px;
}

.glide-effects-wrapper .glide__arrow--right {
  right: -40px;
}

.glide-effects-wrapper .glide__arrow {
  font-size: 2vw;
  color: #cdcdcd;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /*transition: all 0.3s ease;*/
}

.glide-effects-wrapper .pagination {
  display: flex;
  justify-content: center;
  position: relative;
  bottom: 0px;
}

.glide-effects-wrapper .glide__slide {
  position: relative;
  overflow: visible;
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}

.glide-effects-wrapper .slide-subtext {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 1rem;
  position: absolute;
}

.glide-effects-wrapper .slide-subtext-title {
  color: orange;
  font-size: 1.2rem;
  font-weight: 500;
}

.glide-effects-wrapper .glide__bullets {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.glide-effects-wrapper .glide__bullets > * + * {
  margin-left: 0.1rem;
}

.glide-effects-wrapper .glide__bullet {
  background-color: #e5e5e5;
  width: 8px;
  height: 8px;
}

.glide-effects-wrapper .glide__bullet:hover {
  background-color: orange;
  color: orange;
  border-color: orange;
}

.glide-effects-wrapper .glide__bullet--active {
  background-color: orange;
  color: orange;
  border-color: orange;
}

@media (min-width: 400px) {
  .glide-effects-wrapper .glide-wrapper {
    width: 85%;
  }
}

@media (min-width: 768px) {
  .glide-effects-wrapper .glide-wrapper {
    width: 98%;
  }

  .glide-effects-wrapper .slide-subtext {
    margin-top: 1rem;
  }
}

@media (min-width: 984px) {
  .glide-effects-wrapper .glide-wrapper {
    width: 99%;
  }

  .glide-effects-wrapper .slide-subtext {
    margin-top: 1rem;
  }
}

@media (min-width: 1230px) {
  .glide-effects-wrapper .glide-wrapper {
    width: 100%;
  }

  .glide-effects-wrapper .glide__arrow--left {
    left: -60px;
  }

  .glide-effects-wrapper .glide__arrow--right {
    right: -60px;
  }

  .glide-effects-wrapper .slide-subtext-title {
    margin-top: 0rem;
  }

  .glide-effects-wrapper .slide-subtext {
    margin-bottom: 0rem;
  }

  .glide-effects-wrapper .slide-subtext-title {
    font-size: 150%;
  }
  .glide-effects-wrapper .glide__arrow {
    font-size: 1.7rem;
    padding: 10px 15px;
  }
}