.transition {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.column-text {
  padding: 4rem 0;
}
@media (min-width: 75em) {
  .column-text {
    padding: 2rem 0 6rem;
  }
}
@media (min-width: 75em) {
  .column-text .column-text-h3 {
    display: none;
  }
}
.column-text .column-text-h2 {
  display: none;
  margin-top: 2rem;
}
@media (min-width: 75em) {
  .column-text .column-text-h2 {
    display: block;
  }
}
.column-text .column-text-image-wrapper {
  padding: 1rem;
}
.column-text .column-text-carousel {
  position: relative;
}
@media (min-width: 75em) {
  .column-text .column-text-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .column-text .column-text-carousel .column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
  }
}
.column-text .column-text-carousel .column {
  padding: 4rem 0 0;
  text-align: center;
}
.column-text .column-text-carousel .column h3, .column-text .column-text-carousel .column p {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.column-text .column-text-carousel .column h3 {
  color: #00BAE0;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.67px;
  font-weight: 600;
  margin: 0 auto 0.5rem;
  text-transform: none;
}
@media (min-width: 75em) {
  .column-text .column-text-carousel .column h3 {
    color: #4A4A4A;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 2.8px;
    font-weight: 700;
    text-transform: uppercase;
  }
}
.column-text .column-text-carousel .column-inner-text:after {
  content: "";
  display: table;
  clear: both;
}
.column-text .column-text-carousel .slick-dots {
  position: absolute;
  top: -2.7rem;
  right: 0;
  height: 24px;
  width: auto;
  left: auto;
}
.column-text .column-text-carousel .slick-dots li:not(.slick-active) button:after {
  background: #EFEFEF;
}
.column-text .column-text-carousel .slick-dots li:not(.slick-active) button:hover:after {
  background: #00BAE0;
}
.column-text + .regular-text-section {
  margin-top: -3rem;
}
@media (min-width: 75em) {
  .column-text + .regular-text-section {
    margin-top: -6rem;
  }
}
/*# sourceMappingURL=maps/column_text.css.map */
