/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 03 2026 | 23:55:29 */
.clients{
    padding:20px 20px;
}

.container{
    max-width:1200px;
    margin:auto;
}

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title span{
    display:block;
    color:#7a8793;
    letter-spacing:6px;
    text-transform:uppercase;
    font-size:.9rem;
    margin-bottom:10px;
}

.section-title h2{
    font-size:3.5rem;
    font-weight:700;
    color:#1d2733;
    margin:0;
}

.divider{
    width:120px;
    height:2px;
    background:#cfd6dc;
    margin:25px auto 0;
    position:relative;
}

.divider::after{
    content:"";
    width:10px;
    height:10px;
    background:#8094a7;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.clients-box{
    background:#ECECEC;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    padding:40px 50px;
    display:grid;
    grid-template-columns:420px 420px;
    justify-content:center;
    column-gap:60px;
    gap:50px;
	font-family: "GFS Didot", Sans-serif;
}

.clients-list{
    list-style:none;
    padding:0;
    margin:0;
}

.clients-list li{
    padding:12px 0;
    border-bottom:1px solid #ececec;
    color:#3d4450;
    font-size:1.05rem;
    font-weight:500;
    position:relative;
    padding-left:22px;
    transition:.25s;
}



.clients-list li:hover{
    color:#000;
    transform:translateX(8px);
}

.clients-list li:last-child{
    border-bottom:none;
}



.clients-list li::before{
    content:"";
    width:7px;
    height:7px;
    background:#8094a7;
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}

.clients-box{
    border:1px solid #E2E2E2;
}

@media(max-width:768px){

    .section-title h2{
        font-size:2.4rem;
    }

    .clients-box{
        grid-template-columns:1fr;
        padding:30px;
        gap:0;
    }

}