/* ===== 19. Brand Area CSS ===== */
.bt_brand_area {
  background: #f6f6f6;
  padding: 70px 0;
}

@media screen and (max-width:1440px) {
  .bt_brand_area {
    padding: 50px 0;
  }
}

@media screen and (max-width:991px) {
  .bt_brand_area {
    padding: 30px 0;
  }
}


.slide_items {
  text-align: center;
  background: #fff;
  position: relative;
  border-radius: 0.75rem;
  border: 1px solid #00000024;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  overflow: hidden;
}
.slide_items:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transform: translateY(-8px);
    border-color:#e9ecf6;
}


.bt_brand_area .slick-slide {padding-top: 0;}