.dhsv_smartphone-carousel .swiper-slide {
    padding-bottom: 66%;
    transition: transform .25s ease-in-out;
}

.obj-fit {
    object-fit: cover;
    overflow: hidden;
    transform: scaley(1.02) scalex(1.05);
}

.swiper-btn-next {
    position: absolute;
    right: -20px;
    top: calc(50% - 62.5px);
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.swiper-btn-prev {
    position: absolute;
    left: -20px;
    top: calc(50% - 62.5px);
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.swiper-btn-prev svg,
.swiper-btn-next svg {
    width: 80px;
    height: 80px;
}

@media (max-width: 767px) {
    .swiper-btn-prev{
        left: 0;
    }
    .swiper-btn-next{
        right: 0;
    }
    .swiper-btn-prev svg,
    .swiper-btn-next svg {
        width: 30px;
        height: 30px;
    }
}

.swiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: #d7e0e4;
    margin: 0 10px !important;
    transition: all .25s ease-in-out;
    border-radius: 50%;
    cursor: pointer;
    transform: scale(.66);
    opacity: 1;
}

.swiper .swiper-pagination-bullet-active {
    background-color: #153e4a;
    transform: scale(1);
}

.dhsv_smartphone-carousel {
    position: relative;
    max-width: 790px;
    margin: 0 auto;
    padding: 0 66px
}

@media (max-width: 1799.98px) {
    .dhsv_smartphone-carousel {
        padding: 0
    }
}

@media (max-width: 767.98px) {
    .dhsv_smartphone-carousel {
        max-width: 310px;
        padding: 0 30px
    }
}

.dhsv_smartphone-carousel .swiper {
    padding-top: 10px
}

.dhsv_smartphone-carousel .swiper:after,
.dhsv_smartphone-carousel .swiper:before {
    content: "";
    position: absolute;
    top: 0;
    width: 12px;
    height: 100%;
    background: #fff;
    z-index: 10
}

.dhsv_smartphone-carousel .swiper:before {
    left: 0;
    transform: translateX(-50%)
}

.dhsv_smartphone-carousel .swiper:after {
    right: 0;
    transform: translateX(50%)
}

@media (min-width: 576px) {
    .dhsv_smartphone-carousel .swiper:after,
    .dhsv_smartphone-carousel .swiper:before {
        width: 6px
    }
}

.dhsv_smartphone-carousel .swiper .swiper-pagination,
.dhsv_smartphone-carousel .swiper .swiper-wrapper {
    z-index: 1
}

.dhsv_smartphone-carousel .swiper-slide-active .dhsv_smartphone-carousel__slide {
    border: 10px solid #000 !important
}

@media (max-width: 1439.98px) {
    .dhsv_smartphone-carousel .swiper-slide-active .dhsv_smartphone-carousel__slide {
        border-width: 6px !important
    }
}

.dhsv_smartphone-carousel__slide {
    overflow: hidden;
    border: 10px solid #838383;
    border-radius: 25px;
    height: calc(100% - 30px);
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.dhsv_smartphone-carousel__slide img,
.dhsv_smartphone-carousel__slide video {
    height: 100%;
    width: 100%
}

@media (max-width: 1439.98px) {
    .dhsv_smartphone-carousel__slide {
        border-width: 6px
    }

    .dhsv_smartphone-carousel__slide img {
        object-fit: contain
    }
}

@media (max-width: 767.98px) {
    .dhsv_smartphone-carousel__slide {
        max-width: 190px;
        width: 82%;
        margin: 0 auto
    }
}

.dhsv_smartphone-carousel .swiper {
    padding-bottom: 50px
}

@media (min-width: 768px) {
    .dhsv_smartphone-carousel .swiper {
        padding-bottom: 75px
    }
}

.dhsv_smartphone-carousel .swiper-btn {
    position: absolute;
    top: calc(50% - 50px);
    cursor: pointer;
    font-size: 25px;
    z-index: 2
}

@media (min-width: 768px) {
    .dhsv_smartphone-carousel .swiper-btn {
        font-size: 36px;
        top: calc(50% - 62.5px)
    }
}

.dhsv_smartphone-carousel .swiper-wrapper {
    margin-left: -6px;
    padding: 25px 0
}

@media (min-width: 768px) {
    .dhsv_smartphone-carousel .swiper-wrapper {
        padding: 25px 0
    }
}

@media (max-width: 1439.98px) {
    .dhsv_smartphone-carousel .swiper-wrapper {
        margin-left: -5px
    }
}

.dhsv_smartphone-carousel .swiper-slide {
    padding-bottom: 66%;
    transition: transform .25s ease-in-out
}

@media (max-width: 767.98px) {
    .dhsv_smartphone-carousel .swiper-slide {
        height: 415px;
        padding-bottom: 0
    }
}

.dhsv_smartphone-carousel .swiper-slide-next,
.dhsv_smartphone-carousel .swiper-slide-prev {
    z-index: 1
}

@media (max-width: 991.98px) {
    .dhsv_smartphone-carousel .swiper-slide-next,
    .dhsv_smartphone-carousel .swiper-slide-prev {
        transform: scale(.85)
    }
}

.dhsv_smartphone-carousel .swiper-slide-prev {
    margin-right: 4px
}

@media (min-width: 768px) {
    .dhsv_smartphone-carousel .swiper-slide-prev .dhsv_smartphone-carousel__slide {
        transform: translate(52px, 5.5px)
    }
}

.dhsv_smartphone-carousel .swiper-slide-next {
    margin-left: 4px
}

@media (min-width: 768px) {
    .dhsv_smartphone-carousel .swiper-slide-next .dhsv_smartphone-carousel__slide {
        transform: translate(-52px, 5.5px)
    }
}

.dhsv_smartphone-carousel .swiper-slide-active {
    z-index: 2
}

@media (max-width: 991.98px) {
    .dhsv_smartphone-carousel .swiper-slide-active {
        transform: scale(1)
    }
}

@media (min-width: 768px) {
    .dhsv_smartphone-carousel .swiper-slide-active {
        transform: scale(1.12)
    }
}