#body {
    background: #fff;
    line-height: 1.75;
    position: relative;
    word-break: break-all;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

#body:before {
    background: url(../image/bg1.De3rKec_2.jpg) bottom no-repeat;
    background-size: cover;
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-width:768px) {
    body:before {
        background-image: linear-gradient(135deg, #cbf3e2 10%, #fd820dcc);
        background-size: cover;
        height: 120vh
    }
    #body:before {
        min-height: 800px;
    }
}

@media screen and (min-width:1520px) {
    body:before {
        background-image: linear-gradient(135deg, #cbf3e2 10%, #fd820dcc);
        background-size: cover
    }
}

#body:after {
    background-size: 25px;
    content: "";
    height: 600px;
    left: 0;
    position: absolute;
    top: 1000px;
    width: 100%;
    z-index: 0
}

.swiper-pagination {
    bottom: -50px;
    display: flex !important;
    gap: 0 1rem;
    justify-content: center !important;
    left: 0
}

.swiper-pagination-bullet {
    background: #fff !important;
    border-radius: 0;
    height: .15rem !important;
    margin: 0 !important;
    opacity: 1 !important;
    transition: background-color .4s;
    width: 4.5rem !important
}

.swiper-pagination-bullet-active {
    background: #a89356 !important
}