.index-swiper {
    --swiper-pagination-bottom: clamp(12px, calc(50 / 1920 * 100vw), 50px);
    --swiper-pagination-bullet-width: clamp(20px, calc(60 / 1920 * 100vw), 60px);
    --swiper-pagination-bullet-height: clamp(3px, calc(4 / 1920 * 100vw), 4px);
    --swiper-pagination-bullet-border-radius: 0;
    --swiper-pagination-color: rgba(255, 255, 255, 1);
    --swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, .5);
    height: clamp(300px, calc((830 / 1920) * 100vw), 830px);
}

.index-swiper .swiper-slide {
    position: relative;
}

.index-swiper .swiper-slide>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.index-swiper .swiper-slide__content {
    padding: clamp(100px, calc(240 / 1920 * 100vw), 240px) var(--spacing-40);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.index-swiper .swiper-pagination-bullet-active {
    --swiper-pagination-bullet-width: clamp(36px, calc(126 / 1920 * 100vw), 126px);
}

.business-layer .layer-main {
    position: relative;
}

.business-layer .business-swiper {
    padding: var(--spacing-20);
}

.business-layer .business-swiper .swiper-slide {
    /* overflow: hidden; */
    height: auto;
}

.business-layer .swiper-button {
    --w: clamp(30px, calc((80 / 1920) * 100vw), 80px);
    --swiper-navigation-sides-offset: calc(clamp(20px, calc((100 / 1920) * 100vw), 120px) * -1);
    width: var(--w);
    height: var(--w);
    background-color: rgba(208, 27, 39, 1);;
}

.business-layer .swiper-button::after {
    font-size: var(--font-size-18-clamp);
    color: #fff;
    /* color: var(--primary); */
}

.product-center-layer {
    height: calc(clamp(108px, calc((180 / 1920) * 100vw), 180px) * 5);
    position: relative;
    padding: 0;
}

.product-center-layer .product-center-layer__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.product-center-layer .layer-content {
    height: 100%;
    position: relative;
    z-index: 1;
    display: flex;
}

.product-center-layer .product-center-layer__left {
    padding-left: clamp(20px, calc((180 / 1920) * 100vw), 180px);
    padding-right: clamp(4px, calc((10 / 1920) * 100vw), 10px);
    position: relative;
    flex: 0 0 auto;
    background-color: rgba(0, 0, 0, .2);
}

.product-center-layer .product-center-layer__left::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    backdrop-filter: blur(40px);
}

.product-center-layer .product-center-layer__menu {
    width: clamp(200px, calc((486 / 1920) * 100vw), 486px);
    height: 100%;
    overflow: auto;
    position: relative;
    z-index: 1;
}

.product-center-layer .product-center-layer__menu::-webkit-scrollbar {
    width: clamp(2px, calc((4 / 1920) * 100vw), 4px);
    height: 0;
}

.product-center-layer .product-center-layer__menu::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 1);
    border-radius: 0px;
}

.product-center-layer .product-center-layer__menu::-webkit-scrollbar-thumb {
    background: rgba(196, 196, 196, .82);
    border-radius: 0px;
}

.product-center-layer .product-center-layer__menu::-webkit-scrollbar-button {
    display: none;
}

.product-center-layer .product-center-layer__menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .2);
}

.product-center-layer .product-center-layer__menu--item {
    --l: clamp(12px, calc((46 / 1920) * 100vw), 46px);
    --r: clamp(12px, calc((78 / 1920) * 100vw), 78px);
    --tb: clamp(12px, calc((60 / 1920) * 100vw), 60px);
    padding: var(--tb) var(--r) var(--tb) var(--l);
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.product-center-layer .product-center-layer__menu--item::after {
    content: '';
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0));
    position: absolute;
    left: 0;
    bottom: 0;
}

.product-center-layer .product-center-layer__menu--item:nth-last-of-type(1):after {
    background-image: none;
}

.product-center-layer .product-center-layer__menu--item .content {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.product-center-layer .product-center-layer__menu--item .icon {
    --w: clamp(40px, calc((60 / 1920) * 100vw), 60px);
    width: var(--w);
    height: var(--w);
    flex: 0 0 auto;
    position: relative;
}

.product-center-layer .product-center-layer__menu--item .icon::before,
.product-center-layer .product-center-layer__menu--item .icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    opacity: 0;
    transition: width .5s linear, height .5s linear, opacity .5s linear;
}

.product-center-layer .product-center-layer__menu--item .icon::before {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .6);
}

.product-center-layer .product-center-layer__menu--item .icon::after {
    width: 120%;
    height: 120%;
    border: 1px solid rgba(255, 255, 255, .2);
}

.product-center-layer .product-center-layer__menu--item:hover .icon::before {
    width: 120%;
    height: 120%;
    opacity: 1;
}

.product-center-layer .product-center-layer__menu--item:hover .icon::after {
    width: 140%;
    height: 140%;
    opacity: 1;
}

.product-center-layer .product-center-layer__menu--item .inner-text {
    flex: 1 0 0;
    color: #fff;
    font-size: var(--font-size-24-clamp);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-center-layer .product-center-layer__menu--item .icon-arrow {
    height: clamp(12px, calc((20 / 1920) * 100vw), 20px);
    margin-left: var(--spacing-20);
}

.product-center-layer .product-center-layer__right {
    --t: clamp(20px, calc((60 / 1920) * 100vw), 60px);
    --l: clamp(12px, calc((120 / 1920) * 100vw), 120px);
    padding-top: var(--t);
    padding-left: var(--l);
    padding-right: var(--spacing-40);
    flex: 1 0 0;
    overflow: hidden;
}

.product-center-layer .product-center-layer__right .section-wrap {
    --section-text: #fff;
    text-align: left;
}

.product-center-layer .product-center-layer__right .btn {
    margin-top: var(--spacing-40);
}

.news-layer .layer-header {
    display: flex;
    align-items: flex-end;
}

.news-layer .section-wrap {
    text-align: left;
    flex: 1 0 0;
}

.news-layer .layer-header .btn {
    color: var(--primary);
    background: none;
    line-height: 1.5;
    margin-bottom: clamp(2px, calc((4 / 1920) * 100vw), 4px);
    padding: 0;
}

.news-layer .news-swiper .swiper-slide {
    overflow: hidden;
}

.help-layer {
    --layer-spacing: clamp(30px, calc(100 / 1920 * 100vw), 100px) 0;
    background: url(../images/bg-2.jpg) no-repeat center center / cover;
}

.help-layer .section-wrap .section-wrap__title {
    font-weight: 700;
}

@media screen and (max-width: 1024px) {
    .business-layer .swiper-button {
        --swiper-navigation-sides-offset: -10px;
    }

    .product-center-layer {
        height: clamp(calc(80px * 5), calc((82 / 1920) * 100vw), calc(82px * 5));
    }

    .product-center-layer .product-center-layer__left {
        padding-left: clamp(16px, calc((40 / 1920) * 100vw), 100px);
    }

    .product-center-layer .product-center-layer__menu--item {
        --l: clamp(12px, calc((36 / 1920) * 100vw), 36px);
        --r: clamp(12px, calc((60 / 1920) * 100vw), 60px);
        --tb: clamp(20px, calc((40 / 1920) * 100vw), 40px);
    }

    .product-center-layer .product-center-layer__right {
        --t: clamp(20px, calc((40 / 1920) * 100vw), 60px);
        --l: clamp(12px, calc((60 / 1920) * 100vw), 120px);
    }
}