.floor-section {
     margin-bottom: 50px;
 }

 .floor-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 25px;
     padding-bottom: 15px;
     border-bottom: 1px solid #d4c4b0;
 }

 .floor-title-en {
     font-size: 16px;
     font-weight: 500;
     color: #6b5d4f;
 }

 .floor-title-ar {
     font-size: 18px;
     font-weight: 600;
     color: #5a4a3a;
 }

 .room-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 15px 40px;
 }

 .room-grid.single-column {
     grid-template-columns: 1fr;
 }

 .room-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 10px 0;
 }

 .room-info {
     display: flex;
     align-items: center;
     gap: 15px;
 }

 .room-number {
     font-size: 14px;
     color: #c4a58a;
     min-width: 20px;
 }

 .room-name {
     font-size: 14px;
     color: #8b7355;
 }

 .room-dimensions {
     font-size: 13px;
     color: #a89580;
     white-space: nowrap;
 }

 @media (max-width: 768px) {

     .room-grid {
         grid-template-columns: 1fr;
         gap: 15px;
     }

     .floor-section {
         margin-bottom: 35px;
     }
 }




 .grid_about {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 0;
     width: 100%;
 }



 .main_title_lin {
     height: 100%;
     padding: 60px 40px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     position: relative;
     z-index: 1;
 }

 .card-image {
     width: 80px;
     height: 80px;
     margin-bottom: 40px;
     position: relative;
 }


 .card-content h2 {
     font-size: 25px;
     font-weight: 700;
     margin-bottom: 25px;
     letter-spacing: 1px;
 }

 .card-content p {
     font-size: 16px;
     line-height: 1.8;
     opacity: 0.95;
     max-width: 280px;
 }

 .col_grid_about,
 .col_grid_one,
 .col_about_tow {
     color: #ffffff;
 }

 .col_grid_for {
     color: #1a4d4d;
 }

 @media (max-width: 1200px) {
     .grid_about {
         grid-template-columns: repeat(2, 1fr);
     }

     .main_title_lin {
         padding: 50px 30px;
     }

     .card-content h2 {
         font-size: 28px;
     }
 }

 @media (max-width: 768px) {
     .grid_about {
         grid-template-columns: 1fr;
     }

     .main_title_lin {
         padding: 40px 25px;
         min-height: 400px;
     }

     .card-content h2 {
         font-size: 24px;
     }

     .card-content p {
         font-size: 15px;
     }
 }


 @media (min-width: 1600px) {

     .col_grid_one,
     .col_grid_about,
     .col_about_tow,
     .col_grid_for {
         height: 60vh;
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         image-rendering: auto;
     }
 }



 .col_grid_one {
     background-image: url('../img/about5.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
     overflow: hidden;
 }

 .col_grid_one h2 {
     font-size: 32px;
     font-weight: 700;
     margin-bottom: 25px;
     letter-spacing: 1px;
     color: #fff;
 }

 .col_grid_one p span {
     color: #fff;
     display: block;
 }


 .col_grid_about {
     background-image: url('../img/about4.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
     overflow: hidden;
 }

 .col_grid_about h2 {
     color: #B1A270;
 }


 .col_about_tow {
     background-image: url('../img/about6.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
     overflow: hidden;
 }

 .col_about_tow h2 {
     color: #B1A270;
 }



 .col_grid_for {
     background-image: url('../img/about3.png');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
     overflow: hidden;
     color: #1a4d4d;
 }