* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
 .dj-details .bottom-row p{
    line-height: 1.8rem;
  }
  .height-15{
      height:15rem;
      object-fit:cover;
  }
  .height-20{
      height:20;
      object-fit:cover;
  }
   .height-25{
    height:25rem;
    object-fit:cover;
  }
  .team-section{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap:1.5rem;
  }
  .team-section .role{
    font-size: 1rem;
    font-weight: 550;
  }
  /* Style for navigation arrows */
  .swiper-button-next:after, .swiper-button-prev:after{
    font-size: 1.25rem !important;
    font-weight: 800 !important;
  }
  .swiper-button-next:after{
    margin-left: 5px;
  }
  .swiper-button-prev:after{
    margin-right: 2px;
  }
  .swiper-button-next, .swiper-button-prev {
    position: absolute !important;
  }
  .swiper-button-prev, .swiper-button-next{
    color: #FCD406 !important;
    background: #0b0b0b !important;
    border: 2px solid #FCD406;
    padding: 1.5rem;
    transform: translateY(-100px);
  }
  .container{
    overflow: hidden;
  }
  /* Style for pagination indicators */
  .swiper-pagination {
      bottom: 10px;
      position: static !important;
      z-index: 1 !important;
  }
  .swiper-pagination-bullet-active {
      width: 0.75rem !important;
      height: 0.75rem !important;
      background-color:  #FCD406 !important;
      border-radius: 0 !important;
      opacity: 1;
  }
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
    width: 0.75rem !important;
    height: 0.75rem !important;
    background-color: inherit !important;
    border: 2px solid #FCD406 !important;
    border-radius: 0 !important;
    opacity: 1;
    border: 2px solid #FCD406 !important;
  }
  .swiper-pagination-bullet{
      background-color: #000;
  }
  .swiper-notification{
    display: none !important;

  }

  @media (max-width:992px){
    .about .title{
      text-align: center;
    }
    .team-section{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width:600px) {
    .swiper-button-prev, .swiper-button-next{
      transform: translateY(-50px);
    }
    .height-25{
      height:20rem;
  }
  .team-section .height-15{
    height: 10rem !important;
  }
  .team-section .role{
    font-size: 0.8rem;
  }
  .team-section .card .card-body{
    padding-left:1rem !important;
    padding-right: 1rem !important;
  }
  }
  @media (max-width:480px) {
    .swiper-button-prev, .swiper-button-next{
      padding: 1rem;
      width: 2.5rem !important;
      height: 2.5rem !important;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
      font-size: 0.9rem !important;
    }
    .dj-details .bottom-row p{
      font-size: 0.9rem;
      line-height: 1.5rem;
    }
   .height-25, .height-20{
      height:15rem;
   }
 }