:root { --height-admin-bar: 32px;  --primary-red-200: #e3000a; --primary-red-100: #ff131d; --primary-red-80: #ff424a; --primary-red-60: #ff7177; --primary-red-40: #ffa1a5; --primary-red-20: #ffd0d2;  --neutral-white: #fff; --neutral-d-9: #d9d9d9; --neutral-8: #808080; --neutral-9: #999; --neutral-6: #666; --neutral-3: #333; --neutral-17: #171717; --neutral-12: #121212;  --gap-8: 0.8rem; --gap-16: 1.6rem; --gap-24: 2.4rem;  --padding-extra-large: clamp( 3.2rem, calc(3.2rem + ((1vw - 0.32rem) * 11.0204)), 14rem ); --padding-large: clamp(6rem, calc(6rem + ((1vw - 0.32rem) * 3.8776)), 9.8rem); --padding-medium: clamp(6rem, calc(6rem + ((1vw - 0.32rem) * 2.0408)), 8rem); --padding-small: clamp( 3.2rem, calc(3.2rem + ((1vw - 0.32rem) * 3.6735)), 6.8rem ); --padding-xs: clamp(1rem, calc(1rem + ((1vw - 0.32rem) * 3.5714)), 4.5rem);  --image-height: 400px;  --border-radius-5: 0.5rem; --border-radius-12: 1.2rem;  --font-family: "Poppins", sans-serif;  --font-size-80: clamp(6rem, calc(6rem + ((1vw - 0.32rem) * 2.0408)), 8rem); --font-size-60: clamp(4rem, calc(4rem + ((1vw - 0.32rem) * 2.0408)), 6rem); --font-size-48: clamp(2.2rem, calc(2.2rem + ((1vw - 0.32rem) * 2.6531)), 4.8rem); --font-size-40: 4rem; --font-size-40-18: clamp(1.8rem, calc(1.8rem + ((1vw - 0.32rem) * 2.2449)), 4rem); --font-size-40-24: clamp(2.4rem, calc(2.4rem + ((1vw - 0.32rem) * 1.6327)), 4rem); --font-size-32: clamp(2.2rem, 1.53vw + 1.894rem, 3.2rem); --font-size-24: clamp(1.8rem, calc(1.8rem + ((1vw - 0.32rem) * 0.6122)), 2.4rem); --font-size-22: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 0.2041)), 2.2rem); --font-size-18: clamp( 1.6rem, calc(1.6rem + ((1vw - 0.32rem) * 0.2041)), 1.8rem ); --font-size-16: 1.6rem; --font-size-14: clamp( 1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.102)), 1.4rem ); --font-size-12: 1.2rem;  --line-height-100: 1; --line-height-115: 1.15; --line-height-120: 1.2; --line-height-125: 1.25;  --transition-slow: 0.3s all ease-in-out; --transition-fast: 0.2s all ease-in-out; } html { font-size: 62.5%; } body { font-family: var(--font-family); font-size: var( --font-size-18); color: var(--neutral-12); } * { -webkit-tap-highlight-color: transparent !important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important; } img { vertical-align: top; } .primary-red-200 { color: var(--primary-red-200); } .primary-red-100 { color: var(--primary-red-100); } .primary-red-80 { color: var(--primary-red-80); } .primary-red-60 { color: var(--primary-red-60); } .primary-red-40 { color: var(--primary-red-40); } .primary-red-20 { color: var(--primary-red-20); } .neutral-white { color: var(--neutral-white); } .neutral-d-9 { color: var(--neutral-d-9); } .neutral-9 { color: var(--neutral-9); } .neutral-8 { color: var(--neutral-8); } .neutral-6 { color: var(--neutral-6); } .neutral-3 { color: var(--neutral-3); } .neutral-12 { color: var(--neutral-12); } .font-size-80 { font-size: var(--font-size-80); } .font-size-60 { font-size: var(--font-size-60); } .font-size-48 { font-size: var(--font-size-48); } .font-size-40 { font-size: var(--font-size-40-24); } .font-size-32 { font-size: var(--font-size-32); } .font-size-24 { font-size: var(--font-size-24); } .font-size-22 { font-size: var(--font-size-22); } .font-size-18 { font-size: var(--font-size-18); } .font-size-16 { font-size: var(--font-size-16); } .font-size-14 { font-size: var(--font-size-14); } .font-size-12 { font-size: var(--font-size-12); } .typography-80-bold { font-size: var(--font-size-80); font-weight: 700; line-height: var(--line-height-115); } .typography-80-semibold { font-size: var(--font-size-80); font-weight: 600; line-height: var(--line-height-115); } .typography-80-light { font-size: var(--font-size-80); font-weight: 300; line-height: var(--line-height-115); } .typography-60-bold { font-size: var(--font-size-60); font-weight: 700; line-height: var(--line-height-115); } .typography-60-semibold { font-size: var(--font-size-60); font-weight: 600; line-height: var(--line-height-115); } .typography-60-light { font-size: var(--font-size-60); font-weight: 300; line-height: var(--line-height-115); } .typography-48-bold { font-size: var(--font-size-48); font-weight: 700; line-height: var(--line-height-125); letter-spacing: 1.8px; } .typography-48-semibold { font-size: var(--font-size-48); font-weight: 600; line-height: var(--line-height-125); letter-spacing: 1.8px; } .typography-48-light { font-size: var(--font-size-48); font-weight: 300; line-height: var(--line-height-125); letter-spacing: 1.8px; } .typography-40-light { font-size: var(--font-size-40-24); font-weight: 300; line-height: var(--line-height-125); letter-spacing: 1.44px; } .typography-40-semibold { font-size: var(--font-size-40-24); font-weight: 600; line-height: var(--line-height-125); letter-spacing: 1.44px; } .typography-40-bold { font-size: var(--font-size-40-24); font-weight: 700; line-height: var(--line-height-125); letter-spacing: 1.44px; } .typography-32-light { font-size: var(--font-size-32); font-weight: 300; line-height: var(--line-height-125); letter-spacing: 1.44px; } .typography-24-semibold { font-size: var(--font-size-24); font-weight: 600; line-height: var(--line-height-125); letter-spacing: 0.72px; } .typography-24-light { font-size: var(--font-size-24); font-weight: 300; line-height: var(--line-height-125); letter-spacing: 0.72px; } .typography-22-bold { font-size: var(--font-size-22); font-weight: 700; line-height: var(--line-height-120); } .typography-22-semibold { font-size: var(--font-size-22); font-weight: 600; line-height: var(--line-height-120); } .typography-22-regular { font-size: var(--font-size-22); font-weight: 400; line-height: var(--line-height-120); } .typography-22-light { font-size: var(--font-size-22); font-weight: 300; line-height: var(--line-height-120); } .typography-18-bold { font-size: var(--font-size-18); font-weight: 700; } .typography-18-light { font-size: var(--font-size-18); font-weight: 300; letter-spacing: 0.36px; } .typography-16-bold { font-size: var(--font-size-16); font-weight: 700; letter-spacing: 0.48px; } .typography-16-medium { font-size: var(--font-size-16); font-weight: 500; letter-spacing: 0.48px; } .typography-16-regular { font-size: var(--font-size-16); font-weight: 400; letter-spacing: 0.48px; } .typography-16-light { font-size: var(--font-size-16); font-weight: 300; letter-spacing: 0.48px; } .typography-14-bold { font-size: var(--font-size-14); font-weight: 700; letter-spacing: 0.42px; } .typography-14-semibold { font-size: var(--font-size-14); font-weight: 600; } .typography-14-light { font-size: var(--font-size-14); font-weight: 300; letter-spacing: 0.28px; } .typography-14-light-italic { font-size: var(--font-size-14); font-weight: 300; font-style: italic; letter-spacing: 0.28px; } .typography-12-light { font-size: var(--font-size-12); font-weight: 300; letter-spacing: 0.24px; }   .heading-1 { font-size: clamp(4rem, calc(4rem + ((1vw - 0.32rem) * 2.0408)), 6rem); } .heading-2 { font-size: clamp(2.5rem, calc(2.5rem + ((1vw - 0.32rem) * 1.5306)), 4rem); } .heading-3 { font-size: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 0.4082)), 2.4rem); }  .brx-grid > .brxe-div { height: fit-content; } .brx-megamenu { width: 100vw; }  .animated__link { position: relative; } .animated__link::before, .animated__link::after { position: absolute; width: 100%; height: 1px; background: currentColor; top: 100%; left: 0; pointer-events: none; } .animated__link::before { content: ""; transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.3s; } .animated__link:hover::before { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); }  .project-detail__section{ } .project-detail__grid{ display: grid; grid-template-columns: 6fr 4fr; column-gap: var(--padding-large); } .project-detail__content{ display: flex; flex-direction: column; gap: var(--padding-small); } .project-detail__text-block{ display: flex; flex-direction: column; gap: 1rem; } .project-detail__image{ }  .industry-detail__client-section { padding-top: clamp(3.4rem, calc(3.4rem + ((1vw - 0.32rem) * 1.4286)), 4.8rem); padding-bottom: clamp(3.4rem, calc(3.4rem + ((1vw - 0.32rem) * 1.4286)), 4.8rem); } .industry-detail__client-section>* { gap: 4.2rem; } .industry-detail__client-section__grid { width: 100%; } .industry-detail__client-section__grid .brxe-image-gallery { --columns: 7; --gutter: 4rem; filter: grayscale(1); opacity: 0.4; fill: var(--neutral-9); } .industry-detail__client-section__grid .brxe-image-gallery div { background-size: contain !important; } .industry-detail__client-section__grid .brxe-image-gallery img { width: 100%; height: 45px; object-fit: contain; } .industry-detail__project-section {} .industry-detail__why-us-section {} .industry-detail__faq-section {} #bricks-footer{ z-index:3 !important; } @media screen and (max-width: 1280px) { #contact-us { display: none; } }