:root{--logos-max:1440px;--logos-gap:60px}.logos{text-align:center;margin-top:100px;font-family:Trebuchet MS,sans-serif}.logos--clients{margin-top:100px}.logos__title{letter-spacing:-1px;color:#0c2340;font-family:Helvetica,sans-serif;font-size:40px;font-weight:400;line-height:44px}.logos__viewport{max-width:var(--logos-max);margin-top:47px;margin-inline:auto;position:relative}.logos__track{align-items:center;gap:var(--logos-gap);flex-wrap:nowrap;width:max-content;margin-inline:auto;display:flex}.logos__track img{object-fit:contain;flex:none;display:block}.logos--partners .p-1{width:233px;height:111px}.logos--partners .p-2{width:368px;height:123px}.logos--partners .p-3{width:378px;height:105px}.logos--partners .p-4{width:363px;height:85px}.logos--clients .c-1{width:264px;height:90px;margin-right:20px}.logos--clients .c-2{width:229px;height:94px}.logos--clients .c-3{width:276px;height:128px}.logos--clients .c-4{width:205px;height:80px}.logos--clients .c-5{width:167px;height:98px}.logos--clients .c-6{width:100px;height:98px}.logos--clients .c-7{width:167px;height:98px}.logos--clients .c-8{width:200px;height:100px}.logos__controls{justify-content:center;gap:24px;margin-top:60px;display:flex}.logos__btn{cursor:pointer;background:0 0;border:0;padding:0;line-height:0;transition:opacity .15s}.logos__btn[disabled]{opacity:.41;cursor:not-allowed}.logos__btn svg{width:52px;height:55px}@media (max-width:1480px){:root{--logos-max:1280px}.logos__btn svg{width:48px;height:50px}}@media (max-width:1200px){.logos__viewport{max-width:100%;padding-inline:16px}.logos__track{justify-content:space-between;width:100%;margin-inline:0}.logos__track img{height:auto;max-height:68px}.logos--partners .logos__track img:nth-child(-n+8),.logos--clients .logos__track img:nth-child(-n+8){flex:0 auto}.logos--partners .logos__track img:nth-child(n+8),.logos--clients .logos__track img:nth-child(n+8){flex:none}.logos--clients .c-7{height:98px;width:167px!important}}@media (max-width:1060px){:root{--logos-max:992px;--logos-gap:48px}.logos__btn svg{width:44px;height:47px}}@media (max-width:800px){:root{--logos-max:736px;--logos-gap:36px}.logos__track img{max-height:60px}.logos__btn svg{width:40px;height:42px}}@media (max-width:420px){:root{--logos-max:378px;--logos-gap:12px}.logos__title{font-size:32px;line-height:44px}.logos__track img{max-height:100px;padding-left:20px}.logos__btn svg{width:34px;height:36px}}.logos__viewport{touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow:auto hidden}.logos__viewport::-webkit-scrollbar{display:none}@media (max-width:1280px) and (min-width:1140px){.logos__viewport{max-width:calc(100vw - 30px);padding-inline:15px}.logos__track{flex-wrap:nowrap;justify-content:space-between;gap:30px;width:100%;margin-inline:0}.logos--partners .p-1{width:175px;height:auto}.logos--partners .p-2{width:276px;height:auto}.logos--partners .p-3{width:284px;height:auto}.logos--partners .p-4{width:272px;height:auto}.logos--clients .c-1{width:225px;height:auto}.logos--clients .c-2{width:195px;height:auto}.logos--clients .c-3{width:234px;height:auto}.logos--clients .c-4{width:174px;height:auto}.logos--clients .c-5{width:100px;height:auto}.logos--clients .c-6,.logos--clients .c-7{width:90px;height:auto}.logos--clients .c-8{width:195px;height:auto;margin-left:0}.logos__track img{object-fit:contain;max-height:68px}}@media (max-width:1140px) and (min-width:1060px){.logos__track{gap:28px}.logos__track img{max-height:62px}}@media (min-width:1281px) and (max-width:1480px){.logos__viewport{box-sizing:content-box;max-width:1280px;padding-inline:15px}.logos__track{flex-wrap:nowrap;gap:48px;width:max-content;margin-inline:auto}.logos--partners .p-1{width:192px;height:auto}.logos--partners .p-2{width:302px;height:auto}.logos--partners .p-3{width:310px;height:auto}.logos--partners .p-4{width:298px;height:auto}.logos--clients .c-1{width:240px;height:auto}.logos--clients .c-2{width:209px;height:auto}.logos--clients .c-3{width:251px;height:auto}.logos--clients .c-4{width:187px;height:auto}.logos--clients .c-5{width:152px;height:auto}.logos__track img{object-fit:contain;max-height:72px}}@media (max-width:1280px) and (min-width:1140px){.logos__track{gap:30px}.logos__track img{max-height:68px}}
