/* wwd swiper */
.wwd-swiper {
    /* width: 107%; */
    /* height: 100%; */
    /* margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1; */
}

/* .wwd-swiper .swiper-slide {
    background: #fff;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
} */

.wwd-service-container {
    cursor: pointer;
    overflow: hidden;
}

.wwd-service-container:hover .swiper-img {
    transition: 0.6s;
    transform: translateY(-50px);
}

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

.wwd-swiper
    .swiper-pagination
    .carousel-pagination.swiper-pagination-progressbar {
    background-color: hsla(0, 0%, 100%, 0.25);
}

.wwd-swiper .swiper-pagination-progressbar-fill {
    --swiper-theme-color: #ffffff;
}

.wwd-swiper .swiper-button-next {
    right: 3% !important;
    color: white;
    background-color: #283a97;
    padding: 2rem !important;
    border-radius: 2rem;
}

.wwd-swiper .swiper-button-prev {
    left: 2.5% !important;
    color: white;
    background-color: #283a97;
    padding: 2rem !important;
    border-radius: 2rem;
}

.carousel-pagination {
    top: 95% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60vw !important;
}

.carousel-pagination.swiper-pagination-progressbar:before {
    color: rgb(255, 255, 255);
    content: "01";
    position: absolute;
    right: calc(100% + 10px);
    top: -10px;
    font-size: calc(100vw * 0.01389);
}

.carousel-pagination.swiper-pagination-progressbar:after {
    color: rgb(255, 255, 255);
    content: attr(data-number);
    left: calc(100% + 10px);
    position: absolute;
    top: -10px;
    font-size: calc(100vw * 0.01389);
}

.service-container {
    width: 100%;
    height: 80%;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.service-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 90%;
    width: 90%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.service-container .swiper-slide img {
    display: block;
    width: 96%;
    height: 95%;
    object-fit: cover;
}