.container{
    overflow:hidden;
}

.client__areas > .header__wrapper{
    justify-content: center;
}
.client_bundle {
    flex-direction: column;
    --gap:2rem;
}
.client_sector{
    margin-top: 3rem;
    font-weight: 700;
    font-size: 20px;
}
.client_new,
.client_new_1,
.client_new_2,
.client_new_3,
.client_new_4,
.client_new_5
 {
    align-items: center;
    position: relative;
    width:100%;
    --gap:2rem;
   
}
.client_new ul,
.client_new_1 ul,
.client_new_2  ul,
.client_new_3  ul,
.client_new_4  ul,
.client_new_5  ul{
    user-select: none;
    overflow-x: scroll;
   scroll-behavior: smooth;
   -ms-overflow-style: none;
   scrollbar-width: none;
}
.area_text{
    text-align: center;
    margin-top:0.5rem;
    font-weight: 800;
    width:100%;
    padding-inline:0.9rem;
    font-size: 10px;    
}


.client_new ul:hover,
.client_new_1 ul:hover,
.client_new_2 ul:hover,
.client_new_3 ul:hover,
.client_new_4 ul:hover,
.client_new_5 ul:hover{
    cursor:grab;
}

.client_new ul.dragging,
.client_new_1 ul.dragging,
.client_new_2 ul.dragging,
.client_new_3 ul.dragging,
.client_new_4 ul.dragging,
.client_new_5 ul.dragging{
    scroll-behavior: auto;
}

.client_new ul.dragging li
.client_new_1 ul.dragging li,
.client_new_2 ul.dragging li,
.client_new_3 ul.dragging li,
.client_new_4 ul.dragging li,
.client_new_5 ul.dragging li
{
    pointer-events: none;
}



.practise_svg1,
.practise_svg2 {
    
    padding:0.4rem;
    border-radius: 50%;
    background-color: var(--linear-gradient);
    width:22px;
    height:22px;
    stroke-width: 15;
    fill:var(--body-white);
   
    
}


.client_new .right-arrow,
.client_new .left-arrow,
.client_new_1 .right-arrow-1,
.client_new_1 .left-arrow-1,
.client_new_2 .right-arrow-2,
.client_new_2 .left-arrow-2,
.client_new_3 .right-arrow-3,
.client_new_3 .left-arrow-3,
.client_new_4 .right-arrow-4,
.client_new_4 .left-arrow-4,
.client_new_5 .right-arrow-5,
.client_new_5 .left-arrow-5
{
    height:100%;
    position: absolute;
    top:-10px;
    padding:0 10px;
    display:none;
}
.client_new .right-arrow.active,
.client_new .left-arrow.active,
.client_new_1 .right-arrow-1.active,
.client_new_1 .left-arrow-1.active,
.client_new_2 .right-arrow-2.active,
.client_new_2 .left-arrow-2.active,
.client_new_3 .right-arrow-3.active,
.client_new_3 .left-arrow-3.active,
.client_new_4 .right-arrow-4.active,
.client_new_4 .left-arrow-4.active,
.client_new_5 .right-arrow-5.active,
.client_new_5 .left-arrow-5.active
{
    display: none;
}



.client_new .right-arrow,
.client_new_1 .right-arrow-1,
.client_new_2 .right-arrow-2,
.client_new_3 .right-arrow-3,
.client_new_4 .right-arrow-4,
.client_new_5 .right-arrow-5

{
    right:0;
    background: linear-gradient(to left, var(--body-white) 60%, transparent);
}
.client_new .left-arrow,
.client_new_1 .left-arrow-1,
.client_new_2 .left-arrow-2,
.client_new_3 .left-arrow-3,
.client_new_4 .left-arrow-4,
.client_new_5 .left-arrow-5
{
    z-index:99999;
    background: linear-gradient(to right, var(--body-white) 60%, transparent);
}





.client_card{
    width:200px;
    height:200px;
    border-radius: 5px;
    
}
.client_card_area,
.area_text{
        font-size: 12px;
        font-weight: 500;
        text-align: center;
       display: flex;
       width:130px;
       height:130px;
       align-items: center;
       justify-content: center;
       border-radius: 5px;
        border:2px solid var(--body-black);
       
    }


@media (min-width:768px) {
    /* .client_card_area,
.area_text{
        
       width:150px;
       height:150px;
      
       
    } */
    .client_new,
    .client_new_1,
    .client_new_2,
    .client_new_3,
    .client_new_4,
    .client_new_5
     {
        align-items: flex-start;
        position: relative;
        width:100%;
        --gap:2rem;
        
       
    }
   
    .client_new .right-arrow.active,
.client_new .left-arrow.active,
.client_new_1 .right-arrow-1.active,
.client_new_1 .left-arrow-1.active,
.client_new_2 .right-arrow-2.active,
.client_new_2 .left-arrow-2.active,
.client_new_3 .right-arrow-3.active,
.client_new_3 .left-arrow-3.active,
.client_new_4 .right-arrow-4.active,
.client_new_4 .left-arrow-4.active,
.client_new_5 .right-arrow-5.active,
.client_new_5 .left-arrow-5.active
{
    display: flex;
    align-items: center;
}
.client_card_div{
    width:250px;
    height:250px;
    border:2px solid var(--body-black);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
}
.client_card_area,
.area_text{
        font-size: 20px;
        font-weight: 500;
        text-align: center;
       display: flex;
       height:100%;
       align-items: center;
       justify-content: center;
        width:100%;
        padding-inline:2rem;
        
    }
    .client_sector{
        font-size: 40px;
    }
}

@media(min-width:1440px){
    .client_card{
        width:200px !important;
        height:200px !important;
        border-radius: 5px;
        border:2px solid var(--body-black);
    }
    .client_sector{
        font-size: 40px;
    }
    .client_card_area,
    .area_text{
            font-size: 20px;
            font-weight: 500;
            text-align: center;
           display: flex;
           height:100%;
           align-items: center;
           justify-content: center;
            width:100%;
            padding-inline:0.5rem;
            
        }
}