.owl-carousel .owl-nav {
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   display: flex;
   justify-content: space-between;
   transform: translateY(-50%);
   pointer-events: none;
   z-index: 10;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
   background: #4CAF50; /* Yashil */
   border: none;
   color: white;
   border-radius: 50%;
   width: 45px;
   height: 45px;
   font-size: 20px;
   line-height: 45px;
   text-align: center;
   pointer-events: all;
   transition: background-color 0.3s, transform 0.2s;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
   background: #388E3C; /* Qoraroq yashil */
   transform: scale(1.1);
}

.card {
   border: none;
   border-radius: 12px;
   box-shadow: 0 4px 12px rgba(0, 128, 0, 0.1); /* Yashil rangli soya */
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   background-color: #ffffff;
   margin: 10px;
}

.card:hover {
   transform: translateY(-6px);
   box-shadow: 0 8px 20px rgba(0, 128, 0, 0.15);
}

.card-img-top {
   border-radius: 10px;
   max-height: 250px;
   object-fit: cover;
}

.card-title {
   font-size: 18px;
   font-weight: 600;
   color: #2e7d32; /* Qoraroq yashil */
   margin-top: 12px;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   transition: color 0.3s ease;
}

.card-title:hover {
   color: #1b5e20;
}

.my-img-fluid {
    max-width: 118px !important;
    height: auto !important;
    display: block !important;
    border-radius: 10% !important;
}