/* .vvv{
    aspect-ratio: 388 / 332;
} */

.blh-img-cont {
  max-height: 500px;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blh-img-cont img {
  object-position: center;
  object-fit: cover;
  width: 100%;
  height: 100%;
  background-color: var(--img-err-bg);
}
@media (max-width: 576px) {
  .blh-text-cont {
    padding: 0rem 3rem;
    height: 22rem;
  }
  .blh-img-cont {
    height: 25rem;
  }
}
.community-page-wrapper{
    margin-top: 110px;
}
/* .vvv {
    aspect-ratio: 600 / 570;
    overflow: hidden;
} */
/* .blh-img-cont {
   max-height: 500px;
  }
  .blh-img-cont img {
    width: 100%;
    height: auto;
    overflow: hidden;
  } */

  .community-hero-right {
    /* border: 1px solid red;    */
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    /* align-items: center;  */
    background-color: var(--brand-color-200);
padding: 3rem;
    width: 100% ;
  }
  .community-hero-content{
    width: 100%;
    max-width: 500px;
    margin: auto;
    padding: 3rem 0px;
  }
  .community-hero-btn {
    background-color:var(--brand-color);
    color:#fff !important;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    border-radius: 8px;
  }
  .bl-filter-btn {
    width: auto;
    padding: .9375rem 1.5rem;
       flex-shrink: 0;
    background-color: var(--brand-color);
    color: #fff;
    outline: none;
  }
  .influencers-listing .slide-image{
    position: relative;
    width: 100%;
    aspect-ratio: 195 / 212 !important; /* Apply the aspect ratio */
    overflow: hidden;
    border-radius: 8px;
    height: auto;
    max-height: 330px !important ;
    transition: all .3s cubic-bezier(.5,0,0,1);;
    background-color: var(--img-err-bg);
}
  .slide-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: box-shadow 0.3s ease;
  }
  .influencer-name-card:hover .slide-image img {
    box-shadow: 0 .3125rem .9375rem #00000040;
}

  .influencer-slide-title{
    font-size: 1.25rem;
    display: inline-block;
    color: black;
  }
  .animated-line {
    position: relative;
    display: inline; /* Ensures it only takes the width of the text */
  }

  .animated-line::after {
    content: '';
    position: absolute !important;
    bottom: -4px;
    left: 0;
    width: 90px!important; /* Start with no width */
    height: 1.5px; /* Underline thickness */
    background-color: #000000; /* Underline color */
    transition: width 0.5s ease; /* Animation timing */
  }

  .influencer-name-card:hover .animated-line::after {
    width: 100% !important; /* Full underline width */
}
  .partner-with-us-text{
    max-width: 500px;
    text-align: center;
  }
  .partner-with-us-form{
    max-width: 767px;
    margin: auto;
  }
  @media (max-width: 576px) {
    .community-hero-right {

    padding: 0rem 1rem;
      }
  }
  @media (max-width: 1023px) {
    .community-page-wrapper{
        margin-top: 90px;
    }
    .community-hero-content{
        text-align: center;
      }
       .vvv {
        max-height: 600px;
    }


  }
  .stories-slide-item {
    width: 295px;
    /* padding: .5rem; */
    /* margin-right: 20px; */
}
.slide-image img {
    width: 100%;
    /* height: auto; */
}

.outer-stories{
padding: 10px;
}

.outer-stories:first-child {
padding-left: 3.125rem;
}
.stories-slide-item{
position: relative;
}
@media (max-width: 1023px) {
.outer-stories:first-child {
padding-left: 1.5rem;
}
}
.text-truncate2 {
display: -webkit-box;
-webkit-line-clamp: 2; /* Limits text to 2 lines */
-webkit-box-orient: vertical;
overflow: hidden;
}
.hover-bs {
transition: box-shadow 0.3s ease-in-out !important; /* Smooth transition for the box-shadow */
}
.influencer-name-card:hover .hover-bs {
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2) !important;
transition: box-shadow 0.3s ease-in-out !important; /* Smooth transition */
}
.home-slides-top {
  padding-top: 0px;
}