.client-nav {display: flex; gap: 10px; margin-top: 50px;}
.client-nav a {display: flex; justify-content: center; align-items: center; min-width: 85px; padding: 8px 20px; background: #E4ECF6; border-radius: 3px; font-weight: 500; font-size: 15px; letter-spacing: -0.05em; color: #8095B0; border: solid 1px #E4ECF6;}
.client-nav a.active {border-color: #156BFF; background: #FFF; font-weight: 600; color: #0077FF;}
.client-section{margin-top: 40px;}
.client-section h5 {font-weight: 700; font-size: 20px; color: #000; margin-bottom: 10px; scroll-margin-top: calc(var(--headerHeight) + 20px)}
.client-section ul{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px;}
.client-section ul li{width: 100%; aspect-ratio: 180/142; position: relative; border: solid 1px #ADAEB3; border-radius: 7px; transition: 0.15s ease-out; transform: translate(0, 0); overflow: hidden;}
.client-section ul li:hover{border-color: #366cf0; box-shadow: 0 6px 15px 0 rgba(173, 173, 173, 0.35); transform: translate(-1px, -1px);}
.client-section ul li img{width: 100%; margin: -1px 0 0 -1px;}
.client-section ul li em{position: absolute; left: 0; bottom: 22px; width: 100%; text-align: center; font-size: 14px; color: #444;}

@media (max-width: 1250px) {
}
@media (max-width: 980px) {
    .client-section ul {grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}
}
@media (max-width: 650px) {
    .client-nav {flex-wrap: wrap;}
    .client-nav a {padding: 8px 10px; font-weight: 400; font-size: 13px; min-width: 70px;}
    .client-section ul {gap: 10px;}
}
@media (max-width: 340px) {
    .client-section ul {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));}
}