So, this entire area is JhotelResrvation Module. I figured out where the module files are but unfortunately I cannot edit the CSS to effect changes, doesn't seem to work on the custom CSS also. I would've initially written a code to set some padding to the dark-transparent box.
div.mod_hotel_reservation.horizontal {
padding-left: 55px;
}
This doesn't seem to effect any changes. Please view image below Experience Beautiful Ghana
Website URL https://gta.stillwaters.io/
The code you posted doesn't work beacuse that div already has a padding:
.mod_hotel_reservation.horizontal {
font-size: 15px !important;
padding: 10px 0 !important; //this one
}
So if you want the padding-left: 55px; to work you have to delete the padding: 10px 0 !important;.
If your css changes don't show up on your browser, have you tried to clear the cache for the website? You just have to press F12 key to enter developer tools when you are on your website. Then right click on the refresh button on the top left and click Empty cache and Hard reload.