/**
 * Breakpoints
 */
/**
 * Typography
 */
/**
 * Grid
 */
/**
 * Colors
 */
/**
 * Spacing
 */
/**
* Font Sizes
*/
/**
 * Components
 */
/**
 * Animations
 */
/*
 * Media query to respond to a minimum size (mobile first)
 */
/*
 * Media query to respond to a maximum size
 */
/*
 * Output font size in px/rem
 */
/*
 * Placeholder mixin for <input>
 */
/**
 * Clearfix
 */
.section--carousel {
  position: relative;
  z-index: 2;
  background-color: #F2F4F6;
}
.section--carousel .carousel {
  display: flex;
  gap: 24px;
  padding: 150px 0;
}
.section--carousel .carousel.slick-dotted {
  margin-bottom: 0;
}
.section--carousel .carousel .slick-list.draggable {
  cursor: grab;
}
.section--carousel .carousel .slick-track {
  display: flex !important;
}
.section--carousel .carousel .slick-slide {
  display: flex;
  height: inherit !important;
  align-items: center;
  padding: 0 40px;
}
.section--carousel .carousel .slick-dots {
  bottom: 24px;
}
.section--carousel .carousel .slick-dots li button:before {
  font-size: 24px;
  font-size: 1.5rem;
  color: #B89170;
}
.section--carousel .carousel-controls {
  position: absolute;
  display: flex;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.section--carousel .carousel-controls .carousel-prev,
.section--carousel .carousel-controls .carousel-next {
  position: relative;
  z-index: 3;
  width: 50%;
  height: 100%;
}
.section--carousel .carousel-controls .carousel-prev {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' style='width:100%25;height:100%25;transform:translate3d(0,0,0);content-visibility:visible' viewBox='0 0 430 430'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h430v430H0z'/%3E%3C/clipPath%3E%3CclipPath id='e'%3E%3Cpath d='M0 0h430v430H0z'/%3E%3C/clipPath%3E%3CclipPath id='d'%3E%3Cpath d='M0 0h430v430H0z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath d='M0 0h430v430H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M0 0h430v430H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='none' clip-path='url(%23b)' style='display:none'%3E%3Cpath class='primary' style='display:none'/%3E%3Cpath class='primary' style='display:none'/%3E%3C/g%3E%3Cg fill='none' clip-path='url(%23c)' style='display:none'%3E%3Cpath class='primary' style='display:none'/%3E%3Cpath class='primary' style='display:none'/%3E%3C/g%3E%3Cg fill='none' clip-path='url(%23d)' style='display:block'%3E%3Cpath stroke='%23121331' stroke-linecap='round' stroke-linejoin='round' stroke-width='12' d='M-89-182 95.504 2.504-87.992 186' class='primary' style='display:block' transform='rotate(180 107.5 107.5)'/%3E%3Cpath class='primary' style='display:none'/%3E%3C/g%3E%3Cg clip-path='url(%23e)' style='display:none'%3E%3Cpath fill='none' class='primary' style='display:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 64 64, pointer;
}
.section--carousel .carousel-controls .carousel-next {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' style='width:100%25;height:100%25;transform:translate3d(0,0,0);content-visibility:visible' viewBox='0 0 430 430'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h430v430H0z'/%3E%3C/clipPath%3E%3CclipPath id='e'%3E%3Cpath d='M0 0h430v430H0z'/%3E%3C/clipPath%3E%3CclipPath id='d'%3E%3Cpath d='M0 0h430v430H0z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath d='M0 0h430v430H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M0 0h430v430H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='none' clip-path='url(%23b)' style='display:none'%3E%3Cpath class='primary' style='display:none'/%3E%3Cpath class='primary' style='display:none'/%3E%3C/g%3E%3Cg fill='none' clip-path='url(%23c)' style='display:none'%3E%3Cpath class='primary' style='display:none'/%3E%3Cpath class='primary' style='display:none'/%3E%3C/g%3E%3Cg fill='none' clip-path='url(%23d)' style='display:block'%3E%3Cpath stroke='%23121331' stroke-linecap='round' stroke-linejoin='round' stroke-width='12' d='M-89-182 95.504 2.504-87.992 186' class='primary' style='display:block' transform='translate(215 215)'/%3E%3Cpath class='primary' style='display:none'/%3E%3C/g%3E%3Cg clip-path='url(%23e)' style='display:none'%3E%3Cpath fill='none' class='primary' style='display:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 64 64, pointer;
}
@media screen and (max-width: 1024px) {
  .section--carousel .carousel .slick-slide {
    padding: 0 20px;
  }
  .section--carousel .carousel-controls {
    display: none;
  }
}
