﻿.abcerti-swiper{padding:30px 0px 40px !important}
.abcerti-swiper .swiper-slide{position:relative;transition:transform .2s ease}
.abcerti-swiper .swiper-slide img{max-width:100%}
.abcerti-swiper .certi-item:after{content:"";display:block;padding-top:138%}
.abcerti-swiper .img-wrap{position:absolute;top:0px;left:0px;width:100%;height:100%;max-width:350px;max-height:600px}
.abcerti-swiper .certi-name{padding:10px 0px;text-align:center;display:none;}
.abcerti-swiper .certi-dot{width:10px;height:10px;background:#FFFFFF;position:absolute;border-radius:50%;left:50%;margin-left:-5px}
.abcerti-swiper .swiper-slide.is-active{transform:translate3d(0,0,0) scale(1.1)}
.abcerti-swiper .swiper-slide.is-active .certi-dot{display:none}
.abcerti-swiper .swiper-slide.is-active .certi-name{background:#FFFFFF;color:var(--color);position:relative}
.abcerti-swiper .swiper-slide.is-active .certi-name:after{content:"";position:absolute;bottom:-5px;display:block;height:4px;width:100%;background:var(--hovercolor)}
.abcerti-swiper:after{content:"";display:block;position:absolute;bottom:35px;width:100%;height:1px;background:#FFFFFF;left:0px}
.abcerti-swiper .swiper-slide.swiper-slide-active{transform: scale(1.1);z-index:9}
.abcerti-swiper .swiper-slide.swiper-slide-active .certi-name{display:block;color:var(--color)}
@media screen and (max-width:769px){
.abcerti-swiper .certi-name{font-size:var(--fontsize15);padding:1.3333333333vw 0}
.abcerti-swiper{padding:4vw 0vw 5.3vw !important}
.abcerti-swiper:after{bottom:4vw;width:auto;left:12vw;right:12vw}}