:root {
  --button-background: var(--color-brand-orange);
  --button-color: var(--color-text-primary);
  --button-secondary-color: var(--color-text-primary);
  --button-secondary-hover-color: var(--color-text-secondary);
  --button-secondary-hover-background: var(--color-brand-black);
  --button-hover-color: var(--color-text-primary);
}

.block__huddle-sections {
  display: flex;
  justify-content: center;
  padding: var(--spacing-sm) 0;
}
.block__huddle-sections .wrapper {
  width: 100%;
  max-width: var(--container-xl-max-width);
  display: flex;
  gap: var(--spacing-sm);
}
.block__huddle-sections .wrapper .card {
  padding: var(--spacing-sm);
  border-radius: 15px;
  display: flex !important;
  flex-direction: column;
  gap: var(--spacing-md);
  min-height: 500px;
  width: 100%;
}
.block__huddle-sections .wrapper .card.bg-cream {
  background: var(--color-brand-cream);
}
.block__huddle-sections .wrapper .card.bg-orange {
  background: var(--color-brand-yellow);
}
.block__huddle-sections .wrapper .card.bg-red {
  background: var(--color-brand-orange);
}
.block__huddle-sections .wrapper .card .top-notes, .block__huddle-sections .wrapper .card .bottom-notes {
  display: flex;
  font: 800 20px/normal "PP Right Grotesk", sans-serif;
  text-transform: uppercase;
  align-items: center;
}
.block__huddle-sections .wrapper .card .top-notes .right, .block__huddle-sections .wrapper .card .bottom-notes .right {
  margin-left: auto;
  font-size: 25px;
}
.block__huddle-sections .wrapper .card .middle {
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.block__huddle-sections .wrapper .card .middle h3 {
  font: var(--type-h2);
  margin-bottom: var(--spacing-md);
}
.block__huddle-sections .wrapper .card .middle p {
  margin-top: auto;
  margin-bottom: auto;
  font: var(--type-b1);
}
.block__huddle-sections .wrapper .card .top-notes {
  margin-bottom: auto;
}
.block__huddle-sections .wrapper .card .bottom-notes {
  margin-top: auto;
}
@media screen and (max-width: 1279px) {
  .block__huddle-sections {
    padding-bottom: 60px;
  }
  .block__huddle-sections .wrapper {
    display: block;
  }
  .block__huddle-sections .wrapper .card {
    margin-right: var(--spacing-sm);
    width: var(--container-width) !important;
  }
  .block__huddle-sections .wrapper .card .middle h3 {
    font: var(--type-h1);
    font-size: 44px;
    line-height: 44px;
    padding: 0 var(--spacing-sm);
  }
  .block__huddle-sections .wrapper .slick-dots {
    position: absolute;
    bottom: -40px;
    right: 50%;
    transform: translateX(50%);
    display: flex;
    gap: 16px;
  }
  .block__huddle-sections .wrapper .slick-dots li button {
    font-size: 0;
    border: none;
    background: rgb(235, 235, 235);
    width: 13px;
    height: 13px;
    border-radius: 50%;
    transition: background 0.3s;
  }
  .block__huddle-sections .wrapper .slick-dots li.slick-active button {
    background: var(--color-brand-orange);
  }
}