/* Container Scope - Renamed to dynamic-team-slider */
.dynamic-team-slider {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}

/* Swiper Container Styling */
.dynamic-team-slider .swiper.teamSwiper {
    width: 100%;
    padding: 20px 10px 60px 10px;
}

/* Card Design */
.dynamic-team-slider .team-card {
    background: #fff;
    border-radius: 20px;
    padding: 15px 20px;
    /*box-shadow: 52px 52px 29px rgba(56, 56, 56, 0.02), 29px 29px 25px rgba(56, 56, 56, 0.06), 13px 13px 18px rgba(56, 56, 56, 0.1), 3px 3px 10px rgba(56, 56, 56, 0.12);*/
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: left;
    height: auto;
    border: 1px solid rgba(0,0,0,0.02);
}

.dynamic-team-slider .team-card:hover {
    /*transform: translateY(-8px);*/
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.dynamic-team-slider .image-box {
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #eee;
    position: relative;
}

.dynamic-team-slider .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.5s ease;
}

.dynamic-team-slider .team-card:hover .image-box img {
    transform: scale(1.05);
}

.dynamic-team-slider .info-box {
    padding: 0 5px 10px 5px;
}

.dynamic-team-slider .name {
    color: #e63946;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 0px 0;
}

.dynamic-team-slider .role {
    color: #6E6E6E;
    font-size: 18px;
    margin: 0;
    font-weight: 400;
    font-family: 'Aeonik';
}

/* Pagination Dots */
.dynamic-team-slider .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #A9A9A9;
    opacity: 1;
    margin: 0 6px !important;
    transition: all 0.3s ease;
    border-radius: 3px !important;
    border: 1px solid #A9A9A9;
    position: relative;
}

.dynamic-team-slider .swiper-pagination-bullet-active {
    background: #e63946;
    transform: scale(1.2);
    border: 1px solid #e63946;
    /*box-shadow: 0 0 0 4px rgba(230, 57, 70, 0.15);*/
}

.dynamic-team-slider .swiper-pagination-bullet-active::before {
    content: "";
    width: 14px;
    height: 14px;
    /* background: red; */
    /* padding:10px; */
    border-radius:3px;
    border:1px solid #D73135;
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 0;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (max-width:768px){
    .dynamic-team-slider .swiper.teamSwiper {
        width: 100%;
        padding: 0px 10px 60px 10px;
    }
    .dynamic-team-slider {
        width: 100%;
        padding: 0 0;
        text-align: center;
    }
}