.room-title{font-size: 32px!important; font-weight: 400!important; font-family: 'Roboto Slab',arial,sans-serif!important;  text-transform: uppercase!important; letter-spacing: .3rem!important;}
   .room-text{font-size: 18px; font-family: 'Roboto', sans serif; font-weight: 300; line-height: 1.5;}
   .price-box{ display: flex; flex-direction: column; height: 325px; align-items: center; justify-content: center; color: #fff; margin-top: 7px; border: solid 4px white; border-bottom: none!important; color: #fff; background: url(https://preprod.riadlecalife.com/wp-content/uploads/2023/04/roomtag-1.webp) no-repeat top right; box-sizing: border-box;}
    .from{font-family: 'Roboto',arial,sans-serif;font-style: italic; font-size: 16px; font-weight: 300; letter-spacing: 0.05em; color: #fff; text-transform: lowercase;}
    .price-text{font-family: 'Roboto Slab',arial,sans-serif; font-style: normal; font-size: 72px!important; font-weight: 400; letter-spacing: normal; color: #fff;}
    .per-night{font-family: 'Roboto',arial,sans-serif; font-style: italic; font-size: 16px; font-weight: 300; letter-spacing: 0.05em; color: #fff; text-transform: lowercase;}
    .container-5{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 1366px; margin-left: auto; margin-right: auto;}
.mobile{display: none;}
.tabs{width: 100%; display: flex; flex-direction: row; justify-content: flex-start; margin: 28px 0;}
.quart-width{width: 20%; cursor: pointer;}
.pernight{display: flex; flex-direction: row; align-items: baseline;}
.layout{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.other-rooms{color: #fff!important; font-weight: 500!important; text-align: center; text-transform: none!important; margin: 42px auto 28px auto!important; font-size: 42px!important;}
.full-width{ width: 100%; opacity: 1; display: none;}
.image{width: 100%; opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 750ms;}
.check{ display: flex; flex-direction: row; align-items: center;}
.book{height: 100px; padding: 14px 36px; border: solid 8px white; border-style: double!important; font-size: 28px; color: #AF8636;!important;font-weight: 800; cursor: pointer; text-decoration: none!important;margin-bottom: 28px; background-color: transparent!important; text-transform: uppercase; letter-spacing: .3rem; line-height: 1.5em; font-family: 'Bungee Shade';}
.book:hover{border-color: white!important;}
@keyframes fadeInOpacity {
0% {opacity: 0.5;} 100% {opacity: 1;}}
.quart-img{ width: 100%; border: groove; border-color: #878173;}
.chambre{ width: 51%; position: relative;}
.details-2{width: 30%;margin-left: 25px;}
.fa-solid, .fa-circle-check{height: 20px; color: #AF8636;}
  @media (max-width: 991px){ .fa-solid, .fa-circle-check { height: 12px!important; color: #AF8636;}
    .details-2{ margin: 0;}
    .chambre, .details-2{flex: 0 0 90%; margin: 28px 20px 0;}.mobile{display: block;}.desktop{display: none;} 
    a.control_prev, a.control_next {top: 6.5%!important; font-size: 24px!important;} .other-rooms{font-size: 30px!important; margin-top: 28px!important;}.room-title{font-size: 27px!important;}}