﻿/*$background-color: #CAE3E0;
$footer-bg: #BFD8D5;
$brand-pink: #DE3251;
$brand-gold: #DA932B;
$dark-gold: #98671E;

$pink: #DE3251;
$dark-pink: #9B2339;*/
.room-features-component {
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
}
.room-features-component__container {
  display: block;
  justify-content: center;
  padding-top: 20px;
}
.room-features-component__container .slick-arrow {
  width: 35px;
  height: 35px;
  top: 30px;
  transform: unset;
  -webkit-transform: unset;
}
.room-features-component__container .slick-arrow::before {
  font-size: 35px;
  color: black;
}
.room-features-component__container .room-features {
  padding: unset;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.room-features-component__container .room-features .room-feature {
  margin: 0 5px 0 5px;
  width: 135px;
  text-align: center;
  text-align: -webkit-center;
}
.room-features-component__container .room-features .room-feature .icon-container {
  height: 60px;
  margin-bottom: 10px;
  align-content: center;
}
.room-features-component__container .room-features .room-feature .icon-container img {
  max-width: 70px;
  max-height: 60px;
}
.room-features-component__container .room-features .room-feature span {
  display: block;
  width: 100%;
}
@media (max-width: 991px) {
  .room-features-component__container {
    padding-top: 0;
  }
  .room-features-component__container .slick-arrow {
    width: 20px;
    height: 20px;
    top: 20px;
  }
  .room-features-component__container .slick-arrow::before {
    font-size: 20px;
  }
  .room-features-component__container .room-features .room-feature {
    width: 100px;
  }
  .room-features-component__container .room-features .room-feature .icon-container {
    height: 30px;
  }
  .room-features-component__container .room-features .room-feature .icon-container img {
    max-height: 30px;
    max-width: 35px;
  }
  .room-features-component__container .room-features .room-feature span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .room-features-component__container .room-features .room-feature {
    width: 85px;
  }
}
@media (max-width: 575px) {
  .room-features-component__container .room-features .room-feature {
    width: 75px;
  }
}
