.srv_list {display: flex;flex-wrap: wrap; align-items: center;justify-content: center;margin: 0 -20px;}
.srv_list li {width: 33.33%; padding: 0 20px 40px;}
.srv_list li:last-of-type{padding-bottom: 0}

.srvimg img {border-radius: 10px; width: 100%;}

.srv_content {display: flex;justify-content: space-between;align-items: center;padding: 25px 22px 20px;border-radius: 10px;
    background: #B1D194;border-top-left-radius: 0;border-top-right-radius: 0;}

.srv_content .srv_arrow {display: block; width: 40px;}

.srvimg {border-bottom: 2px solid #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;
    -webkit-box-shadow: 0px 0px 0px 1px rgb(255 255 255), 0px 0px 0px 0 rgb(194 194 194 / 40%);
    -moz-box-shadow: 0px 0px 0px 1px rgb(255 255 255), 0px 0px 0px 0 rgb(194 194 194 / 40%);
    box-shadow: 0px 0px 0px 1px rgb(255 255 255), 0px 0px 0px 0 rgb(194 194 194 / 40%);
    z-index: 1;position: relative; margin-bottom: -6px;}
.srv_txt{font-size: 20px; font-weight: bold;letter-spacing: 0.4px;line-height: 32px;color: #fff;font-family: 'Nunito-Bold';}
.srbox .srvimg{
    display: block;
    position: relative;
    overflow: hidden;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}
.srbox:hover .srvimg img {
    transform: scale(1.1);
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}
.srvimg{
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}
/*media query strat*/
@media(max-width:1650px) {
}
@media(max-width:1440px) {
}

@media(max-width:1280px) {
   .srv_content {padding: 25px 12px 20px;} 
    .srv_content .srv_arrow {width: 28px;}
}

@media(max-width:1199px) {
    .srv_txt {font-size: 18px;}
    .srv_list li {padding: 0 10px 20px;}
    .srv_list {margin: 0 -10px;}
}
@media(max-width:991px) {
    .srv_list li {padding: 0 10px 20px;width: 50%}
    .srv_list {margin: 0 -10px;}
}
@media(max-width:767px) {
    .srv_list li {padding: 0 10px 20px;width: 100%}
}
@media(max-width:575px) {
}