.amenities .container {
  position: relative;
  z-index: 15;
}
.amenities .content {
  row-gap: 50px;
  justify-content: center;
  margin-top: -65px;
  /*position: relative;*/
  /*z-index: 25;*/
  background: var(--bg-color);
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01),
    24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04),
    3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  padding: 50px 25px;
  border-radius: 25px;
}
.amenities .box img {
  margin-bottom: 24px;
} 
.amenities .box h6 {
  margin: 0 auto;
  font-weight: 700;
  font-size: 18px;
  color: var(--title-text-color);
}

@media (max-width: 991px) {
  .amenities .content {
    row-gap: 30px;
    margin: 80px 0 0;
    padding: 40px 20px;
    box-shadow: none;
    border-radius: 15px;
  }
  .amenities .box h6 {
    font-size: 17px;
  }
  .amenities .box img {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .amenities .content {
    row-gap: 20px;
    margin: 30px 0 0;
    padding: 30px 0;
    border-radius: 10px;
  }
  .amenities .box h6 {
    font-size: 15px;
  }
  .amenities .box img {
    margin-bottom: 15px;
  }
}