.recommended-warp .swiper {
    padding-top:30px;
    padding-bottom:60px;
  }
  .recommended-warp .swiper-slide {
    width: 340px;
    height: 340px;
    filter:grayscale(0.8);
    box-shadow:var(--bs-box-shadow-lg);
  }
  .recommended-warp .swiper-slide-active {
    filter:grayscale(0);
    box-shadow:var(--bs-box-shadow-xl);
  }
  .recommended-warp .swiper-slide,
  .recommended-warp .swiper-slide-active {
      height:17rem;
  }
  .recommended-warp .image-wrapper.bgCover{
      min-height:17rem;
  }

  @media (min-width:991.98px){
    .image-wrapper.bgCover,
    .new-wrap .image-wrapper.bgCover{
        min-height:14.6rem;
    }
    .author-wrap .image-wrapper.bgCover{
        min-height:15.38rem;
    }
  }
   @media (min-width:1199.98px){
    .projects-masonry .image-wrapper.bgCover{
        min-height:17rem;
    }
    .new-wrap .image-wrapper.bgCover{
        min-height:14.6rem;
    }
  }
  @media (min-width:1399.98px){
    .projects-masonry .image-wrapper.bgCover{
        min-height:20.15rem;
    }
    .art-wrap .image-wrapper.bgCover{
        min-height:19rem;
    }
  }


  @media (max-width:1399.98px){
    .art-wrap .image-wrapper.bgCover{
        min-height:17rem;
    }
  }
  @media (max-width:1199.98px){
    .projects-masonry .image-wrapper.bgCover{
        min-height:22rem;
    }
    .art-wrap .image-wrapper.bgCover{
        min-height:14.6rem;
    }
  }
  @media (max-width:991.98px){
    .image-wrapper.bgCover{
        min-height:25rem
    }
    .new-wrap .image-wrapper.bgCover{
        min-height:15.38rem;
    }
    .projects-masonry .image-wrapper.bgCover,
    .author-wrap .image-wrapper.bgCover,
    .art-wrap .image-wrapper.bgCover{
        min-height:16.3rem;
    }
  }
  @media (max-width:767px){
    .image-wrapper.bgCover{
        min-height:20.15rem;
    }
    .author-wrap .image-wrapper.bgCover{
        min-height:19.4rem;
    }
    .projects-masonry .image-wrapper.bgCover{
        min-height:18.8rem;
    }
    .new-wrap .image-wrapper.bgCover{
        min-height:22rem;
    }
  }
  @media (max-width:567px){
    .new-wrap .image-wrapper.bgCover{
        min-height:19rem;
    }
  }

  .bgCover{
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important
  }

  .project.item figcaption {
    overflow:hidden;
    min-height:8.6rem;
  }

  figcaption .post-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

.truncate {
  width:92%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.date-picker {
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 96% 50%;
  background-image: url('/assets/img/common/calender@3x.png');
}

@media (min-width: 768px) {
  .date-picker {
    background-size: 24px auto;
    background-position: 95% 50%;
  }
}