.brands-component{--tw-bg-opacity:1;background-color:rgb(252 247 242/var(--tw-bg-opacity,1));display:flex;height:-moz-fit-content;height:fit-content;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg);padding-bottom:var(--spacing-md);padding-top:var(--spacing-md);position:relative;width:100%}.brands-component .component-inner{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:576px){.brands-component .component-inner{max-width:576px}}@media (min-width:768px){.brands-component .component-inner{max-width:768px}}@media (min-width:992px){.brands-component .component-inner{max-width:992px}}@media (min-width:1200px){.brands-component .component-inner{max-width:1200px}}@media (min-width:1400px){.brands-component .component-inner{max-width:1400px}}.brands-component .component-inner{align-items:center;display:flex;flex-direction:column;width:100%}.brands-component .component-inner .component-title{margin-bottom:var(--spacing-sm);text-align:center;width:100%}.brands-component .component-inner .brand-images{align-items:center;-moz-column-gap:1rem;column-gap:1rem;display:flex;flex:1 1 0%;flex-direction:column;flex-wrap:wrap;justify-content:space-between;max-width:100%;row-gap:2rem;width:100%}@media (min-width:576px){.brands-component .component-inner .brand-images{flex-direction:row;row-gap:1rem}}.brands-component .component-inner .brand-images .brand-image{display:flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.brands-component .component-inner .brand-images .brand-image img{display:flex;height:auto;max-height:3.5rem;max-width:11rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:auto}.brands-component .component-inner .component-links{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:var(--spacing-sm);width:100%}.brands-component .background-line.line-1{bottom:100%;right:0;z-index:-10}.brands-component .background-line.line-1:before{transform:rotate(160deg) scaleX(-1) translate(30%,-55%)}.brands-component .background-line.line-2{right:0;top:100%;z-index:-10}.brands-component .background-line.line-2:before{transform:rotate(40deg) scaleX(-1) translate(-10%,-60%)}