.grid_background {
    background-color: #F75929;
    background-image:
        linear-gradient(90deg, white 0.5px, transparent 1px),
        linear-gradient(#fff 0.5px, transparent 1px);
    background-size: 50px 50px;
    padding: 120px 0;
}

.reyting{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.reyting_card{
    background: white;
    padding: 16px 14px;
    border-radius: 20px;
}

.reyting_card h3{
    font-family: Montserrat;
        font-size: 40px;
        font-weight: 500;
        line-height: 60px;
        text-align: left;
        color: #F75929;
}

.reyting_card p{
    font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        text-align: left;
        color: #2D487D;
}



@media (max-width:1050px) {
    .reyting_card h3{
        font-size: 35px;
    }

    .reyting_card p{
        font-size: 16px;
    }
}

@media (max-width:932px) {
    .reyting{
    grid-template-columns: repeat(2, 1fr);
    }

    .reyting_card h3{
        font-size: 28px;
    }
}

@media (max-width:550px) {
    .reyting {
            grid-template-columns: repeat(1, 1fr);
    }

    .reyting_card{
        height: 150px;
    }
}