*,html{ font-size: 18px; } [class*=brxe-]{ max-width: unset; } a{ transition: all 0.5s ease-out; } a:hover, a:active, a:focus{ opacity: 0.7; transition: all 0.3s ease-out; } .gradient-blue-especial{ background: linear-gradient(to bottom right, hsl(225 67% 13%),  hsl(225 75% 8%),  hsl(225 60% 25%)  ); } .inner-shadow-white{ box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.40) inset; } body{ background-color: var(--colors-white-1-100); overflow-x: hidden; } #brx-content{ overflow-x: hidden; } .transition, .transition:active, .transition:focus, .transition:hover{ -webkit-transition: all .15s ease; transition: all .15s ease; } .underline { text-decoration: underline; } .button{ padding: var(--spacing-20) var(--spacing-40) var(--spacing-20) var(--spacing-30); border-radius: var(--radius-16); background-color: var(--colors-mint-green-1-100); box-shadow: 0px 4px 4px 0px var(--colors-black-1-20, rgba(33, 33, 33, 0.20)), 0px 4px 4px 0px var(--colors-white-1-40, rgba(248, 249, 250, 0.40)) inset; display: flex; gap: var(--spacing-10); align-items: center; justify-content: center; align-self: baseline; } .btn-youtube{ padding: var(--spacing-16) var(--spacing-24); border-radius: var(--radius-16); background-color: var(--colors-teal-blue-1-100); box-shadow: inset 0 4px 4px 0 var(--colors-white-1-40); display: flex; gap: var(--spacing-10); align-items: center; justify-content: center; align-self: baseline; } .button .icon, .btn-youtube .icon{ width: 1.1rem; height: 100%; flex-shrink: 0; } .button .icon img, .btn-youtube .icon img{ width: 100%; height: 100%; background-position: cover; object-fit: cover; } .button .content, .btn-youtube .content{ width: 100%; display: flex; gap: 0.3rem; flex-direction: column; align-items: center; } .button .content .call{ width: 100%; color: var(--colors-black-1-100); line-height: 1; font-size: var(--fonts-16); text-align: left; white-space: nowrap; } .btn-youtube .content .call{ width: 100%; color: var(--colors-white-1-100); line-height: 1; font-size: var(--fonts-16); text-align: left; white-space: nowrap; } .button .content .action { width: 100%; color: var(--colors-black-1-100); line-height: 1; font-size: var(--fonts-18); font-weight: 700; text-align: left; white-space: nowrap; } .btn-youtube .content .action { width: 100%; color: var(--colors-white-1-100); line-height: 1; font-size: var(--fonts-18); font-weight: 600; text-align: left; white-space: nowrap; } .photo-identify .button .icon img{ filter: invert(1); } .product-page .button{ background-color: var(--black-1-100); } .product-page .button .content .call, .product-page .button .content .action{ color: var(--white-1-100); } #brxe-nspwri:before, #brxe-vqpjyr:before{ content: ''; width: 100vw; height: 100%; position: absolute; left: -100vw; background-color: var(--yellow-1-100); } .aboutus .logo-flag, .product-page .logo-flag{ filter: brightness(0.5) contrast(1.1); } .faq-item .brxe-block{ flex-wrap: nowrap; } .faq-item .brxe-icon{ text-align: center; } .faq-item.brx-open .brxe-icon{ width: 1rem; height: 1rem; transform: rotate(90deg); transition: all 0.1s ease-out; color: var(--yellow-1-100); } .gradient-container:before { content: ""; width: 100%; height: 100%; right: -0.5rem; bottom: -0.5rem; background: var(--gradient-1-2-1); border-radius: var(--radius-20); position: absolute; z-index: -1; }  .menu .brxe-text-link[aria-current="page"] { border-radius: var(--radius-16); background-color: var(--yellow-1-100); }  #brxe-xgaied .splide__slide { align-self: flex-start !important; } .splide{ position: initial !important; } .splide__arrows.custom{ width: 100%; left: 0%; top: calc(100% / 2 + 3rem); position: absolute; display: flex !important; } .splide__arrow {} .splide__arrow i{ width: 2.4rem; height: 2.4rem; font-size: var(--fonts-22); color: var(--colors-white-1-100);  background: var(--colors-forest-green-1-100); border-radius: var(--radius-16); display: flex; justify-content: center; align-items: center; }  .splide__arrow--prev:after{ content: ''; width: 6rem; height: 34rem; left: -2rem; position: absolute; z-index: -1; }  .splide__arrow--next:after{ content: ''; width: 6rem; height: 34rem; right: -2rem; position: absolute; z-index: -1; } .splide__track{ overflow: visible !important; }  .bricks-pagination li { font-size: var(--fonts-16); font-weight: 400; border-radius: var(--radius-16); padding: 0.3rem 1rem; color: var(--colors-blue-3-100); display: flex; align-items: center; justify-content: center; border: none;  transition: all .2s ease; } .bricks-pagination a.page-numbers, .bricks-pagination .page-numbers.current { color: inherit; text-decoration: none; display: block; } .bricks-pagination li:has(.current) { background: var(--colors-blue-3-100); color: var(--colors-white-1-100); border: 1px solid var(--colors-blue-3-100); } .bricks-pagination li:hover:not(:has(.current)) { border: 1px solid var(--colors-blue-3-100); background: transparent; color: var(--colors-blue-3-100); cursor: pointer; } .bricks-pagination li:active:not(:has(.current)), .bricks-pagination li:focus:not(:has(.current)) { border: 1px solid var(--colors-blue-3-100); background: transparent; color: var(--colors-blue-3-100); }  @media (max-width: 1366px){ .solution-item{ width: calc(100% / 3 - 1.48rem); height: 26rem; } } @media (max-width: 1024px){  #brxe-anujjo .brxe-text-link[aria-current="page"] {}  #brxe-anujjo #brxe-yuxsmu[aria-current="page"] { background-color: inherit; } } @media (max-width: 767px){  } @media (max-width: 600px){ *,html,body{ font-size: 14px; } .button .content .action{ white-space: wrap; } } @media (max-height: 900px) { #brxe-vsiczf { height: 45rem !important; } } @media (max-width: 1024px) { .splide__arrows.custom { top: 77%; } #brxe-drcjzg .button{ background-color: var(--colors-forest-green-1-100); } #brxe-drcjzg .button .content .call { color: var(--colors-white-1-100); } #brxe-drcjzg .button .content .action { color: var(--colors-white-1-100); } #brxe-drcjzg .icon { filter: invert(1); } }