.services_list {
    display: grid;
    grid-gap: 30px
}

.services_list-item .services_header .text {
    color: #162739
}

.services_list-item .wrapper {
    border: 1px solid #c8c8c8;
    padding: 15px;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    border-radius: 2rem;
}

.services_list-item .wrapper:hover {
    border-color: #0da574;
    border-radius: 2rem;
    box-shadow: 0px 12px 25px 7px rgba(0, 0, 0, 0.15);
}

.services_list-item .wrapper .number {
    color: gold;
    font-family: Archivo, sans-serif;
    font-weight: 800;
    font-size: 36px;
    line-height: 40px
}

.services_list-item .wrapper .title {
    margin: 20px 0
}

.services_list-item .wrapper .description {
    margin-bottom: 40px;
    color: #202c38
}

@media screen and (min-width:567.98px) {
    .services_list-item .wrapper {
        padding: 20px
    }

    .services_list-item .number {
        font-size: 40px;
        line-height: 50px
    }

    .services_list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:767.98px) {
    .services_list {
        grid-template-columns: repeat(2, 1fr)
    }

    .services_list-item .wrapper {
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .services_list-item .wrapper .description {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (min-width:1023.98px) {
    .services_list {
        grid-template-columns: repeat(3, 1fr)
    }

    .services_list-item .wrapper {
        padding: 20px
    }

    .services_list-item .wrapper .number {
        font-size: 48px;
        line-height: 55px
    }
}


@media screen and (min-width:1279.98px) {
    .services_list {
        grid-template-columns: repeat(3, 1fr)
    }
}