.slider,
.slider .glide__slide {
  position: relative;
}

.slider .glide__slide > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  /* padding: 10% 5%; */
  padding: 6%;
}

.slider .glide__slide h1 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(1.5rem, 6vw, 3rem);
  line-height: 1.2;
  text-shadow: 2px 2px 5px #000;
  color: #fff;
}

.slider .glide__slide p {
  margin-top: 1.8em;
  /* font-size: 1.2rem; */
  font-size: 1.5rem;
  text-shadow: 1px 1px 5px #000;
  color: #fff;
}
.slider .glide__slide p:last-child {
  margin-top: 2.2em;
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
}

.slider .glide__slide p .btn {
  display: inline-block;
  text-shadow: none;
}

.slider .glide__slide h1,
.slider .glide__slide p {
  transform: translateY(50px);
  filter: blur(20px);
  opacity: 0;
  animation: showContent 0.8s ease-out 1s 1 forwards;
}

.slider .glide__slide h1 {
  animation-delay: 0.8s;
}
.slider .glide__slide p:last-child {
  animation-delay: 1.2s;
}

@keyframes showContent {
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}

.slider .glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%);
}

.slider .glide__bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em;
}
.slider .glide__bullet:focus {
  outline: none;
}
.slider .glide__bullet:hover,
.slider .glide__bullet:focus {
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.5);
}
.slider .glide__bullet--active {
  background-color: white;
}

.slider .glide--dragging {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

@media screen and (max-width: 992px) {
  .slider .glide__slide > div {
    width: 100%;
    padding: 7% 2%;
    text-align: center;
  }

  .slider .glide__slide h1 {
    font-size: clamp(1.5rem, 5vw, 2.4rem);
  }

  .slider .glide__slide p {
    margin-top: 1.3em;
    font-size: 1rem;
  }

    .slider .glide__slide p:last-of-type {margin-top: 1.2em; }

  .slider .glide__bullets {
  	bottom: 1em;
  }
}