.services {
    padding-bottom: 100px;
}
.services .header {
    margin-bottom: 50px;
}
.services .header h2 {
    color: #333;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}
.services .wrap {
    border-radius: 20px;
    border: 1px solid #E0E0E0;
    background: #fff;
    padding: 20px;
}
.services .wrap h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin: 15px 0;
}
.services .wrap p {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 142%;
    letter-spacing: 0.048px;
}
.services .wrap a {
    color: #4F9C34;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    text-decoration: none;
}
.services .slick-slide {
    margin: 0 5px;
}

.services .slick-prev {
    border: 1px solid #828282;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    top: auto;
    bottom: -80px;
    left: 44%;
    transform: translate(0);
}
@media (max-width: 1200px) {
    .services .slick-prev {
        left: 41%;
    }
}
@media (max-width: 767px) {
    .services .slick-prev {
        left: 37%;
    }
}
@media (max-width: 576px) {
    .services .slick-prev {
        left: 30%;
    }
}
.services .slick-prev .slick-prev-icon:before {
    opacity: 1;
    color: #828282;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f060";
    font-size: 16px;
}
.services .slick-next {
    border: 1px solid #828282;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    top: auto;
    bottom: -80px;
    right: 44%;
    transform: translate(0);
}
@media (max-width: 1200px) {
    .services .slick-next {
        right: 41%;
    }
}
@media (max-width: 767px) {
    .services .slick-next {
        right: 37%;
    }
}
@media (max-width: 576px) {
    .services .slick-next {
        right: 30%;
    }
}
.services .slick-next .slick-next-icon:before {
    opacity: 1;
    color: #828282;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    font-size: 16px;
}

.services .wrap {
    min-height: 420px;
    position: relative;
}
@media (max-width: 1400px) {
    .services .wrap {
        min-height: 440px;
    }
}
@media (max-width: 767px) {
    .services .wrap {
        min-height: 340px;
    }
}
@media (max-width: 440px) {
    .services .wrap {
        min-height: 380px;
    }
}
.services .wrap .click {
    position: absolute;
    bottom: 15px;
}
