.banner {
    position: relative;
}

.banner .swiper-slide img {
    border-radius: 64px 64px 0 0;
    width: 100%;
    max-height: 600px;
}

.arrows {
    position: relative;
    width: 100%;
    top: -352px;
    max-width: 1265px;
    margin: 0 auto;
}

.arrows > div:after {
    color: #A44A3F;
    font-size: 21px;
    font-weight: bold;
}

.arrows > div {
    background: #FFFFFF;
  opacity: 0.5;
  border-radius: 24px;
  width: 64px;
  height: 64px;
  box-shadow: 0 0 8px 6px #727171;
}

@media (max-width: 1665px) {
    .arrows {
        top: -295px;
    }
}

@media (max-width: 1540px) {
    .shadow {
        height: 471px;
    }

    .arrows {
        top: -264px;
    }
}

@media (max-width: 1450px) {
    .ns {
        width: 92vw;
    }
}


@media (max-width: 1164px) {
    .banner {
        padding: 0 40px;
    }
}

@media (max-width: 780px) {
    .banner {
        padding: 0 16px;
    }

    .banner .swiper-slide img {
        border-radius: 24px 24px 0 0;
    }
}

@media (max-width: 430px) {
    .banner .swiper-slide img {
        height: 200px;
        object-fit: cover;
    }
}