@charset "utf-8";

/* CSS Document */

#certify {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

/* #certify .swiper-container {
    padding-bottom: 2.8125rem;
} */

#certify .swiper-slide {
    width: 35vw;
    height: 24.83vw;
    transition: all 0.6s ease;
    transform-origin: center center;
    position: relative;
    opacity: 0;
    transform: scale(0.8);
}

#certify .swiper-slide-active {
    transform: scale(1.2);
    opacity: 1;
    z-index: 2;
}

#certify .swiper-slide-prev,
#certify .swiper-slide-next {
    transform: scale(0.9);
    opacity: 0.6;
    z-index: 1;
}

#certify .swiper-slide img {
    display: block;
    width: 55rem !important;
    height: 28rem !important;
    border-radius: 0.5rem;
    transition: all 0.6s ease;
}

#certify .swiper-slide p {
    line-height: 2rem;
    padding-top: 0;
    /* text-align: center; */
    color: #FFF;
    font-size: 0.9em;
    margin: 0;
    position: relative;
    bottom: 2rem;
    background: #00000085;
    text-indent: .9375rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    /* padding-right: .9375rem; */
    text-align: start;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
 
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 1.25rem;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .3125rem;
    border: .1875rem solid #fff;
    background-color: #d5d5d5;
    width: .625rem;
    height: .625rem;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: .1875rem solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: -1.875rem;
    width: 2.8125rem;
    height: 4.875rem;
    background: url(../images/wm_button_icon1.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

#certify .swiper-button-prev:hover {
    background-position: 0 -5rem;
    background-size: 100%
}

#certify .swiper-button-next {
    right: -1.875rem;
    width: 2.8125rem;
    height: 4.875rem;
    background: url(../images/wm_button_icon1.png) no-repeat;
    background-position: 0 -9.875rem;
    background-size: 100%;
}

#certify .swiper-button-next:hover {
    background-position: 0 -14.875rem;
    background-size: 100%
}

#certify .swiper-button-prev::after,
#certify .swiper-button-next::after {
    content: '';
}