.specialOffer {
    --specialOfferColor: var(--color-white);
    --specialOfferPdBlock: 51px;
    --specialOfferBgColor: var(--color-white);
    padding-block: var(--specialOfferPdBlock);
    background-color: var(--specialOfferBgColor);

    @media (max-width: 1024px) {
        --specialOfferPdBlock: 60px
    }
    @media (max-width: 500px) {
        --specialOfferPdBlock: 40px 50px;
    }
}

@media screen and (max-width: 1024px) {
    .specialOffer {
        --specialOfferPdBlock: 60px
    }
}
@media screen and (max-width: 500px) {
    .specialOffer {
        --specialOfferPdBlock: 40px 50px;
    }
}