.gallery-block {
    margin-top: 80px;
}

.main-carousel {
    width: 100%;
    --carousel-button-color: #170724;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    --carousel-button-svg-stroke-width: 1px;
}
.main-carousel .carousel__dots{
    gap: 8px;
    align-items: center;
    top: calc(100% + 24px);
}
.main-carousel .carousel__dots .carousel__dot{
    width: 100%;
    height: unset;
}
.main-carousel .carousel__dots .carousel__dot::after{
    background-color: #ECECEC;
    opacity: 1;
    border-radius: 0;
    height: 1px;
    width: 100%;
}
.main-carousel .carousel__dots .carousel__dot.is-selected::after{
    background-color: var(--blue-color);
    height: 2px;
}

.main-carousel .carousel__slide {
    width: 100%;
    height: 530px;
    padding: 0;
    max-height: 530px;
}
.main-carousel .carousel__slide img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-carousel .carousel__button.is-prev {
    left: 16px;
}
.main-carousel .carousel__button.is-next {
    right: 16;
}

.main-carousel .carousel__button:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--orange-color);
}
.main-carousel .carousel__button:focus svg path{
    stroke: var(--orange-color);
}

.thumb-carousel{
    margin-top: 16px;
}

.thumb-carousel .carousel__slide {
    opacity: 0.5;
    padding: 0;
    margin-right: 16px;
    width: 175px;
    height: 110px;
}

.thumb-carousel .carousel__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumb-carousel .carousel__slide {
    opacity: 1;
}
.thumb-carousel .carousel__slide.video-wrap::before{
    background-size: 40px;
}

@media screen and (min-width:1025px) {
    .main-carousel .carousel__dots{
        display: none;
    }
}
@media screen and (max-width:1024px) {
    .main-carousel .carousel__nav, .thumb-carousel{
        display: none;
    }
}
@media screen and (max-width:768px) {
    .main-carousel .carousel__slide {
        height: 450px;
    }
    .gallery-block{
        margin-top: 40px;
    }
}
@media screen and (max-width:425px) {
    .main-carousel .carousel__slide {
        height: 280px;
    }
    .gallery-block .h3{
        font-size: 15px;
    }
}