.sp-mask {
    border-radius: var(--border-radius);
}

.lg_slide {
    background-size: cover;
    background-position: center center;
    height: 100%;
    /*width: calc(100% - 204px);*/
    border-radius: var(--border-radius);
    position: relative;
}

.lg_slide img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.lg_slide__gradient {
    border-radius: var(--border-radius);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(206.75deg, rgba(74, 78, 111, 0) 45.06%, rgba(74, 78, 111, 0.9) 88.8%);
}

.lg_slide__bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 0 18px 18px 18px;
    display: none;
}

.lg_slide__title {
    font-size: calc( var(--font-size) * (34 - 24) + 24px);
    font-weight: bold;
}

.lg_slide__desc {
    font-size: calc( var(--font-size) * (20 - 14) + 14px);
    font-weight: 600;
    margin: 15px 0;
}

.lg_slide__buttons {
    display: flex;
    gap: 10px;
}

.lg_slide__buttons .but {
    display: table;
}

.lg_thumb {
    background-size: cover;
    width: 150px;
    height: 100px;
    border-radius: 24px;
}

.lg_thumb__bg {
    background:linear-gradient(0deg, rgba(77, 79, 100, 0.6), rgba(77, 79, 100, 0.6));
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.lg_thumb__image1 {
    background-image: url("/img/main-slide/1.jpg");
    background-size: cover;
}
.lg_thumb__image2 {
    background-image: url("/img/main-slide/2.jpg");
    background-size: cover;
}
.lg_thumb__image3 {
    background-image: url("/img/main-slide/3.jpg");
    background-size: cover;
}
.lg_thumb__image4 {
    background-image: url("/img/main-slide/4.jpg");
    background-size: cover;
}
.lg_thumb__image5 {
    background-image: url("/img/main-slide/5.jpg");
    background-size: cover;
}
.lg_thumb__image6 {
    background-image: url("/img/main-slide/6.jpg");
    background-size: cover;
}

.lg_thumb__title {
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 6px 12px;
    font-weight: bold;
}
@media (max-width: 767px) {
    .sp-bottom-thumbnails .sp-thumbnail-container, .sp-top-thumbnails .sp-thumbnail-container {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
    }
}

@media (min-width: 768px) {
    .lg_thumb {
        width: 160px;
        height: 130px;
    }
    .lg_thumb__title {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .lg_slide__desc {
        margin: 5px 0 20px 0;
    }
}

@media (min-width: 1400px) {
    .lg_thumb {
        width: 180px;
        height: 130px;
    }
    .lg_slide__bottom{
        padding: 0 40px 40px 40px;
    }
}

@media (min-width: 1920px) {
    .lg_slide__title {
        font-size: 34px;
    }
    .lg_slide__desc {
        font-size: 20px
    }
}

.sp-selected-thumbnail .lg_thumb__title{
    background-color: var(--color-text-dark);
    border-radius: var(--border-radius);
}
.sp-selected-thumbnail .lg_thumb__bg{
    background: none;
}

.sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container {
    margin-bottom: 20px;
    margin-left: 20px;
}

@media (min-width: 1200px) {
    .sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container {
        margin-bottom: 10px;
        margin-left: 10px;
    }
}

@media (min-width: 1600px) {
    .sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container {
        margin-bottom: 20px;
        margin-left: 20px;
    }
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    display: none;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  display: none;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    display: none;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    display: none;
}