html { scroll-behavior: smooth; } .brxw-header-02__nav-menu a { position: relative; text-decoration: none; } .brxw-header-02__nav-menu a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background-color: var(--color-text); transition: width 300ms ease-out !important; } .brxw-header-02__nav-menu a:hover::after { width: 100%; } .brxw-header-02__nav-menu .bricks-nav-menu > li:hover > a { color: var(--color-text) !important; } .brxw-header-02__inner { padding-left: 0 !important; padding-right: 0 !important; } .btn-primary i, .text-link-services i, .brxe-text-link-services i { display: inline-block; transition: transform 300ms ease-out; } .btn-primary:hover i, .text-link-services:hover i, .brxe-text-link-services:hover i { transform: translateX(4px); } .bg-primary { background-color: var(--color-primary); } .bg-red { background-color: var(--color-red); } .bg-purple { background-color: var(--color-purple); } .bg-teal { background-color: var(--color-teal); } .bg-green { background-color: var(--color-green); } .bg-yellow { background-color: var(--color-yellow); } @keyframes spin-clockwise { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes spin-counter { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } .rotate-counter-clockwise { position: absolute; top: -30% !important; right: 5% !important; width: 25vw; max-width: 353px; transform-origin: center center; animation: spin-counter 25s linear infinite; }  @media (max-width: 1024px) { .rotate-counter-clockwise { top: 0px !important; right: -100px !important; } }  @media (max-width: 991px) { .rotate-counter-clockwise { top: 80px !important; right: -100px !important; } }  @media (max-width: 767px) { .rotate-counter-clockwise { top: 51% !important; right: -5% !important; } }  @media (max-width: 478px) .rotate-counter-clockwise { top:80% !mportant; right: -5% !mportant; } }  .gform_heading, .gfield_required { display: none !important; } .gf-contact-2col .gform_fields { display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 32px !important; row-gap: 10px !important; align-items: start !important; }  .gf-contact-2col .field-name { grid-column: 1 !important; grid-row: 1 !important; } .gf-contact-2col .field-email { grid-column: 1 !important; grid-row: 2 !important; } .gf-contact-2col .field-message { grid-column: 2 !important; grid-row: 1 / span 2 !important; }  .gf-contact-2col .gform_fields > .gfield, .gf-contact-2col .gform_fields > .gfield > .ginput_container, .gf-contact-2col .gform_fields > .gfield textarea, .gf-contact-2col .gform_fields > .gfield input { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; margin: 0 !important; }  .gf-contact-2col .gfield input, .gf-contact-2col .gfield textarea { border: none; background: rgba(255,255,255,0.1); color: #fff; padding: 16px 18px; font-size: 16px; line-height: 1.4; border-radius: 6px; } .gf-contact-2col input[type="text"], .gf-contact-2col input[type="email"] { height: 56px; } .gf-contact-2col .gfield_label { margin-bottom: 6px; display: block; font-size: 14px; line-height: 1.3; opacity: 0.9; } .gf-contact-2col .field-message textarea { height: 170px !important; min-height: 170px !important; padding-top: 16px; padding-bottom: 16px; line-height: 1.4; box-sizing: border-box; resize: vertical; } .gf-contact-2col .gform_footer, .gf-contact-2col .gform_page_footer { margin-top: 20px; } .gform_wrapper.gravity-theme .gfield_label { color:#fff !important; } .gform_wrapper.gravity-theme .gfield_required, .gform_required_legend { display:none !important; } .gform_button { background-color: var(--color-primary); color: var(--color-off-white); border-radius: var(--radius-full); padding: var(--space-4) var(--space-8); font-size: var(--text-p-body); font-weight: var(--weight-semibold); display: inline-flex; align-items: center; gap: var(--space-2); border: none; cursor: pointer; text-decoration: none; transition: opacity 150ms ease; margin:var(--space-10) auto 0 auto; } .gform_button:hover { opacity: 0.9; }  @media (max-width: 767px) { .gf-contact-2col .gform_fields { grid-template-columns: 1fr !important; row-gap: 14px !important; } .gf-contact-2col .field-name, .gf-contact-2col .field-email, .gf-contact-2col .field-message { grid-column: auto !important; grid-row: auto !important; } .gform_button { padding: var(--space-2) var(--space-4); } } .wf { --wf-h: 432px; position: relative; width: 700px; max-width: 100%; height: var(--wf-h); overflow: hidden; border-radius: 10px; background: #f8fafc; } .wf img { width: 100%; height: auto; display: block; } @media (max-width: 768px) { .wf { --wf-h: 310px !important; } } @media (max-width: 767px) and (orientation: landscape) { .wf { --wf-h: 320px; width:100%; } } @media (max-width: 478px) { .wf { width: 100% !important; max-width: 100% !important; } } #cookie-notice .button { padding: 8px 16px !important; margin: 0 20px !important; border-radius: 4px !important; background: #F5B400 !important; font-weight: 600 !important; } #cookie-notice .button:hover { opacity:09.; } figcaption { font-size: .9em; margin: 1em 0; text-align: center; top: 0%; position: absolute !important; left: 5%; color: #fff; background: rgba(0, 0, 0, 0.5); padding: 4px 12px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.8); }