.brands{padding:80px 0}.brands .alphabet{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:20px;display:flex}.brands .alphabet button{cursor:pointer;color:#333;background:0 0;border:none;font-size:16px;transition:all .2s}.brands .alphabet button:hover{color:#2a5da8}.brands .brandsList .brandGroup{margin-top:40px}.brands .brandsList .brandGroup .letter{border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px;font-size:40px;font-weight:400}.brands .brandsList .brandGroup .grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 40px;margin-top:15px;display:grid}.brands .brandsList .brandGroup .grid .brandItem{color:#333;font-size:22px;font-weight:400;text-decoration:none;transition:all .2s ease-in-out;position:relative}.brands .brandsList .brandGroup .grid .brandItem:hover{color:var(--primary-color);transform:translate(3px)}@media only screen and (max-width:767px){.brands{padding:80px 0}.brands .alphabet button{font-size:14px}.brands .brandsList .brandGroup{margin-top:30px}.brands .brandsList .brandGroup .letter{font-size:30px}.brands .brandsList .brandGroup .grid .brandItem{font-size:17px}}