.my_logo{
    height: 61px;
    width: 100%;
}

.max_text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .max_text_3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }


.my_input{
    padding-right: 10px;
}

.pagination{
    text-align: center !important;
    display: block !important;
}


.www:hover{
    background-color: var(--primaryColor); /* Darker Green */
    color: #fff;
    transform: translateY(-2px); /* Move button slightly up on hover */
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Add bigger shadow on hover */
}



.carousel-container {
    position: relative;
    max-width: 600px; /* Adjust as needed */
    margin: 0 auto;
    overflow: hidden;
  }

  .carousel-slide {
    display: flex;
  }

  .carousel-slide img {
    width: 100%;
    transition: transform 0.5s ease;
  }

  .prev-btn,
  .next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px;
  }

  .prev-btn {
    left: 0;
  }

  .next-btn {
    right: 0;
  }


.cadre{
    background: var(--whiteColor);
    padding: 15px;
    box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.05);
    margin-bottom: 30px
}
.pointer{
    cursor: pointer;
}

.date_color {
    color: var(--primaryColor);
}