.module-carousel .uk-slider{
  outline: none;
}
.module-carousel .uk-slider-items img{
  width: 100%;
  {# height: 750px; #}
  height: clamp(500px, 350px + 33.3333vw, 750px);
  object-fit: cover;
  object-position: center center;
  transition: all .3s;
}
.module-carousel .uk-slider-items .uk-panel {
  overflow: hidden;
}
.module-carousel .uk-slider-items .uk-panel a:hover img{
  transform: scale(1.05);
}
.module-carousel .uk-overlay-default {
  background: rgba(0, 0, 0, .45);
}
.module-carousel .uk-overlay-default,
.module-carousel .uk-slider-items > div > .uk-panel {
  {# height: 750px; #}
  height: clamp(500px, 350px + 33.3333vw, 750px);
}
.module-carousel .uk-grid>* {
  padding-left: 0px
}
.module-carousel .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)),
.module-carousel .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within),
.module-carousel .uk-visible-toggle .uk-hidden-hover{
  background: var(--white);
  width: 48px !important;
  height: 48px !important;
  padding: 0rem !important;
  margin: 2rem !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
}
.module-carousel .uk-visible-toggle .uk-hidden-hover:hover{
  background: var(--primary);
}
.module-carousel .uk-slidenav-previous svg path,
.module-carousel .uk-slidenav-next svg path{
  stroke: var(--primary) !important;
  transition: all .3s;
}
.module-carousel .uk-visible-toggle .uk-hidden-hover:hover svg path{
  stroke: var(--white) !important;
}
.module-carousel .uk-slidenav-previous svg:last-child,
.module-carousel .uk-slidenav-next svg:last-child{
  display: none;
}
.module-carousel .uk-position-center .place{
  font-size: 1.25em;
}
.module-carousel .uk-dotnav>*>* {
  display: block;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--grey-light);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  transition: .2s ease-in-out;
  border: 0px;
  transition-property: color,background-color,border-color,box-shadow;
  box-shadow: inset 1px 1px 1px rgba(0,0,0,.15),1px 1px 1px #fff
}
.module-carousel  .uk-dotnav>*>*:hover,
.module-carousel  .uk-dotnav>.uk-active>* {
  background-color: var(--primary);
  border: 0px;
}

@media (max-width: 767px){
  .module-carousel .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-visible):not(:has(:focus-visible)),
  .module-carousel .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within),
  .module-carousel .uk-visible-toggle .uk-hidden-hover{
    display: none;
  }
  .module-carousel .uk-grid{
    margin: 0px
  }
}