.lp-three-col-row {
   /* max-width: 85% !important; */
   max-width: 1440px;
   width: 90%;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   justify-items: center;
   gap: 0;
   z-index: 1;
   padding-bottom: 18px !important;
}

/* width */
.lp-three-col-row::-webkit-scrollbar {
   height: 5px;
}

/* Track */
.lp-three-col-row::-webkit-scrollbar-track {
   background: #01577627;
}

/* Handle */
.lp-three-col-row::-webkit-scrollbar-thumb {
   background: #015676;
}

.lp-three-col-row .et_pb_column {
   /* width: 110%; */
   transform: scale(1.1);
   width: 100%;
   border-radius: 20px;
   margin: 0;
   z-index: 1;
}

.lp-three-col-row .et_pb_column .et_pb_image_wrap {
   min-width: 100% !important;
}

.lp-three-col-row .et_pb_column:nth-child(2) {
   position: relative;
   top: 100px;
   z-index: -1;
}

.lp-three-col-row .et_pb_column:nth-child(3) {
   position: relative;
   top: 200px;
   z-index: -2;
}

.lp-three-col-row .et_pb_column img {
   border-radius: 20px;
   width: 100%;
   min-height: 493px !important;
   max-height: 493px !important;
   object-fit: cover;
   transform: scale(1);
   transition: all 300ms ease-in-out;
}

.lp-three-col-row .et_pb_column:hover {
    z-index: 9999;
}

.lp-three-col-row .et_pb_column img:hover {
    transform: scale(1.1);
}


/* 
    amenities section
*/

.lp-amenities-section {
   /* background-size: 100% 1050px !important; */
   background-size: 100% 100% !important;
   background-position: center;
}

@media screen and (max-width: 768px) {
   .lp-three-col-row {
      max-width: initial !important;
      display: flex !important;
      justify-content: flex-start;
      gap: 26px !important;
      overflow-x: auto;
      margin-top: 64px;
   }

   .lp-three-col-row .et_pb_column {
      transform: scale(1);
      width: auto;
      min-width: 100% !important;
   }

   .lp-three-col-row .et_pb_column:nth-child(2) {
      position: initial;
   }

   .lp-three-col-row .et_pb_column:nth-child(3) {
      position: initial;
   }

   .lp-three-col-row .et_pb_column img {
      width: 100% !important;
   }
}

@media (min-width: 768px) and (max-width: 1060px) {
   .lp-three-col-row .et_pb_column img {
      min-height: auto !important;
   }
}

@media screen and (max-width: 600px) {
   .lp-three-col-row .et_pb_column {
      width: auto;
      min-width: 82% !important;
   }

   .lp-three-col-row .et_pb_column img {
      min-height: 390px !important;
      max-height: 390px !important;
   }
}