.watch-video svg,
.watch-video img {
    max-width: 1.5rem;
}

.swiper-button-next,
.swiper-button-prev {
    height: calc(100% - 1rem);
    top: 2rem;
    width: 3rem;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: '';
}

.swiper-button-next img,
.swiper-button-next svg,
.swiper-button-prev img,
.swiper-button-prev svg {
    max-width: 2rem;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev:hover svg path:first-child,
.swiper-button-next:hover svg path:first-child {
    fill: var(--secondary-color-dark);
}

.swiper-button-prev:hover svg path:nth-child(2),
.swiper-button-next:hover svg path:nth-child(2) {
    fill: white;
}

.mySwiper {
    padding-left: 2px;
}

.mySwiper .swiper-slide {
    padding: 0.25rem;
    border: 1px solid #e3e2e2;
    opacity: 0.5;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.slider {
    border: 1px solid #e3e2e2;
}

.slider .video-item::after,
.mySwiper .video-item::after {
    content: '';
    position: absolute;
    cursor: pointer;
    z-index: 1;
    background-image: url('../images/play-icon.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 0 0 26px #f0f0f0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.slider .video-item::after {
    top: calc(50% - 2.5rem);
    left: calc(50% - 2.5rem);
    width: 5rem;
    height: 5rem;
}

.mySwiper .video-item::after {
    top: calc(50% - 0.875rem);
    left: calc(50% - 0.875rem);
    width: 1.75rem;
    height: 1.75rem;
}

.gallery-item img {
    max-width: fit-content;
    max-height: 320px;
    margin: 0 auto;
}

.thumbs-img img {
    max-width: fit-content;
    height: 75px;
    margin: 0 auto;
    object-fit: cover;
}

@media screen and (min-width: 768px) {
    .mySwiper .swiper-slide {
        padding: 0.5rem;
    }
}

@media screen and (min-width: 1440px) {
    .w-xxl-70 {
        max-width: 70%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .watch-video {
        order: 1;
    }
    .table-responsive {
        order: 2;
    }
}
@media screen and (max-width: 767px) {

    .swiper-button-next,
    .swiper-button-prev {
        width: 2rem;
    }

    .slider .video-item::after {
        top: calc(50% - 1.75rem);
        left: calc(50% - 1.75rem);
        width: 3.5rem;
        height: 3.5rem;
    }
    
    .mySwiper .video-item::after {
        top: calc(50% - 0.625rem);
        left: calc(50% - 0.625rem);
        width: 1.25rem;
        height: 1.25rem;
    }
}

@media screen and (max-width: 576px) {
    .table {
        min-width: 550px;
    }
}

@media screen and (max-width: 500px) {
    .table {
        min-width: 480px;
    }
}

.product p {
    text-align: justify;
}

.list-styled li {
    padding: 0.25rem 0;
    margin-bottom: 0.4rem;
}

@media screen and (min-width: 576px) {
    .list-flexed {
        display: flex;
        align-items: flex-start;
    }

    .list-flexed ul {
        width: 100%;
        max-width: 50%;
    }
}