/* Swiper CSS Start */
ul.swiper-wrapper {
    margin-left: 0px;
}
.swiper-button-next, .swiper-button-prev {
    width: 22px !important;
    height: 22px !important;
    background: #ffffff73;
    border-radius: 40px;
    padding: 20px;
    border: 1px solid #ffffff;
}
.swiper-button-next, .swiper-button-prev {
    font-size: 29px;
    color: #003366;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    background: #fff;
}

 .autoplay-progress {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: #fff;
    }
    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: #fff;
      fill: none;
      stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }

/* Swiper CSS END */