.rp-hero-promo-home { background-size:cover; background-position:center; padding:40px 20px; }

@media (max-width:567px) {
.rp-hero-promo-home { padding:20px 3px 10px 3px;}
}

.rp-hero-promo-home__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }

@media (max-width:567px) {
.rp-hero-promo-home__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; } }

.rp-hero-promo-home__card { position:relative; display:block; }

.rp-hero-promo-home__card img { display:block; width:100%; height:auto; background: #ffffff24;
    border-radius: 10px;}


.rp-hero-promo-home__title {  text-align:center; font-weight:600; padding:0px; display: grid;
    font-size: 13px;}

@media (min-width:768px) {
.rp-hero-promo-home__title {  font-size: 17px; }
}

@media (min-width:768px) {
.rp-hero-promo-home__grid { gap:24px;}
}