.thumbnail-wrapper {
  position: relative;
  width: 100%;
  max-width: 180px; /* 266px x 150px is a 16:9 ratio */
  aspect-ratio: 16 / 9; /* Modern browsers */
  overflow: hidden;
  border-radius: 8px; /* Optional for rounded corners */
  background: #eee;
}

.thumbnail-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.custom-full h2{
    color:#333;
}
body.dark-mode .custom-full h2{
    color:#fff;
}
.custom-full p{
    color:#333;
}
body.dark-mode .custom-full p{
    color:#fff;
}
.custom-full i{
    color:#7f00ff;
}
body.dark-mode .custom-full i{
    color:#00c6ff;
}
.manage-button{
    border-radius:50%;
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    background: linear-gradient(to right, #8e2de2, #4a00e0)!important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1)!important;
    transition: all 0.3s ease!important;
    color: white!important;
}
.manage-button:hover{
    background: linear-gradient(to right, #7f00ff, #00c6ff) !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2) !important;
    transform: translateY(-2px) !important;
    color: white !important;
}
.manage-button i{
    color:#fff!important;
}
.swal2-actions .swal-confirm-btn {
    margin-right: 10px; /* Adjust spacing as needed */
}

.swal2-actions {
    display: flex;
    justify-content: center;
    gap: 10px; /* optional, applies spacing between all buttons */
}