.events-carousel {
        position: relative;
        overflow: visible;
        width: 100%;
    }
  .carousel-wrapper {
    overflow: hidden; /* sirf slides hide hongi */
    width: 100%;
  }

  .carousel-track {
    gap:10px;
    display: flex;
    transition: transform 0.5s ease-in-out;
  }


    .event-card {
        padding: 0;
        border-radius: 12px;
        flex: 0 0 25%;
        max-width: 25%;
        box-sizing: border-box;
        
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .event-card-image img {
        width: 100%;
        height: 250px !important;
        border-radius: 12px 12px 0 0;
      object-fit: cover;
    }

    .event-card-content {
        background-color: #EBE3D8;
        padding: 15px;
        border-radius: 0 0 12px 12px;
        text-align: center;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-family: Roboto;
        color: #4A0404;
    }
    /* Event Title    /// */
    .event-title {
        font-size: 22px;
          text-transform:
        font-family: Roboto Slab !important;
        font-weight: 600 !important;
        margin: 0 0 8px;
        color: #3A3A3A;
    }

    /* Event Date    /// */
    .event-date {
        font-family: Roboto Light !important;
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 0px;
        color: #3A3A3A;
    }
   
    /* Event Description    /// */
    .event-desc {
        font-family: Roboto !important;
        font-weight: 400;
        font-size: 16px;
        margin: 0 0 8px;
        line-height: 1.6;
        color: #3A3A3A;
    }
    .event-desc span {
        font-family: Roboto !important;
        font-weight: 400;
        font-size: 16px !important;
        margin: 0 0 8px;
        line-height: 1.6;
        color: #3A3A3A;
    }

    .event-btn {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        color: #4A0404;
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
      
    }
   .event-btn:hover{
     text-decoration: underline;
     color:#4A0404 !important;
    }

    /* arrows */
    .carousel-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
    }

    .carousel-btn img {
        width: 50px;
        height: 50px;
    }

    .carousel-btn.prev {
        left: -70px; /* bahar dikhane ke liye */
    }

    .carousel-btn.next {
        right: -70px; /* bahar dikhane ke liye */
    }

  /* 3 cards upto 1024px */
@media (max-width: 1024px) {
  .events-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .carousel-wrapper {
    width: 90%;
  }
  .carousel-btn.prev {
        left: -10px;
    }

    .carousel-btn.next {
        right: -10px;
    }
    .event-card {
      background: #ebe3d8;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

/* 2 cards on tablet */
@media (max-width: 900px) {
  .events-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .carousel-wrapper {
    width: 80%;
  }
    .event-card {
      background: #ebe3d8;
        flex: 0 0 50%;
        max-width: 50%;
    }   
  .carousel-btn.prev {
        left: -10px;
    }

    .carousel-btn.next {
        right: -10px;
    }
  
}

/* 1 card on mobile */
@media (max-width: 600px) {
  .events-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .carousel-wrapper {
    width: 80%;
  }
   .event-card {
     background: #ebe3d8;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .carousel-btn.prev {
        left: -10px;
    }

    .carousel-btn.next {
        right: -10px;
    }
}
@media (max-width: 425px){
  .carousel-wrapper {
    width: 100%;
  }
   .carousel-btn.prev {
        left: 0px;
    }

    .carousel-btn.next {
        right: 0px;
    }
}