.content-template-id-28 .content-view-source  .team-section { 
    padding: 50px 0;
 }
.content-template-id-28 .content-view-source  .team-card { 
    border-radius: 15px;
    padding: 20px;
    transition: 0.3s;
 }
.content-template-id-28 .content-view-source  .team-card:hover { 
    transform: translateY(-5px);
 }
.content-template-id-28 .content-view-source  .team-img-wrapper { 
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 15px;
 }
.content-template-id-28 .content-view-source  .team-img { 
    width: 100%;
    height: 320px;
    object-fit: cover;
 }
.content-template-id-28 .content-view-source  .team-title { 
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
 }
.content-template-id-28 .content-view-source  .team-btn { 
    display: inline-block;
    padding: 8px 20px;
    border-radius: 8px;
    margin-bottom: 12px;
    text-decoration: none;
    font-weight: 600;
 }
.content-template-id-28 .content-view-source  .team-desc { 
    font-size: 15px;
    line-height: 1.6;
 }
.content-template-id-28 .content-view-source  .carousel-control-prev-icon,
.content-template-id-28 .content-view-source  
.carousel-control-next-icon { 
    filter: invert(1);
 }
.content-template-id-28 .content-view-source  .carousel-item { 
    transition: opacity 0.7s ease-in-out;
 }
.content-template-id-28 .content-view-source  .carousel-item .row { 
    margin: 0;
 }
.content-template-id-28 .content-view-source  .carousel-inner { 
    width: 100%;
 }


@media (max-width: 768px) {
.content-template-id-28 .content-view-source  .team-img { 
        height: 250px;
     }
}


@media (min-width: 1200px) {
.content-template-id-28 .content-view-source  .team-img { 
        height: 300px;
     }
}
.content-template-id-28 .content-view-source  .carousel-item .row { 
    display: flex;
    flex-wrap: nowrap !important;
    overflow: hidden;
    padding-right: 40px;
 }
.content-template-id-28 .content-view-source  .carousel-item .col-lg-3,
.content-template-id-28 .content-view-source  
.carousel-item .col-md-6 { 
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 20px;
 }
.content-template-id-28 .content-view-source  .carousel-inner { 
    display: flex;
    overflow: hidden !important;
    scroll-behavior: smooth;
 }
.content-template-id-28 .content-view-source  .carousel-item { 
    flex: 0 0 100%;
    transition: transform 0.6s ease;
 }
.content-template-id-28 .content-view-source  .carousel-control-prev,
.content-template-id-28 .content-view-source  
.carousel-control-next { 
    width: 10% !important;
 }


@media (max-width: 576px) {
.content-template-id-28 .content-view-source  .carousel-item .row { 
        flex-wrap: nowrap !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-right: 0 !important;
     }
.content-template-id-28 .content-view-source  .carousel-item .col-lg-3,
.content-template-id-28 .content-view-source  
    .carousel-item .col-md-6 { 
        flex: 0 0 90% !important;
        max-width: 90% !important;
        margin-right: 12px !important;
        scroll-snap-align: center;
     }
.content-template-id-28 .content-view-source  .carousel-control-prev,
.content-template-id-28 .content-view-source  
    .carousel-control-next { 
        display: none !important;
     }
.content-template-id-28 .content-view-source  .team-img { 
        height: 260px !important;
     }
}


@media (min-width: 577px) and (max-width: 768px) {
.content-template-id-28 .content-view-source  .carousel-item .row { 
        flex-wrap: nowrap !important;
        overflow: hidden;
     }
.content-template-id-28 .content-view-source  .carousel-item .col-lg-3,
.content-template-id-28 .content-view-source  
    .carousel-item .col-md-6 { 
        flex: 0 0 45% !important;
        max-width: 45% !important;
        margin-right: 15px !important;
     }
}