.um-staff-carousel-widget{direction:rtl}
.um-staff-carousel-widget .um-staff-filter{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.um-staff-carousel-widget .um-staff-filter button{background:#f4f6fb;color:#1e2a78;border:1px solid #e5e9f6;border-radius:8px;padding:6px 10px;cursor:pointer}
.um-staff-carousel-widget .um-staff-filter button.active{background:#1e2a78;color:#fff}
.um-staff-carousel-widget .swiper-slide{height:auto}
.um-staff-carousel-widget .card{background:#fff;border:1px solid #eef0f5;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%}
.um-staff-carousel-widget .image img{width:100%;height:260px;object-fit:cover}
.um-staff-carousel-widget .content{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}
.um-staff-carousel-widget .name{color:#1e2a78;margin:0;font-size:20px;line-height:1.4;text-align:center;font-weight:bold}
.um-staff-carousel-widget .position{color:#666;font-size:14px;text-align:center}
.um-staff-carousel-widget .meta{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.um-staff-carousel-widget .row{display:flex;justify-content:space-between;color:#555;font-size:14px}
.um-staff-carousel-widget .row a{color:#dc3545;text-decoration:none}
.um-staff-carousel-widget .row a:hover{color:#b02a37;text-decoration:underline}
.um-staff-carousel-widget .row span:last-child{color:#555}
.um-staff-carousel-widget .btn{margin-top:8px;background:#1e2a78;color:#fff;border:1px solid #1e2a78;text-decoration:none;padding:10px 14px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px}

.um-staff-carousel-widget .btn-icon{display:inline-flex;align-items:center;font-size:14px}
.um-staff-carousel-widget .btn-text{display:inline-block}

/* hover */
.um-staff-carousel-widget .btn:hover{background:#0f1b5f;border-color:#0f1b5f}

/* Navigation arrows - smaller and simpler */
.um-staff-carousel-widget .swiper-button-next,
.um-staff-carousel-widget .swiper-button-prev {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background: #1e2a78;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
}

.um-staff-carousel-widget .swiper-button-next:after,
.um-staff-carousel-widget .swiper-button-prev:after {
    font-size: 14px;
    font-weight: bold;
}

.um-staff-carousel-widget .swiper-button-next:hover,
.um-staff-carousel-widget .swiper-button-prev:hover {
    background: #0f1b5f;
}

/* Pagination dots spacing */
.um-staff-carousel-widget .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.um-staff-carousel-widget .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #d1d5db;
    opacity: 1;
}

.um-staff-carousel-widget .swiper-pagination-bullet-active {
    background: #1e2a78;
}

/* Responsive image sizes */
@media (min-width: 640px) {
    .um-staff-carousel-widget .image img {
        height: 280px;
    }
}

@media (min-width: 1024px) {
    .um-staff-carousel-widget .image img {
        height: 300px;
    }
}

@media (min-width: 1280px) {
    .um-staff-carousel-widget .image img {
        height: 320px;
    }
}