.life-at-cit {
    background: #FFFFFF;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 244, 247, 1) 100%);
}

/*--- facility-card ---*/
.facility-card {
    position: relative;
  }
  .card-hover-text {
      bottom: 20px;
      right: 0;
      left: 0;
      margin: 0 2px 0 21px;
      padding: 25px;
      border-radius: 30px;
      z-index: 1;
  }
  .hover-icon {
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      z-index: 1;
 }
 .onHoverText {
      position: absolute;
      overflow: hidden;
      height: 0;
      bottom: 30px;
      right: 0;
      left: 0;
      margin: 0 12px 0 30px;
      border-radius: 30px;
      z-index: 3;
      background: #ffffff;
      transition: .7s ease;
  }
  .facility-card:hover .onHoverText {
    height: 60%;
  }
  .hover-icon, .card-hover-text{
      transition: .7s ease;
  }
  .facility-card:hover .hover-icon, .facility-card:hover .card-hover-text{
      transition: .7s ease;
      display: none;
  }
/*--- End facility-card ---*/

.testimonials {
    background: #FFF1F5;
    background: linear-gradient(90deg,rgba(255, 241, 245, 1) 0%, rgba(255, 249, 241, 1) 50%, rgba(255, 241, 245, 1) 100%);
}



.slider-container {
  overflow: hidden;
  margin: auto;
}

.slider-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  flex-shrink: 0;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}
@media (min-width: 320px) and (max-width: 767px){
    .card-hover-text {bottom: 40px;}
    .hover-icon{bottom: 8px;}
}
@media (min-width: 768px) and (max-width: 1023px){
    .card-hover-text {bottom: 40px;}
    .hover-icon{bottom: 11px;}
}
@media (min-width: 1024px) and (max-width: 1279px){
  .card-hover-text {bottom: 60px;}
  .hover-icon{bottom: 15px;}
}