.carousel * {margin: 0; padding: 0; box-sizing: border-box;}
.carousel {width: 100%; overflow: hidden; position: relative;margin-bottom: 60px;}


.carousel .track {
display: flex;
transition: transform 0.8s ease;
will-change: transform;
}


.carousel .slide {
flex: 0 0 100%;
position: relative;
}


.carousel .slide a img {
width: 100%; height: auto; display: block;
object-fit: cover;
}

 
.carousel .arrow {
  font-family: A;
position: absolute; top: 50%; transform: translateY(-50%);
width: 20px; height: 50px;
background: #f4ab60;
backdrop-filter: blur(16px);
display: flex; justify-content: center; align-items: center;
cursor: pointer; z-index: 10;
transition: 0.25s;
font-size: 28px; /*! font-weight: bold; */
user-select: none;
border: none;
color: #0d375f;
box-sizing: border-box;
border: 0.5px solid #fba14f;
}
.carousel .arrow.left {left: 0px;/*! border-radius: 0 5px 5px 0; */ border-left: none;}
.carousel .arrow.right {right: 0px; border-right: none;}


.carousel .dots {
position: absolute; bottom: 7px; left: 0; width: 100%; text-align: center;
display: flex; justify-content: center; gap: 12px;
z-index: 20;
}


.carousel .dot {
width: 22px; height: 22px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
  transform: rotate(28deg);
transition: all 0.6s;
}


.carousel .dot.active {
background-image: url('/img/carousel/dot-active.svg');
opacity: 1;
  transform: rotate(388deg);

}
.carousel .dot.inactive {
opacity: 0.5;
background-image: url('/img/carousel/dot-inactive.svg');
}

  .carousel .slide a img.imgCarMob {
    display: none;
  }
    .carousel .slide a img.imgCarDesktp {
    display: block;
  }

@media screen and (max-width:600px) {
  .carousel .slide a img.imgCarMob {
    display: block;
  }
    .carousel .slide a img.imgCarDesktp {
    display: none;
  }
}