@layer bricks {.brxe-code{width:100%}}@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}} .slide-media img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 6s cubic-bezier(0.25, 1, 0.5, 1); } .slide.active .slide-media img { transform: scale(1.09); } .slide-media { position: absolute; inset: 0; width: 100%; height: 100%; }.slide.active .hero-title { animation: heroFadeInUp 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards; } .hero-title { color: var(--bricks-color-lvvlba, #ffffff); font-size: clamp(28px, 4vw, 50px); font-weight: 800; line-height: 1.2; margin-bottom: 16px; text-shadow: 0 4px 16px rgba(0, 0, 0, 0.85); }.slide.active .hero-desc { animation: heroFadeInUp 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.12s forwards; } .hero-desc { color: var(--bricks-color-af0258, #f5f5f5); font-size: clamp(15px, 1.4vw, 19px); line-height: 1.6; max-width: 720px; margin-bottom: 26px; opacity: 0.95; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75); } .cta-text { display: flex; flex-direction: column; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; } .cta-icon-badge { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #000; transition: transform 0.3s ease; } .hero-cta:hover .cta-icon-badge { transform: translateX(4px); }.slide.active .hero-cta { animation: heroFadeInUp 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.22s forwards; } .hero-cta { display: inline-flex; align-items: center; gap: 24px; background-color: var(--bricks-color-f3b655, #ffc107); color: var(--bricks-color-pzgnli, #000000); padding: 18px 32px; text-decoration: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45); transition: all 0.3s ease; } .hero-cta:hover { background-color: var(--bricks-color-028bb8, #ff9800); transform: translateY(-3px); box-shadow: 0 14px 38px rgba(0, 0, 0, 0.55); }@media (max-width: 768px) { .hero-cta { width: 100%; justify-content: space-between; }} .hero-content { position: relative; bottom: 52px; max-width: 820px; pointer-events: auto; }@media (max-width: 768px) { .hero-content { bottom: 30px; }} .hero-container { max-width: 1320px; height: 100%; margin: 0 auto; padding: 0 32px; display: flex; flex-direction: column; justify-content: flex-end; } .hero-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; } .slide { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.8s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; } .slide.active { opacity: 1; visibility: visible; z-index: 2; } .slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.88) 100% ); pointer-events: none; z-index: 1; }.slides-wrapper { position: relative; width: 100%; height: 100%; } .hero-nav-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border-radius: 50%; background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.25); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 25; transition: 0.3s ease; } .hero-nav-arrow:hover { background-color: var(--bricks-color-f3b655, #ffc107); color: #000; border-color: var(--bricks-color-f3b655, #ffc107); } .hero-nav-arrow.prev { left: 24px; }@media (max-width: 768px) { .hero-nav-arrow { display: none; }}.hero-nav-arrow.next { right: 24px; }.slider-dots { position: absolute; bottom: 24px; right: 36px; z-index: 25; display: flex; gap: 8px; }@media (max-width: 768px) { .slider-dots { bottom: 16px; right: 20px; }}.hero-progress-fill { height: 100%; width: 0%; background: var(--bricks-color-f3b655, #ffc107); }.hero-progress-track { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: rgba(255, 255, 255, 0.1); z-index: 30; }.hero-slider { position: relative; width: 100%; height: calc(100vw * 0.49); min-height: 540px; max-height: 820px; background-color: var(--bricks-color-gubmqs, #1a1a1a); overflow: hidden; touch-action: pan-y; }@media (max-width: 768px) { .hero-slider { min-height: 490px; }} .section-subtitle { display: inline-block; color: var(--bricks-color-028bb8); font-size: 13.5px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; } .leaders-landing h2 { margin: 0; padding: 0; } .section-title { color: var(--bricks-color-pzgnli); font-size: clamp(28px, 3.5vw, 42px); font-weight: 800; letter-spacing: -0.5px; line-height: 1.2; } .section-title-line { position: relative; padding-bottom: 18px; } .section-title-line::after { content: ''; position: absolute; bottom: 0; left: 0; width: 65px; height: 4px; background-color: var(--bricks-color-f3b655); border-radius: 2px; }.products-header { margin-bottom: 54px; }.brxe-qgswtg .brxe-xhbwbl.brxe-image:not(.tag), .brxe-qgswtg .brxe-xhbwbl.brxe-image img {object-fit: cover} .product-card:hover .product-image-container img { transform: scale(1.08); } .product-image-container img { max-height: 170px; transition: transform 0.4s ease; } .product-image-container { width: 100%; overflow: hidden; border-bottom: 1px solid var(--bricks-color-af0258); } .leaders-landing h3 { margin: 0; padding: 0; } .product-card:hover .product-title { color: var(--bricks-color-sdwcqf); } .product-title { font-size: 17px; font-weight: 700; color: var(--bricks-color-pzgnli); margin-bottom: 10px; line-height: 1.3; transition: color 0.2s ease; }.leaders-landing * { box-sizing: border-box; } .leaders-landing *::before { box-sizing: border-box; } .leaders-landing *::after { box-sizing: border-box; } .product-arrow-badge { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: var(--bricks-color-af0258); border-radius: 50%; color: var(--bricks-color-pzgnli); transition: var(--transition-standard); } .product-card:hover .product-arrow-badge { background-color: var(--bricks-color-f3b655); color: var(--bricks-color-pzgnli); transform: translateX(4px); } .product-link-row { display: flex; align-items: center; justify-content: space-between; color: var(--bricks-color-sdwcqf); font-size: 14px; font-weight: 700; text-decoration: none; padding-top: 14px; border-top: 1px solid var(--bricks-color-af0258); } .product-card-body { padding: 24px; display: flex; flex-direction: column; flex-grow: 1; } .product-card { border: 1px solid var(--bricks-color-aa4a46); border-radius: 12px; transition: var(--transition-standard); cursor: pointer; overflow: hidden; } .product-card:hover { transform: translateY(-6px); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08); border-color: var(--bricks-color-f3b655); }#brxe-dpkrgd {display: flex; flex-wrap: wrap; column-gap: 3rem; row-gap: 3rem; justify-content: space-between}.products-section { max-width: 1360px; margin: 0 auto; padding: 90px 24px; }@media (max-width: 640px) { .products-section { padding: 50px 18px; }}.about-lead { font-size: 18px; font-weight: 600; color: var(--bricks-color-6c4886); margin: 22px 0 16px; line-height: 1.5; }.about-desc { font-size: 15px; color: var(--bricks-color-6c4886); margin-bottom: 32px; line-height: 1.7; } .stat-number { font-size: 38px; font-weight: 900; color: var(--bricks-color-sdwcqf); line-height: 1; margin-bottom: 6px; } .stat-label { font-size: 13.5px; color: var(--bricks-color-6c4886); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }.about-stats-row { display: flex; gap: 36px; margin-bottom: 36px; padding-bottom: 32px; border-bottom: 1px solid var(--bricks-color-aa4a46); }#brxe-dieeir {color: var(--bricks-color-lvvlba)}.about-cta-btn { align-self: flex-start; display: inline-flex; align-items: center; gap: 12px; background-color: var(--bricks-color-sdwcqf); color: var(--bricks-color-lvvlba); padding: 15px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; text-decoration: none; box-shadow: 0 8px 20px rgba(0, 71, 125, 0.25); transition: var(--transition-bounce); } .about-cta-btn:hover { background-color: var(--bricks-color-028bb8); color: var(--bricks-color-lvvlba); transform: translateY(-3px); box-shadow: 0 12px 24px rgba(255, 152, 0, 0.35); }.about-text-content { display: flex; flex-direction: column; }.about-dots-pattern { position: absolute; top: -40px; right: -30px; z-index: 1; pointer-events: none; opacity: 0.7; }@media (max-width: 1024px) { .about-dots-pattern { right: 0; }}.about-floating-badge span { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; }.about-floating-badge strong { font-size: 20px; font-weight: 900; }.about-floating-badge { position: absolute; top: 30px; left: -24px; background-color: var(--bricks-color-f3b655); color: var(--bricks-color-pzgnli); padding: 18px 24px; border-radius: 12px; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.15); z-index: 3; display: flex; flex-direction: column; }@media (max-width: 1024px) { .about-floating-badge { left: 16px; top: 16px; }}.about-image-card img { width: 100%; height: auto; display: block; transition: transform 0.6s ease; } .about-image-card:hover img { transform: scale(1.04); }.about-image-card { position: relative; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 50px rgba(0, 0, 0, 0.12); border: 4px solid var(--bricks-color-lvvlba); z-index: 2; }.about-visual { position: relative; }.about-container { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }@media (max-width: 1024px) { .about-container { grid-template-columns: 1fr; gap: 50px; }}.about-section-wrap { background-color: var(--bricks-color-af0258); padding: 90px 24px; }@media (max-width: 640px) { .about-section-wrap { padding: 50px 18px; }} .carousel-arrow { width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--bricks-color-aa4a46); background-color: var(--bricks-color-lvvlba); display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--bricks-color-gubmqs); transition: var(--transition-standard); } .carousel-arrow:hover { background-color: var(--bricks-color-f3b655); border-color: var(--bricks-color-f3b655); color: var(--bricks-color-pzgnli); transform: scale(1.08); }.carousel-controls { display: flex; gap: 12px; }.news-header-row { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 48px; } .news-card:hover .news-img-wrap img { transform: scale(1.08); } .news-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .news-badge-date { position: absolute; bottom: 14px; left: 14px; background-color: var(--bricks-color-f3b655); color: var(--bricks-color-pzgnli); padding: 6px 14px; border-radius: 6px; font-size: 12px; font-weight: 800; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } .news-img-wrap { position: relative; height: 220px; overflow: hidden; background-color: var(--bricks-color-aa4a46); } .news-location { font-size: 12.5px; font-weight: 700; color: var(--bricks-color-028bb8); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; } .news-title { font-size: 21px; font-weight: 800; color: var(--bricks-color-pzgnli); margin-bottom: 8px; } .news-desc { font-size: 14px; color: var(--bricks-color-6c4886); line-height: 1.5; } .news-card-body { padding: 24px; display: flex; flex-direction: column; flex-grow: 1; } .news-card { background-color: var(--bricks-color-lvvlba); border: 1px solid var(--bricks-color-aa4a46); border-radius: 12px; transition: var(--transition-standard); cursor: pointer; } .news-card { overflow: hidden; display: flex; flex-direction: column; } .news-card:hover { transform: translateY(-6px); box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08); border-color: var(--bricks-color-f3b655); } .news-card { flex: 0 0 calc((100% - 48px) / 3); }@media (max-width: 1024px) { .news-card { flex: 0 0 calc((100% - 24px) / 2); }}@media (max-width: 640px) { .news-card { flex: 0 0 100%; }}.carousel-track { display: flex; gap: 24px; transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); }.carousel-viewport { overflow: hidden; width: 100%; }.carousel-pagination { display: flex; justify-content: center; gap: 10px; margin-top: 36px; }.news-container { max-width: 1360px; margin: 0 auto; }.news-section-wrap { background-color: var(--bricks-color-af0258); padding: 90px 24px; }@media (max-width: 640px) { .news-section-wrap { padding: 50px 18px; }}.leaders-landing { box-sizing: border-box; } .leaders-landing { font-family: var(--font-family); color: var(--bricks-color-gubmqs); line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }