@charset "utf-8";
/* CSS Document */


.promo-single-item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: none;
  
}

    .promo-single-item:last-child {
        border-right: none
    }





.promo-single-item .content {
    width: 100%;
    font-size:18px;
    padding-top:10px;
    line-height:35px;
}



.promo-single-item .content * {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}


.promo-single-item .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 20px;
    background: #f8f5f3;
    border-radius: 25px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .promo-single-item .box::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear,left top,right top,from(#197242),to(#1aa359));
        background: linear-gradient(90deg,#197242 0,#1aa359 100%);
        -webkit-transform: scale(.985);
        transform: scale(.985);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        z-index: -1;
        border-radius: 25px;
        opacity: 0;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .promo-single-item .box:hover * {
        color: #fff
    }

    .promo-single-item .box:hover::after {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

.slist {
   
    border-right: none;
   
}

    .slist:last-child {
        border-right: none
    }





    .slist .slistword {
        width: 100%;
        font-size: 18px;
        padding-top: 10px;
        line-height: 35px;
        color: #1aa359;
    }



        .slist .slistword * {
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

    .slist .slistbox * {
        color: #fff
    }

    .slist .slistbox:hover * {
        color: #197242
    }