/* Box1 */
    .section1 {
        padding: 0 !important;
    }

    .Swiper1 {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1;
    }

    .Slide1 {
        width: 100%;
        height: auto;
    }

    .Slide1 .bj {
        width: 100%;
        height: 100%;
        position: relative;
        object-fit: cover;
        z-index: 1;
    }

    .Slide1 .text {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 0 var(--container);
        padding-top: 140px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        grid-gap: 25px;
    }

    .Slide1 .text h1 {
        font-size: 40px;
        color: #fff;
    }

    .Slide1 .text h2 {
        font-size: 18px;
        font-weight: bold;
        color: var(--color);
    }

    .Slide1 .text .desc {
        width: 50%;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        padding: 25px;
        position: relative;
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
    }

    .Slide1 .text .desc p {
        color: #fff;
        line-height: 1.5;
        padding-left: 15px;
        position: relative;
    }

    .Slide1 .text .desc p:before {
        content: "";
        display: block;
        position: absolute;
        width: 5px;
        height: 5px;
        background: #fff;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
    }

    .Slide1 .text a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 160px;
        height: 45px;
        border-radius: 8px;
        background: var(--color);
        color: #fff;
    }

    .pagination1 span {
        background: #fff;
        width: 14px;
        height: 14px;
    }

    .prev1 {
        width: 50px;
        height: 65px;
        background: #424246;
        z-index: 2;
        left: 0;
    }

    .next1 {
        width: 50px;
        height: 65px;
        background: #424246;
        z-index: 2;
        right: 0;
    }

    .next1.swiper-button-next:after,
    .prev1.swiper-button-prev:after {
        color: #fff;
        font-size: 20px;
    }

    @media (max-width:1200px) {
        .Slide1 .text {
            grid-gap: 10px;
            padding-top: 60px;
        }

        .Slide1 .text .desc {
            width: 100%;
        }

        .Slide1 .text h1 {
            font-size: 32px;
        }

        .Slide1 .text .desc {
            padding: 15px;
            grid-gap: 5px;
        }

        .Slide1 .text .desc p {
            font-size: 14px;
        }
    }

    @media (max-width: 720px) {
        .Slide1 .bj {
            height: 400px;
        }

        .Slide1 .text h1 {
            font-size: 24px;
        }

        .Slide1 .text h2 {
            font-size: 14px;
        }

        .pagination1 span {
            background: #fff;
            width: 8px;
            height: 8px;
        }

        .Slide1 .text a {
            width: 120px;
            height: 30px;
            font-size: 14px;
        }

        .Slide1 .text .desc p {
            line-height: 1.25;
        }

        .prev1 {
            width: 20px;
            height: 40px;
        }

        .next1 {
            width: 20px;
            height: 40px;
        }

        .next1.swiper-button-next:after,
        .prev1.swiper-button-prev:after {
            font-size: 16px;
        }
    }