.card-sec{
    width: 100vw;
    background-image: url('../img/banner/texture.png');
    overflow: hidden;
    padding-bottom: 5em;
}

.card-wrapper {
    width: 100vw;
    height: 20em;
    display: grid;
    grid-template: " . . . ";
    justify-content: center;
    align-items: center;
}

.card {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 380px;
    height: 155px;
    margin: 1em;
    background: #fff;
    border-radius: 3px;
}

.text-card{
    width: 17em;
    height: 6em;
    display: grid;
    align-items: center;
    justify-content: center;
}

.img-card{
    width: 5em;
    height: 5em;
    background-color:#FAFAFA;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.img-card img{
    width: 2em;
}
.text-card h1 {
    width: 16em;
    color: #57C1DB;
    font: normal normal 400 17px/20px Poppins;
}


.text-card h2 {
    color: #1D2224;
    font: normal normal 403 15px/16px Poppins;
}


@media only screen and (max-width: 1229px) {
    .card-wrapper {
        height: 34em;
        grid-template: " . .";

    }
}

@media only screen and (max-width: 810px) {
    .card-wrapper {
        height: 66em;
        grid-template: " . ";
    }
}