/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}
.flickity-button:hover{background:#fff;cursor:pointer}
.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}
.flickity-button:active{opacity:.6}
.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}
.flickity-button-icon{fill:currentColor}
.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}
.flickity-prev-next-button.previous{left:10px}
.flickity-prev-next-button.next{right:10px}
.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}
.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-page-dots{position:absolute;width:100%;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-rtl .flickity-page-dots{direction:rtl}
.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}

:root {
  /* carousel elements on desktop */
  --dc-carousel-lg: 1; 

  /* carousel elements on tablet */
  --dc-carousel-md: 1;

  /* carousel elements on tablet */
  --dc-carousel-sm: 1.2;
}

.dc-carousel {
  /* carousel elements on desktop */
  --dc-carousel-lg: 1; 

  /* carousel elements on tablet */
  --dc-carousel-md: 1;

  /* carousel elements on tablet */
  --dc-carousel-sm: 1;
}

.dc-carousel.dc-lg-2 {
  --dc-carousel-lg: 2;
}
.dc-carousel.dc-lg-3 {
  --dc-carousel-lg: 3;
}
.dc-carousel.dc-lg-4 {
  --dc-carousel-lg: 4;
}
.dc-carousel.dc-lg-5 {
  --dc-carousel-lg: 5;
}
.dc-carousel.dc-lg-7 {
  --dc-carousel-lg: 7; 
}
.dc-carousel.dc-md-2 {
  --dc-carousel-md: 2;
}
.dc-carousel.dc-md-3 {
  --dc-carousel-md: 3;
}
.dc-carousel.dc-md-4 {
  --dc-carousel-md: 4;
}
.dc-carousel.dc-sm-2 {
  --dc-carousel-sm: 2;
}
.dc-carousel.dc-sm-3 {
  --dc-carousel-sm: 3;
}
.dc-carousel.dc-sm-4 {
  --dc-carousel-sm: 4;
}


/* define the width,  */
.dc-carousel .flickity-viewport .et_pb_row {
  width: calc(100% / var(--dc-carousel-lg) - 1%);
}
@media all and (min-width: 768px) and (max-width: 980px) {
  .dc-carousel .flickity-viewport .et_pb_row {
    width: calc(100% / var(--dc-carousel-md) - 1%);
  }
}
@media all and (max-width: 767px) {
  .dc-carousel .flickity-viewport .et_pb_row {
    width: calc(100% / var(--dc-carousel-sm) - 1%);
  }
}

/* transform transition */
.dc-carousel .flickity-slider .et_pb_column {
  transition: transform 0.5s;
}

.dc-carousel .flickity-slider .et_pb_row:not(.is-selected) .et_pb_column {
  transform: scale(0.8);
  opacity: 0.7;
}