/* PEOPLE CARDS@***************************************** */
.section-a-people-res  {
  display: none;
}
.section-a-people  {
  display: block;
}
.section-a-people .bg-slide {
  background-color: #e1edfc;
  position: absolute;
  width: 100%;
  height: 40%;
  left: 0;
  bottom: 50px
}

.section-a-people .swiper-slide {
  padding: 0 !important;
  /* border: 2px solid red; */
  /* margin: auto !important; */
}
.people-slider{
}
.people-slider .col{
  padding: 0 15px !important;
}
.section-a-people .title-bar {
  position: relative;
  z-index: 2;
  padding: 20px 0;
}
.people-slider .card {
    width: 100%;
    height: 400px;
    place-items: center;
    aspect-ratio: 50/75;
    isolation: isolate;
    position: relative;
    background-color: transparent;
    transform-style: preserve-3d;
    perspective: 1000px;
    z-index: 2;
  
    &:hover {
        & > .card-front {
            transform: rotateY(180deg);
        }
  
        & > .card-back {
            transform: rotateY(0deg);
            opacity: 1;
        }
    }
  }
  .card img{
    width: 100%;
  }
  
  .card-front,
  .card-back {
    aspect-ratio: inherit;
    transition: inherit;
    width: 100%;
    height: 100%;
    border-radius: 0.75rem;
    inset: 0;
    position: absolute;
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform 0.8s ease;
  }
  
  .card-front {
    z-index: 2;
  
    & > img {
        max-width: 100%;
        height: 100%;
    }
  }
  
  .card-back {
    background-color: #000000cc;
    backface-visibility: hidden;
    padding: 1.5rem;
    z-index: 2;
    overflow-y: scroll;
    transform: rotateY(-180deg);
    backdrop-filter: blur(5px);
    color: white;
  }
  

  @media (min-width: 481px) and (max-width: 767px) {
    .section-a-people-res  {
      display: none;
    }
    .card {
      height: 350px;
    }
    .card img {
      width: 100%;
    }
    .card-front,
    .card-back {
      margin: auto;
      width: 100%;
    }
    .card-back {
      font-size: 1em;
    }
  }
  
  /* Medium devices (portrait tablet) 768px to 1024px */

/* @media (max-width: 1200px) {
  .card {
    height: 200px !important;
  } 
} */

/* RESPOMNSIVE PEOPLE CSS START */

  
  @media (min-width: 768px) and (max-width: 1024px) {
    /* PEOPLE CARDS@***************************************** */
    .section-a-people-res  {
      display: block;
    }
    .section-a-people  {
      display: none;
    }
.section-a-people-res .bg-slide {
  background-color: #e1edfc;
  position: absolute;
  width: 100%;
  height: 40%;
  left: 0;
  bottom: 64px;
  z-index: 1;
}
.section-a-people-res .swiper-slide {
  padding: 0 !important;
  /* border: 2px solid red; */
  /* margin: auto !important; */
}

    .card {
      height: 250px!important;
    }
    .card-front,
    .card-back {
      width: 100%;
    }
    .card-back {
      font-size: 0.9em;
    }
  }
/* @media (max-width: 1200px) {
  .card {
    height: 200px !important;
  } 
} */

/* RESPOMNSIVE PEOPLE CSS START */