.home-carousel {
  position: relative;
  width: 100vw;
  height: 100vh;
  max-height: 40rem;
  display: block;
}

.home-carousel>img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;

  max-height: 40rem;
}

.home-carousel::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.home-carousel>.cta {
  color: white;

  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;

  text-align: center;

  position: absolute;

  z-index: 10;

  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% + 4rem));
  /* transform: translate(-50%, calc(-50% + 4rem)); */
}

.cta .book-now-button {
  width: 10rem;
  margin: 0 auto;
  padding: 1.25rem;
  font-size: 1.25rem;
}

.home-carousel>.cta>.title {
  font-size: 4rem;
  text-shadow: 5px 5px 2px rgb(35, 30, 30);
  font-family: 'Mogra';
}

.home-carousel>.cta>.description {
  font-size: 2rem;
  text-shadow: 5px 5px 2px rgb(35, 30, 30);
  font-family: 'Mogra';
}

.featured-activity-wrapper {
  height: calc(100vh - 10rem);
  padding: 5rem 0rem;
  display: flex;
}

.featured-activity {
  width: 100%;
  max-width: 75rem;
  height: 100%;
  margin: 0 auto;

  display: flex;
}

.featured-activity-price {
  font-size: 1.5rem;
}

.featured-activity-price::before {
  content: "FROM";
  font-size: 1rem;
  text-align: center;
}

.featured-activity-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.featured-activity-text {
  width: 50%;
  padding: 0 7.5rem 0 2.5rem;

  color: rgb(8, 9, 14);

  display: flex;
  flex-direction: column;
  gap: 4rem;

  margin: auto 0rem;
}

.featured-activity-description {
  font-size: 1.25rem;
}

.featured-activity .badge {
  background-color: #fa9d1c;
  color: white;
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(8, 9, 14, .3);
  text-transform: uppercase;
  font-size: 0.75rem;
}

.featured-activity-title {
  font-family: 'Mogra';
  font-size: 2.5rem;
}

.featured-activity-image {
  max-width: 50%;
  height: 100%;
  display: block;
  z-index: -1;
  background: url('data:image/webp;base64,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') center/cover no-repeat;
}

.featured-activity-image>img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;

  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.featured-activity-button-wrapper {
  margin-top: 2rem;
}

.featured-activity-button {
  padding: 0.75rem 1.5rem;
  color: white !important;
  background-color: rgb(239, 65, 35);
  border-radius: 4px;
}

.tags {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}

.tag {
  background-color: #f5f7f9;
  padding: 0.25rem 0.5rem;
  display: flex;
  font-size: 0.75rem;
  border-radius: 4px;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 0.5px rgba(8, 9, 14, .3);
  gap: 0.2rem;
  align-items: center;
  justify-content: center;
}

.tag svg {
  height: 1.2rem;
  width: 1.2rem;
}

.middle-banner {
  width: 100%;
  height: 40rem;
  position: relative;
}

.middle-banner>img {
  width: 100%;
  height: 40rem;
  object-fit: cover;
}

