/* ==========================================
   WooCommerce Product Slider
========================================== */
.swiper,
.swiper-wrapper,
.swiper-slide{
    overflow:visible !important;
}

.wcps-slider-wrapper{
    position:relative;
    width:100%;
    padding:30px 0;
    overflow:visible;
}

.wcps-slider{
    overflow:visible;
    padding:30px 10px 70px;
}

.wcps-slider .swiper-slide{
    height:auto;
}

/* ==========================
   Card
========================== */

.wcps-card{
    background:#01716D;
    border-radius:30px;
    padding:40px 35px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    min-height:560px;
    transition:.35s ease;
    overflow:hidden;
}

.wcps-card:hover{
    transform:translateY(-14px);
    box-shadow:0 30px 60px rgba(0,0,0,.18);
}

/* ==========================
   Image
========================== */

.wcps-image{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:35px 0;
}

.wcps-image img{
    width:250px;
    height:250px;
    object-fit:contain;
    transition:.4s ease;
}

.wcps-card:hover img{

    transform:scale(1.08);

}

/* ==========================
   Content
========================== */

.wcps-content{
    max-width:280px;
    margin:auto;
    text-align:center;
}

.wcps-content h3{
    color:#ffffff !important;
    font-size:24px;
    font-weight:700;
    line-height:1.3;
    text-align:center;
    margin:0;
    padding:0;
}

/* ==========================
   Button
========================== */

.wcps-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:180px;
    height:58px;

    border-radius:999px;

    background:#64B425;

    color:#ffffff !important;

    font-size:20px;
    font-weight:600;

    text-decoration:none;

    transition:.35s ease;

}

.wcps-btn:hover{

    background:#ffffff;
    color:#143917 !important;

}


/* ==========================
   Navigation
========================== */

.wcps-next,
.wcps-prev{

    width:52px!important;

    height:52px!important;

    border-radius:50%;

    background:#ffffff;

    box-shadow:0 10px 20px rgba(0,0,0,.12);

}

.wcps-next:after,
.wcps-prev:after{

    color:#47673C;

    font-size:18px!important;

    font-weight:bold;

}

/* ==========================
   Pagination
========================== */

.wcps-pagination{

    bottom:0!important;

}

.wcps-pagination .swiper-pagination-bullet{

    width:10px;

    height:10px;

    background:#cfcfcf;

    opacity:1;

}

.wcps-pagination .swiper-pagination-bullet-active{

    background:#47673C;

    width:26px;

    border-radius:50px;

}

/* ==========================
   Hover Animation
========================== */

.wcps-card:hover .wcps-content h3{

    transform:translateY(-4px);

    transition:.3s;

}

.wcps-card:hover .wcps-btn{

    transform:translateY(-4px);

}

/* ==========================
   Responsive
========================== */

@media(max-width:1200px){

.wcps-content h3{

font-size:28px;

}

}

@media(max-width:992px){

.wcps-image img{

height:240px;

}

.wcps-content{

padding:0 25px 25px;

}

.wcps-content h3{

font-size:24px;

min-height:auto;

}

}

@media(max-width:767px){

.wcps-image{

padding:30px 20px;

}

.wcps-image img{

height:180px;

}

.wcps-content{

padding:0 20px 25px;

}

.wcps-content h3{

font-size:22px;

margin-bottom:20px;

}

.wcps-btn{

padding:12px 24px;

font-size:14px;

}

}