body{background-color:#f3f7fb;min-height:100vh;margin:0;font-family:Roboto,sans-serif}main{min-height:50vh}footer{width:100%;position:relative;bottom:0}.list-brands-container{margin:0 auto}@media (min-width:768px){.list-brands-container{width:94%}}@media (max-width:767px){.list-brands-container{width:98%}}@media (max-width:375px){.list-brands-container{width:95%}}.list-brands-container{max-width:1600px;margin-bottom:50px}@media (max-width:768px){.list-brands-container{margin-bottom:30px}}.list-brands-container .list-brands-title{max-width:1100px;margin:0 auto}.list-brands-container h1{text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#1e1e1e;margin-top:0;font-size:28px;font-weight:400;line-height:33.4px}@media (max-width:768px){.list-brands-container h1{font-size:20px;font-weight:400;line-height:23.86px}}.list-brands-container .list-letter-Brand-container{max-width:1100px;margin:0 auto 20px}.list-brands-container .list-letter-Brand{background-color:#fff;border-radius:15px;flex-flow:wrap;justify-content:center;gap:13px;max-width:1100px;margin:0 auto;padding:20px;display:flex}@media (max-width:768px){.list-brands-container .list-letter-Brand{gap:7.5px}}.list-brands-container .list-letter-Brand .list-url{text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#fff;background-color:#05172f;border-radius:4px;justify-content:center;align-items:center;width:40px;height:36px;font-size:14px;font-weight:400;line-height:16.1px;text-decoration:none;display:flex}.list-brands-container .list-brands{box-sizing:border-box;border-radius:15px;flex-direction:column;padding:20px;display:flex}@media (max-width:768px){.list-brands-container .list-brands{padding:5px}}.list-brands-container .list-brands .brands-and-title-letter{box-sizing:border-box;background-color:#fff;flex-direction:row;width:100%;margin:10px 0;padding:20px;scroll-margin-top:75px;display:flex}.list-brands-container .list-brands .brands-and-title-letter p{text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#05172f;grid-area:span 2/span 1;width:100px;height:100%;margin:0;font-size:18px;font-weight:700;line-height:20.7px}.list-brands-container .list-brands .brands-and-title-letter .brands{grid-template-columns:repeat(7,1fr);justify-content:space-between;gap:20px;width:100%;margin:0;padding:0;display:grid}.list-brands-container .list-brands .brands-and-title-letter .brand{text-align:left;cursor:pointer;color:#000;text-decoration:none}.list-brands-container .list-brands .brands-and-title-letter .brand:hover{color:#fe680a}@media (max-width:1700px){.list-brands-container .list-brands .brands-and-title-letter .brands{grid-template-columns:repeat(6,1fr)}}@media (max-width:1500px){.list-brands-container .list-brands .brands-and-title-letter .brands{grid-template-columns:repeat(5,1fr)}}@media (max-width:1300px){.list-brands-container .list-brands .brands-and-title-letter .brands{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.list-brands-container .list-brands .brands-and-title-letter .brands{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.list-brands-container .list-brands .brands-and-title-letter .brands{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.list-brands-container .list-brands .brands-and-title-letter .brands{grid-template-columns:repeat(1,1fr)}}