.home-products{
    width:100%;
    min-height:300px;
    float:left;
    background-image:url('../../images/back/image3.webp');
    background-size:cover;
    background-position:center center;
    padding:30px 0;
    position:relative;
}
.home-products .swiper{
    min-height:300px;
    margin-top:100px;
}
    .home-products .swiper .swiper-slide {
        width: 400px !important;
        height: 400px;
    }
.home-products .swiper .swiper-slide .item{
    width:400px;
    height:400px;
    padding:150px;
    border-radius:20px;
    background-size:cover;
    background-position:center center;
    border:1px solid #ddd;
}
    .home-products .wrapper {
        width: 100px !important;
        height: 100px !important;
        border-radius: 100%;
        text-align: center;
        background: #ffff;
        -webkit-box-shadow: 12px 12px 53px -16px rgba(18,2,47,0.71);
        position: absolute;
        left: 100px;
        top: 100px;
        animation: wrapper 4s ease-in-out infinite;
    }
@keyframes wrapper {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
.swiper-button-prev:after, .swiper-button-next:after{
    font-size:20px;
    color:#ddd;
}
@media (max-width: 768px) {
    .home-products .wrapper {
        left: 20px;
        top: 150px;
    }
}