.cards-info {
    position: relative;
    padding: 40px 30px;
}

.cards-info .cards-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

.cards-info .cards-wrapper .card {
    color: var(--primary-color);
    padding: 30px 40px;
    height: 216px;
    border-radius: 40px;
    background-color: var(--secondary-color);
}

.cards-info .cards-wrapper .card:last-child {
    color: var(--white-color);
    background-color: var(--primary-color);
}

.cards-info .cards-wrapper .card>h2 {
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 85px;
}

.cards-info .cards-wrapper .card:nth-child(2)>h2>span {
    font-size: 40px;
}

.cards-info .cards-wrapper .card:last-child>h2>span {
    font-size: 30px;
}

.cards-info .cards-wrapper .card>h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
}

@media(max-width: 1400px) {
    .cards-info .cards-wrapper .card>h2 {
        font-size: 62px;
    }

    .cards-info .cards-wrapper .card:nth-child(2)>h2>span {
        font-size: 30px;
    }

    .cards-info .cards-wrapper .card:last-child:last-child>h2>span {
        font-size: 20px;
    }

    .cards-info .cards-wrapper .card>h4 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 20px;
        text-transform: uppercase;
    }
}

@media(max-width: 1100px) {
    .cards-info .cards-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .cards-info .cards-wrapper .card.card:last-child {
        grid-column: 1/3;
    }
}

@media(max-width: 480px) {
    .cards-info {
        position: relative;
        padding: 40px 15px;
    }

    .cards-info .cards-wrapper {
        grid-template-columns: 1fr;
    }

    .cards-info .cards-wrapper .card {
        padding: 20px 30px;
    }

    .cards-info .cards-wrapper .card.card:last-child {
        grid-column: auto;
    }
}