.popular {
    padding: 0px 0px 96px 0px;
  }
  @media (max-width: 991.98px) {
    .popular {
      padding: 0px 0px 112px 0px;
    }
  }
  
  .popular-item {
    background-color: #F3F4F5;
    border: 1px solid #EDEEF0;
    border-radius: 16px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    position: relative;
  }
  .popular-item:active, .popular-item:focus, .popular-item:hover {
    text-decoration: none;
  }
  .popular-item__content {
    padding: 32px 40px 48px 24px;
  }
  @media (max-width: 575px) {
    .popular-item__content {
      padding: 24px 32px 48px 24px;
    }
  }
  .popular-item__suptitle {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: -0.006em;
    color: #555E67;
  }
  @media (max-width: 575px) {
    .popular-item__suptitle {
      font-size: 12px;
      line-height: 1.33;
    }
  }
  .popular-item__title {
    margin: 0px 0px 24px 0px ;
  }
  .leasing .popular-item__title {
    margin: 0px 0px 24px 0px ;
  }
  @media (max-width: 767.98px) {
    .popular-item__title {
      margin: 0px 0px 16px 0px ;
    }
  }
  .popular-item__list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 5;
  }
  .popular-item__list li {
    margin: 0px 0px 16px 0px;
  }
  .popular-item__list li{
    padding-left: 24px;
  }
  .popular-item__list li:last-child {
    margin: 0px 0px 0px 0px;
  }
  @media (max-width: 767.98px) {
    .popular-item__list li {
      margin: 0px 0px 8px 0px;
    }
  }
  @media (max-width: 575px) {
    .popular-item__list li{
        padding-left: 22px;
    }
  }

  .popular .popular-item__image{
    padding-bottom: 61.72%;
  }

  .popular-item__image {
    margin-top: auto;
    /* height: 216px; */
    padding-bottom: 73.864%;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease 0s;

    
  }
  .popular-item__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    transition: all 0.3s ease 0s;
    /* image-rendering: crisp-edges; */
    -webkit-backface-visibility: hidden; 
    -ms-transform: translateZ(0); 
    -webkit-transform: translateZ(0); 
    transform: translateZ(0);
  }
  
  @media (min-width: 992px) {
    .popular-item__image img {
        object-fit: cover;
    }
    a.popular-item:hover {
      background-color: #FFFFFF;
      border: 1px solid #F2F2F4;
      box-shadow: 0px 24px 75px rgba(7, 18, 52, 0.1);
      transform: scale3d(1.01,1.01,1.01);
    }
    a.popular-item:hover .popular-item__image{
      transform: scale3d(1.05,1.05,1.05);
    }
    /* a.popular-item:hover .popular-item__image img{
        transform: scale3d(1.05,1.05,1.05);
      } */
    .swiper-slider-default-slide--big a.popular-item:hover .popular-item__image{
        transform: none;
    }
    .swiper-slider-default-slide--big a.popular-item:hover .popular-item__image img{
        transform: scale3d(1.05,1.05,1.05);
    }
  }

.popular .popular-item .popular-item__title {
    margin: 0px -5px 24px 0px;
}

@media (max-width: 767.98px){
    .popular .popular-item .popular-item__title {
        margin: 0px 0px 16px 0px;
    }
}

.leasing.leasing--audience .popular-item__content{
    padding-bottom: 15px;
}

.leasing.leasing--audience .popular-item__image{
    padding-bottom: 85.72%;
}

a.popular-item:hover .card-link-arrow{
    border: 1px solid rgba(72, 133, 247, 1);
    background: rgba(72, 133, 247, 1);
}
a.popular-item:hover .card-link-arrow svg{
    fill: #fff;
}