.rental-rooms {padding: 60px 0;}
.rental-rooms .container {display: flex; flex-direction: column; gap: 35px;}
.rental-rooms .container .row-gap {row-gap: 35px;}
.rental-rooms .heading {font-size: 40px; line-height: 1.1; font-weight: 700; margin: 0; padding: 0; text-align: center;}
.rental-rooms .heading:after {height: 3px; content: ''; width: 70px; background-color: var(--two); border-radius: 2px; display: block; margin: 35px auto 0 auto; top: 100%;}
.rental-rooms p {text-align: center; margin: 0;}
.rental-rooms .buttons {display: flex; gap: 30px; flex-wrap: wrap;}
.rental-rooms .buttons .button:first-child {display: flex; padding: 15px 40px; background-color: var(--two); color: var(--one); border-radius: 5px; border: solid 1px var(--two);}
.rental-rooms .buttons .button:first-child:hover {background-color: var(--two-dark); border: solid 1px var(--two-dark); opacity: 1;}
.rental-rooms .buttons .button:last-child {display: flex; padding: 15px 40px; background-color: transparent; color: var(--one); border-radius: 5px; border: solid 1px var(--two); width: fit-content;}
.rental-rooms .buttons .button:last-child:hover {border: solid 1px var(--one); color: var(--one); background-color: transparent;}
.rental-rooms > .container > .row:last-child .button {display: flex; padding: 15px 40px; background-color: transparent; color: var(--three); border-radius: 5px; border: solid 1px var(--three); width: fit-content; margin: auto;}
.rental-rooms > .container > .row:last-child .button:hover {border: solid 1px var(--two); color: var(--two); background-color: transparent;}
.rental-rooms .single-room {filter: drop-shadow(0px 5px 25px rgba(0, 0, 0, 0.05));}
.rental-rooms .single-room .photo {width: 100%; height: 210px; object-fit: cover; display: block; border-radius: 10px 10px 0 0; filter: drop-shadow(0px 5px 25px rgba(0, 0, 0, 0.05));}
.rental-rooms .single-room .details {background-color: var(--three); color: var(--one); border-radius: 0 0 10px 10px; filter: drop-shadow(0px 5px 25px rgba(0, 0, 0, 0.05)); padding: 30px; display: flex; flex-direction: column; gap: 15px;}
.rental-rooms .single-room .details .name {font-family: 'Gloock', serif; font-weight: 300; font-size: 24px; line-height: 1.2;}
.rental-rooms .single-room .details .name:after {height: 3px; content: ''; width: 70px; background-color: var(--two); border-radius: 2px; display: block; margin-top: 20px; top: 100%;}
.rental-rooms p {text-align: center; margin: 0;}
.rental-rooms .single-room .details .additional-information {font-size: 18px;}
.rental-rooms .single-room .details .description p {text-align: left;}
.rental-rooms .single-room .attributes {color: var(--one); display: flex; gap: 35px; row-gap: 15px; flex-wrap: wrap;}
.rental-rooms .single-room .attributes li {display: flex; gap: 15px; font-size: 14px;}
.rental-rooms .single-room .attributes li img,
.rental-rooms .single-room .attributes li svg {width: 20px; height: 20px;}
.rental-rooms .single-room .attributes li svg * {fill: var(--two);}

@media (max-width: 991.98px) {
	
}

@media (max-width: 767.98px) {
	.rental-rooms .heading {text-align: center;}
	.rental-rooms .heading:after {margin: 35px auto 0 auto;}
}