/* ===================================================================
======================================================================
BASE CSS EMBLA ( Start )
======================================================================
====================================================================*/

.embla{
  position: relative;
}
      
.embla__viewport{
  position: relative;
  overflow: hidden;
}

.embla__container {
  display: flex;
  margin-right: calc(var(--bizzet-slide-gap, 1.5rem) * -1);
  align-items: flex-start;
}

.embla__slide {
  flex: 0 0 var(--embla-slide-width, calc((100% / var(--slide-perView, 3)) - var(--bizzet-slide-gap, 1.5rem)));
  min-width: 0;
  margin-right: var(--bizzet-slide-gap, 1.5rem);
}
  
.embla__dots{
  display: flex;
  gap:5px;
  justify-content: center;
}

.embla__button--prev, .embla__button--next,.embla-lightbox__close{
    height: 38px;
    width: 38px;
    background-color: #eeeeee;
    line-height: 0;
    border-radius: 4px;
    opacity: 1;
    transition: .3s;
}
  
.embla__button--prev svg, .embla__button--next svg{
  width: 20px;
}
  
.embla__button--prev svg{
  transform: rotate(180deg);
}

/* ===================================================================
======================================================================
BASE CSS EMBLA ( End )
======================================================================
====================================================================*/