.cardItem {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
    border-radius: 0.55rem !important;
    background-color: #f8f9fa !important;
    padding: 0px !important;
    height: 120px !important;
    -webkit-border-radius: 0.55rem !important;
    -moz-border-radius: 0.55rem !important;
    -ms-border-radius: 0.55rem !important;
    -o-border-radius: 0.55rem !important;
        background: rgba(255, 255, 255, 0.45); /* نیمه شفاف */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.35);

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transition: background-color .4s ease, transform .3s ease, box-shadow .3s ease;
}

/* --- افکت شیشه‌ای (Glass Effect) برای کارت --- */


/* --- Hover انیمیشن نرم + تغییر رنگ --- */
.cardItem:hover {
    background: rgba(152, 234, 255, 0.25) !important; /* سبز بسیار ملایم شیشه‌ای */
    transform: translateY(-4px); /* بالا آمدن کارت */
    box-shadow: 0 8px 20px rgba(94, 185, 247, 0.25) !important; /* سایه سبز ملایم */
    border: 1px solid rgba(86, 217, 250, 0.25)  !important;
    cursor:  pointer !important;
}

/* --- محدود کردن P به 4 خط + ... --- */
.cardItem p {
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: gray;
    text-overflow: ellipsis;
}


@media (min-width: 1650px) {
  .col-2xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.ellipsis {
  white-space: nowrap;       /* متن توی یک خط بمونه */
  overflow: hidden;          /* متن اضافه مخفی بشه */
  text-overflow: ellipsis;   /* سه نقطه اضافه بشه */
}
  .switch {
      position: relative;
      display: inline-block;
      width: 40px;   /* عرض کوچیک‌تر */
      height: 20px;  /* ارتفاع کوچیک‌تر */
    }
    .switch input {
      opacity: 0;
      width: 0;
      height: 0;
    }
    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      transition: 0.3s;
      border-radius: 20px;
    }
    .slider:before {
      position: absolute;
      content: "";
      height: 14px; /* دکمه کوچیک‌تر */
      width: 14px;
      left: 3px;
      bottom: 3px;
      background-color: white;
      transition: 0.3s;
      border-radius: 50%;
    }
    input:checked + .slider {
      background-color: #4caf50;
    }
    input:checked + .slider:before {
      transform: translateX(20px);
      /*جابجاییکمترچونعرضکوچیکشد*/-webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      -webkit-transform: translateX(20px);
}
    #status {
      margin-top: 10px;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
    }


    .rtl .sidebar-nav .metismenu ul a {
    padding: 10px 35px 10px 15px !important;
}