.middle-banner>div {
  position: absolute;
  left: 50%;
  width: 35%;
  top: 50%;
  background-color: rgb(35, 30, 30, 0.8);
  transform: translate(0, -50%);
  padding: 2rem;
  color: white;

  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.middle-banner-title {
  font-family: 'Mogra';
  font-size: 2.5rem;
  text-transform: uppercase;
}

.book-now-button {
  width: 100%;
  padding: 0.75rem 0;
  text-align: center;
  background-color: rgb(239, 65, 35);
  border-radius: 4px;
  text-transform: uppercase;
  color: white !important;

  display: flex;
  align-items: center;
  justify-content: center;
  fill: white;
  gap: 0.75rem;
}

.book-now-button-small {
  padding: 0.75rem 2rem;
}

.pricing-section {
  background-color: #fcdee2;
  display: flex;
  margin: 0 auto;
  padding: 5rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

.pricing-section>img {
  width: 60rem;
  max-width: 90vw;
}

.instagram {
  text-transform: uppercase;
  font-family: 'Mogra';
  font-size: 2rem;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 25rem;
  gap: 4rem;
}

.instagram a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.instagram svg {
  height: 1rem;
  width: 1rem;
}

.instagram>a {
  font-family: 'PTSans';
  font-size: 0.8rem;
  text-transform: uppercase;
  color: rgb(239, 65, 35) !important;
}

.stars {
  color: #F6BA5B;
}

.testimonials {
  background-color: #fcdee2;
  display: flex;
  margin: 0 auto;
  padding: 5rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

.testimonials-title {
  font-family: 'Mogra';
  font-size: 2.5rem;

  text-align: center;
}

.testimonials-track {
  --track-card-count: 4;
  --track-width: calc(100vw - 10rem);
  --track-card-gap: 2rem;

  --track-card-width: calc(var(--track-width) / var(--track-card-count) - ((var(--track-card-gap) * (var(--track-card-count) - 1)) / var(--track-card-count)));

  display: flex;
  flex-direction: row;
  width: var(--track-width);
  margin: 0 auto;

  gap: var(--track-card-gap);

  align-items: center;
}

@media (max-width: 2000px) {
  .testimonials-track {
    --track-card-count: 3;
  }
}

@media (max-width: 1200px) {
  .testimonials-track {
    --track-card-count: 2;
  }
}

@media (max-width: 1000px) {
  .testimonials-track {
    --track-card-count: 1;
    --track-width: calc(100vw - 5rem);
  }
}

.testimonial-card {
  --card-padding: 2rem;

  flex: 0 0 calc(var(--track-card-width) - 2 * var(--card-padding));

  background-color: white;
  padding: var(--card-padding);
  border-radius: 1rem;

  display: flex;
  flex-direction: column;
  height: min-content;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-size: .875rem;
  line-height: 1.5rem;
}

.testimonial-card-title {
  display: flex;
  font-size: 1.1rem;
  line-height: 1rem;

  align-items: center;
  gap: 1rem;
}

.testimonial-card-title-logo {
  width: 5rem;
  height: 5rem;
}

.testimonial-card cite {
  text-align: right;
  width: 100%;
  display: block;
  font-size: 1rem;
}

.testimonial-card-title-content>p {
  font-family: Chelsea Market;
}

@media only screen and (max-width: 768px) {
  .testimonials-title {
    padding: 0rem 1rem;
  }

  .featured-activity-wrapper {
    height: min-content;
    padding: 4rem 0;
  }

  .featured-activity {
    flex-direction: column-reverse;
    gap: 2rem;
    height: min-content;
  }

  .featured-activity-text {
    max-width: 100%;
    width: unset !important;
    padding: 0 2rem;
    gap: 2rem;
    margin: 0;
  }

  .featured-activity-image {
    width: 100%;
    max-width: 100%;
    max-height: 30vh;
  }

  .featured-activity-image>img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .featured-activity-button {
    display: block;
    text-align: center;
    /* font-size: 2rem; */
    max-width: 100%;
  }

  .pricing-section>img {
    max-width: 90vw;
  }

  .middle-banner>div {
    width: calc(100vw - 4rem);
    left: 0;
    right: 0;
  }

  .middle-banner-title {
    font-size: 1.5rem;
  }

  .book-now-button {
    width: unset;
  }

  .instagram {
    width: 70vw;
    margin: 0 auto;
    text-align: center;
  }

  .home-carousel>img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;

    max-height: 40vh;
  }

  .home-carousel {
    max-height: max(40vh, 30rem);
  }

  .home-carousel img {
    height: 100%;
    max-height: max(40vh, 40rem);
  }

  .home-carousel>.cta>.title {
    font-size: 2rem;
    width: 80vw;
    margin: 0 auto;
  }

  .home-carousel>.cta>.description {
    font-size: 1.5rem;
    width: 80vw;
    margin: 0 auto;
  }

  .cta .book-now-button {
    width: 80vw;
  }
}