/* ============================================
   Custom Styles for Adlecta Website
   Add your custom CSS here
   
   NOTE: If changes don't appear, try:
   - Hard refresh: Ctrl+F5 (Windows) or Cmd+Shift+R (Mac)
   - Clear browser cache
   - Check browser DevTools to verify CSS is loading
   ============================================ */

/* Make text look crisper and more legible in all browsers */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Focus state style for keyboard navigation */
*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
  outline: 0.125rem solid var(--color-accent-1);
  outline-offset: 0.125rem;
}

/* Set color style to inherit */
.inherit-color * {
  color: inherit;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child,
.w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext > :last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
  margin-bottom: 0 !important;
}

/* Make sure containers never lose their center alignment */
.container-medium,
.container-small,
.container-large {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Apply "..." after 3 lines of text */
.text-style-3lines {
  display: -webkit-box;
  overflow: hidden;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
  display: -webkit-box;
  overflow: hidden;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Apply "..." after 1 line of text */
.text-style-1line {
  display: -webkit-box;
  overflow: hidden;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* Hide utility classes */
.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .hide,
  .hide-tablet {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hide-mobile-landscape {
    display: none !important;
  }
}

@media screen and (max-width: 479px) {
  .hide-mobile {
    display: none !important;
  }
}

/* Spacing utilities */
.margin-0 {
  margin: 0rem !important;
}
.padding-0 {
  padding: 0rem !important;
}
.spacing-clean {
  padding: 0rem !important;
  margin: 0rem !important;
}

/* HUBSPOT CUSTOM FORM STYLES */
.hs-form > p {
  margin-top: var(--margin--small);
  margin-bottom: var(--margin--small);
}

.hs-button {
  width: 100% !important;
}

.hs-form .input {
  margin-right: 0 !important;
}

.hs-form > fieldset {
  max-width: 100% !important;
}

.hs-input {
  width: 100% !important;
}

.hs-input[type="radio"] {
  width: auto !important;
  margin-right: 0.5rem;
  min-height: auto !important;
}

.hs-form-checkbox > label {
  font-weight: 400 !important;
}

.hs-error-msgs > label {
  margin-bottom: 0px !important;
}

.hs-input[type="checkbox"] {
  width: 1rem !important;
  height: 1rem !important;
  margin-right: 0.5rem !important;
  min-height: auto !important;
}

.hs-input[type="checkbox"]:focus {
  box-shadow: 0 0 3px 1px var(--_colors---form--border-active);
}

.hs-input[type="checkbox"]:checked {
  accent-color: var(--_colors---form--border-active);
  outline: 2px solid var(--_colors---form--border-active);
}

.hs-form-booleancheckbox-display > span {
  margin-left: 0 !important;
}

/* Splide for Saving Section CSS - DISABLED/HIDDEN */
.splide__arrow.splide__arrow--next,
.splide__arrow.splide__arrow--prev,
.splide__pagination {
  display: none !important;
}

.splide *:focus {
  outline: none;
}

.splide__track {
  overflow: visible !important;
}

/* ROLES GRID - New Styles for Roles Grid Layout */
.roles-grid {
  display: block;
  width: 100%;
}

.roles-grid-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  width: 100%;
}

.roles-grid-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Hide Splide navigation on homepage roles section */
#roles-grid-section .splide__progress-wrapper,
#roles-grid-section .splide__controls,
#roles-grid-section .splide__carousel-progress {
  display: none !important;
}

/* Reduce spacing before View All Roles button on homepage */
.section_roles-slider .spacer-xsmall {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

/* Reduce bottom padding of the roles section to bring button closer */
.section_roles-slider .padding-section-large {
  padding-bottom: 2rem !important;
}

/* Position View All Roles button closer to the role cards */
.section_roles-slider .component_button-group {
  margin-top: 2rem !important;
  margin-bottom: 3rem !important;
}

/* Responsive Grid */
@media screen and (max-width: 991px) {
  .roles-grid-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  .roles-grid-list {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

/* ============================================
   Color Palette - Analytical & Structured
   ============================================ */

/* Color Variables */
:root {
  --color-primary: #0b1f3b; /* Midnight Blue */
  --color-secondary: #324a72; /* Slate Blue */
  --color-light-neutral: #f4f6fb; /* Cool Gray */
  --color-accent-1: #26c6da; /* Electric Aqua */
  --color-accent-2: #00bfa6; /* Spring Green */
  --color-white: #ffffff;
  --color-text-on-dark: #ffffff;
}

/* ============================================
   Hero Section - Midnight Blue Background
   ============================================ */

/* Hero section background - Very specific */
header.section_header-home,
.section_header-home,
header.section_header-home .padding-section-header,
.section_header-home .padding-section-header,
header.section_book-a-call,
.section_book-a-call,
header.section_book-a-call .padding-section-header,
.section_book-a-call .padding-section-header {
  background-color: var(--color-primary) !important;
  background: var(--color-primary) !important;
  color: var(--color-text-on-dark) !important;
}

/* Hero section text - white */
.section_header-home h1,
.section_header-home h2,
.section_header-home h3,
.section_header-home p,
.section_header-home .text-size-large,
.section_header-home .text-size-medium,
.section_header-home .text-size-small,
.section_book-a-call h1,
.section_book-a-call h2,
.section_book-a-call h3,
.section_book-a-call p,
.section_book-a-call .text-size-large,
.section_book-a-call .text-size-medium,
.section_book-a-call .text-size-small {
  color: var(--color-text-on-dark) !important;
}

/* Hero section headings */
.section_header-home .heading-style-h1,
.section_header-home .heading-style-h2,
.section_book-a-call .heading-style-h1,
.section_book-a-call .heading-style-h2 {
  color: var(--color-text-on-dark) !important;
}

/* ============================================
   Buttons & CTAs - Electric Aqua
   ============================================ */

/* Primary buttons (CTAs) - Aqua - More specific selectors */
.button[data-wf--button--general-style="primary"],
.button[data-wf--button--general-style="highlight"],
.button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
div[data-wf--button--general-style="primary"],
div[data-wf--button--general-style="highlight"] {
  background-color: var(--color-accent-1) !important;
  color: var(--color-white) !important;
  border-color: var(--color-accent-1) !important;
}

.button[data-wf--button--general-style="primary"]:hover,
.button[data-wf--button--general-style="highlight"]:hover,
.button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c:hover,
div[data-wf--button--general-style="primary"]:hover,
div[data-wf--button--general-style="highlight"]:hover {
  background-color: #1fb3c6 !important; /* Slightly darker aqua on hover */
  border-color: #1fb3c6 !important;
}

/* Fix for specific sections where hover turns green - Enhanced Specificity */
body .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c:hover {
  background-color: #1fb3c6 !important;
  border-color: #1fb3c6 !important;
  color: var(--color-white) !important;
  background-image: none !important;
}

/* Button text and links */
.button[data-wf--button--general-style="primary"] .text-block,
.button[data-wf--button--general-style="highlight"] .text-block,
.button[data-wf--button--general-style="primary"] .button_link,
.button[data-wf--button--general-style="highlight"] .button_link,
.button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c .text-block,
.button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c .button_link {
  color: var(--color-white) !important;
}

/* Global Text Block Fix for this variant - z-index fix */
body .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c .text-block {
  position: relative;
  z-index: 1; /* Ensure text is below the link overlay */
}

/* Global Link Fix for this variant - z-index fix */
body .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c .button_link {
  z-index: 10; /* Higher z-index to be clickable */
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
}

/* Button clickable area */
.button_clickable {
  background-color: transparent !important;
}

.button[data-wf--button--general-style="primary"] .button_clickable,
.button[data-wf--button--general-style="highlight"] .button_clickable,
.button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c .button_clickable {
  background-color: transparent !important;
}

/* ============================================
   Interior Pages - Cool Gray Backgrounds
   ============================================ */

/* Main body background */
body {
  background-color: var(--color-light-neutral) !important;
}

/* Section backgrounds - Cool Gray or White */
.section_global-talent,
.section_roles-slider,
.section_cta-salary-guide,
.section_testimonials {
  background-color: var(--color-light-neutral) !important;
}

/* ============================================
   "Did you know?" Section - Midnight Blue
   ============================================ */

.section_features-home {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

.section_features-home h2,
.section_features-home h3,
.section_features-home p,
.section_features-home .text-size-medium,
.section_features-home .text-size-large,
.section_features-home .text-size-small,
.section_features-home .text-color-secondary,
.section_features-home .features-home_item-text-wrapper,
.section_features-home .features-home_item-text-wrapper div,
.section_features-home .features-home_item-text-wrapper strong {
  color: var(--color-white) !important;
}

/* ============================================
   Our Process - Light Background
   ============================================ */

.section_our-process {
  background-color: var(--color-light-neutral) !important;
  color: var(--color-primary) !important;
}

.section_our-process h2,
.section_our-process h3,
.section_our-process p,
.section_our-process div,
.section_our-process .text-size-medium,
.section_our-process .text-size-large,
.section_our-process .text-size-small,
.section_our-process .paragraph,
.section_our-process .heading-wrapper-center,
.section_our-process .heading-wrapper-center div,
.section_our-process .heading-style-h2,
.section_our-process .text-color-secondary,
.section_our-process .text-color-white {
  color: var(--color-primary) !important;
}

/* Timeline step boxes - allow original dark background to show */
.section_our-process .our-process_timeline-step {
  /* Don't override background - let original dark background show */
}

/* Text inside timeline step boxes - white text for dark backgrounds */
.section_our-process .our-process_timeline-step p,
.section_our-process .our-process_timeline-step .paragraph,
.section_our-process .our-process_timeline-step h3,
.section_our-process .our-process_timeline-step .text-weight-bold,
.section_our-process .our-process_timeline-step .text-size-large,
.section_our-process .our-process_timeline-step .our-process_timeline-right,
.section_our-process .our-process_timeline-step .our-process_timeline-right h3,
.section_our-process .our-process_timeline-step .our-process_timeline-right p,
.section_our-process
  .our-process_timeline-step
  .our-process_timeline-right
  .paragraph,
.section_our-process .our-process_timeline-step .text-block,
.section_our-process .our-process_timeline-step .text-size-small {
  color: var(--color-white) !important;
}

/* CTA box (Start Hiring Right Now) - dark text for light background */
.section_our-process .our-process_timeline-step.cta,
.section_our-process .our-process_timeline-step.cta h3,
.section_our-process .our-process_timeline-step.cta p,
.section_our-process .our-process_timeline-step.cta .paragraph,
.section_our-process .our-process_timeline-step.cta .text-size-huge,
.section_our-process .our-process_timeline-step.cta .text-weight-bold,
.section_our-process .our-process_timeline-step.cta .our-process_timeline-right,
.section_our-process
  .our-process_timeline-step.cta
  .our-process_timeline-right
  h3,
.section_our-process
  .our-process_timeline-step.cta
  .our-process_timeline-right
  p,
.section_our-process .our-process_timeline-step.cta .text-size-small {
  color: var(--color-primary) !important;
}

/* Navbar stays Midnight Blue with white/nav link text */
.navbar_component,
.navbar_container,
.navbar_menu,
.navbar_menu-links,
.navbar_button-wrapper,
.navbar_menu-button,
.navbar_dropdown-list {
  background-color: var(--color-primary) !important;
}

/* Remove navbar border across all pages */
.navbar_component {
  border-bottom: none !important;
}

/* Align navbar with page content by matching .container-large structure */
.navbar_component {
  padding: 1.5rem 2.5rem !important; /* Added vertical padding */
}

.navbar_container {
  max-width: 80rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
}

/* Ensure navbar menu aligns to the right */
.navbar_menu {
  display: flex !important;
  align-items: center !important;
  margin-left: auto !important;
}

/* Ensure consistent spacing across all pages */
@media screen and (max-width: 991px) {
  .navbar_component {
    padding: 1.25rem 2rem !important;
  }
}

@media screen and (max-width: 767px) {
  .navbar_component {
    padding: 1rem 1.25rem !important;
  }
}

.navbar_link,
.navbar_dropdown-link,
.navbar_dropdown-toggle,
.navbar_dropdown-toggle div {
  color: var(--color-white) !important;
}

/* Fix: Only color SVG content, NOT background of SVG/Icon containers */
.navbar_dropdown-toggle svg,
.navbar_menu-button svg {
  fill: var(--color-white) !important;
}

.navbar_menu-button .menu-icon2_line-top,
.navbar_menu-button .menu-icon2_line-middle,
.navbar_menu-button .menu-icon2_line-bottom,
.navbar_menu-button .menu-icon1_line-middle-inner {
  background-color: var(--color-white) !important;
}

/* ============================================
   Text Colors - Midnight Blue & Slate Blue
   ============================================ */

/* Headings - Midnight Blue */
h1,
h2,
h3,
h4,
h5,
h6,
.heading-style-h1,
.heading-style-h2,
.heading-style-h2-alternate,
.heading-style-h3,
.heading-style-h4,
.heading-style-h4-alternate {
  color: var(--color-primary) !important;
}

/* Body text - Slate Blue */
p,
.text-size-large,
.text-size-medium,
.text-size-small,
.paragraph {
  color: var(--color-secondary) !important;
}

/* Secondary text color */
.text-color-secondary {
  color: var(--color-secondary) !important;
}

/* ============================================
   Accent Colors - Aqua Highlights
   ============================================ */

/* Links - Aqua */
a,
.banner_link {
  color: var(--color-accent-1) !important;
}

a:hover,
.banner_link:hover {
  color: #1fb3c6 !important; /* Darker aqua on hover */
}

/* Footer links - White */
.footer_link,
.termly-display-preferences,
.footer1_social-link {
  color: var(--color-white) !important;
}

.footer_link:hover,
.termly-display-preferences:hover,
.footer1_social-link:hover {
  color: var(--color-accent-1) !important; /* Aqua on hover */
}

/* Navbar link specific styles */
.navbar_link {
  color: var(--color-white) !important;
}

.navbar_link:hover {
  color: var(--color-accent-1) !important; /* Aqua on hover */
}

/* Active/Current links */
.navbar_link.w--current,
.footer_link.w--current {
  color: var(--color-accent-1) !important;
  border-bottom-color: var(--color-accent-1) !important;
}

/* Accent lines and highlights */
.roles_absolute-tag,
.tag_size {
  background-color: var(--color-accent-1) !important;
  color: var(--color-white) !important;
}

/* Progress bars and indicators */
.splide__carousel-progress-bar {
  background-color: var(--color-accent-1) !important;
}

/* ============================================
   Secondary Accent - Spring Green
   ============================================ */

/* Secondary buttons - Spring Green */
.button[data-wf--button--general-style="tertiary"],
.button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a,
div[data-wf--button--general-style="tertiary"] {
  background-color: transparent !important;
  color: var(--color-accent-2) !important;
  border-color: var(--color-accent-2) !important;
}

.button[data-wf--button--general-style="tertiary"]:hover,
.button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a:hover,
div[data-wf--button--general-style="tertiary"]:hover {
  background-color: var(--color-accent-2) !important;
  color: var(--color-white) !important;
  border-color: var(--color-accent-2) !important;
}

.button[data-wf--button--general-style="tertiary"] .text-block,
.button[data-wf--button--general-style="tertiary"] .button_link,
.button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a .text-block,
.button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a .button_link {
  color: var(--color-accent-2) !important;
}

.button[data-wf--button--general-style="tertiary"]:hover .text-block,
.button[data-wf--button--general-style="tertiary"]:hover .button_link,
.button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a:hover .text-block,
.button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a:hover .button_link {
  color: var(--color-white) !important;
}

/* Secondary highlights */
.splide__slide.roles:hover {
  border-color: var(--color-accent-2) !important;
}

/* ============================================
   CTA Sections
   ============================================ */

/* CTA Hire section background - Blue with white text - Very specific selectors */
body section.section_cta-hire,
body .section_cta-hire,
html body section.section_cta-hire {
  background-color: #0b1f3b !important;
  background: #0b1f3b !important;
  color: #ffffff !important;
}

body .section_cta-hire .padding-global,
body .section_cta-hire .container-large,
body .section_cta-hire .padding-section-large,
body .section_cta-hire .cta-hire_component,
body .section_cta-hire .cta-hire_background {
  background-color: transparent !important;
  background: transparent !important;
}

body .section_cta-hire h2,
body .section_cta-hire h3,
body .section_cta-hire p,
body .section_cta-hire .text-size-small,
body .section_cta-hire .heading-style-h2,
body .section_cta-hire .cta-hire_component,
body .section_cta-hire .cta-hire_component h2,
body .section_cta-hire .cta-hire_component .heading-style-h2,
body .section_cta-hire .cta-hire_component .text-size-small,
body .section_cta-hire .text-align-left {
  color: #ffffff !important;
}

/* CTA Salary Guide section */
.section_cta-salary-guide {
  background-color: var(--color-primary) !important;
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
}

.section_cta-salary-guide h2,
.section_cta-salary-guide .text-size-medium,
.section_cta-salary-guide .text-size-large,
.section_cta-salary-guide .text-size-small,
.section_cta-salary-guide p {
  color: var(--color-white) !important;
}

.section_cta-salary-guide .hs-form input,
.section_cta-salary-guide .hs-form textarea,
.section_cta-salary-guide .hs-form select {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--color-white) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.section_cta-salary-guide .hs-form fieldset {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.section_cta-salary-guide .hs-button {
  background-color: var(--color-accent-1) !important;
  color: var(--color-white) !important;
}

/* Spread consistent backgrounds */
.section_cta-salary-guide .cta-salary-guide_embed,
.section_cta-salary-guide .cta-salary-guide_image-wrapper {
  background-color: transparent !important;
}

/* Banner background - Very specific */
body .banner_component {
  background-color: #0b1f3b !important;
  background: #0b1f3b !important;
}

/* Brighten banner text + Resources link */
.banner_component .banner_content-wrapper p {
  color: var(--color-white) !important;
}

.banner_component .banner_link {
  color: var(--color-accent-1) !important;
}

/* Fix navbar icon background and color */
.dropdown-chevron,
.navbar_dropdown-toggle svg,
.navbar_menu-button svg {
  background-color: transparent !important;
  fill: var(--color-white) !important;
}

.navbar_dropdown-toggle .w-embed {
  background-color: transparent !important;
}

.navbar_dropdown-toggle {
  color: var(--color-white) !important;
}

.navbar_dropdown-toggle > div {
  color: var(--color-white) !important;
}

/* Ensure footer component has blue background */
.footer_component {
  background-color: var(--color-primary) !important;
  background: var(--color-primary) !important;
}

/* Center footer links across all pages */
.footer_top-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.footer_left-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 2rem !important;
  width: 100% !important;
  margin-top: 2rem !important;
}

.footer_link-column {
  text-align: left !important;
}

.footer_link-list {
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.footer_link {
  text-align: center !important;
}

/* Update "Our Process" number boxes to Slate Blue with White text */
.our-process_timeline-icon-wrapper {
  background: #324a72 !important; /* Slate Blue */
  background-color: #324a72 !important;
  color: #ffffff !important;
}

.our-process_timeline-icon-wrapper div {
  color: #ffffff !important;
}

/* Make the process tagline readable - dark text for light background */
.section_our-process
  .heading-wrapper-center
  div[data-w-id]:not(.heading-style-h2) {
  color: var(--color-primary) !important;
}

/* Ensure heading-style-h2 is dark in Our Process section */
.section_our-process .heading-style-h2 {
  color: var(--color-primary) !important;
}

/* Salary guide field names */
.section_cta-salary-guide label,
.section_cta-salary-guide .hs-form label {
  color: var(--color-white) !important;
}

/* Logo container - ensure proper display */
.navbar_logo,
.footer_logo {
  /* Removed complex filters; logo is now natively white */
  filter: none !important;
}

/* Roles Page Hero Fix */
.section_header-how-it-works,
.header-how-it-works_component {
  background-color: var(--color-primary) !important;
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
}

.section_header-how-it-works h1,
.section_header-how-it-works p,
.section_header-how-it-works .text-size-medium {
  color: var(--color-white) !important;
}

/* ============================================
   Roles Page Specific Fixes
   ============================================ */

/* Start Your Search Today Section Fix - Midnight Blue */
.section_form,
#form-general {
  background-color: var(--color-primary) !important;
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
}

.section_form h2,
.section_form p,
#form-general h2,
#form-general p,
.section_form .heading-style-h2-alternate {
  color: var(--color-white) !important;
}

/* Load More Button Fix - Aqua */
.w-pagination-next,
.blog_next-pagination {
  background-color: var(--color-accent-1) !important;
  border-color: var(--color-accent-1) !important;
  color: var(--color-white) !important;
  opacity: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px;
  margin-top: 2rem !important;
  margin-bottom: 3rem !important;
}

/* Move Load More button higher on roles page - reduce spacing above it */
.roles_collection-wrapper .w-pagination-next {
  margin-top: 1rem !important;
}

/* Reduce spacing before pagination controls */
.roles_collection-wrapper .w-pagination-wrapper {
  margin-top: 1rem !important;
  padding-top: 1rem !important;
}

.w-pagination-next:hover,
.blog_next-pagination:hover {
  background-color: #1fb3c6 !important; /* Darker aqua on hover */
  border-color: #1fb3c6 !important;
}

.w-pagination-next div,
.blog_next-pagination div {
  color: var(--color-white) !important;
}

.w-pagination-next svg,
.blog_next-pagination svg {
  fill: var(--color-white) !important;
}

.w-pagination-next .icon-embed-xxsmall,
.blog_next-pagination .icon-embed-xxsmall {
  display: flex;
}

/* Hide Category filter section */
.blog_filter-group:has(
  .blog_filter-group-heading .text-weight-medium:contains("Category")
),
.blog_filter-group:has([fs-cmsfilter-field="category"]) {
  display: none !important;
}

/* Alternative selector for Category filter group */
.blog_filter-group:not(:has(.blog_filter-group-heading.top)) {
  display: none !important;
}

/* ============================================
   Contact Page Specific Styles
   ============================================ */

/* Reduce spacing between navbar and header */
.section_book-a-call .padding-section-header {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

/* Contact page hero section - Light background with dark text - Override all previous rules */
body header.section_book-a-call,
body .section_book-a-call,
body header.section_book-a-call .padding-section-header,
body .section_book-a-call .padding-section-header,
html body header#start-hiring.section_book-a-call,
html body header#start-hiring.section_book-a-call .padding-section-header {
  background-color: #f4f6fb !important;
  background: #f4f6fb !important;
  color: #0b1f3b !important;
}

.section_book-a-call h1,
.section_book-a-call h2,
.section_book-a-call h3,
.section_book-a-call p,
.section_book-a-call .text-size-large,
.section_book-a-call .text-size-medium,
.section_book-a-call .text-size-small,
.section_book-a-call .heading-style-h1,
.section_book-a-call .heading-style-h2 {
  color: var(--color-primary) !important;
}

.section_book-a-call .contact-benefits-list,
.section_book-a-call .contact-benefits-list > div {
  color: var(--color-secondary) !important;
}

.section_book-a-call .roles_absolute-tag,
.section_book-a-call .tag_size {
  background-color: var(--color-accent-1) !important;
  color: var(--color-white) !important;
}

/* Contact page list items - no bullets, just checkmarks */
.contact-benefits-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.contact-benefits-list > div {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* ============================================
   How It Works Section - Simple Text Blocks
   ============================================ */

.how-it-works-content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.how-it-works-item {
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 2rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.how-it-works-item h3 {
  color: var(--color-primary);
  margin: 0 0 1rem 0;
}

.how-it-works-item p {
  color: var(--color-secondary);
  margin: 0;
  line-height: 1.6;
}

/* ============================================
   Pricing Page - Comparison Table Styling
   ============================================ */

/* Make comparison table more readable */
.direct-hire-comparison_row {
  border-bottom: 1px solid rgba(11, 31, 59, 0.1);
  padding: 1rem 0;
}

.direct-hire-comparison_row:last-child {
  border-bottom: none;
}

.direct-hire-comparison_feature {
  font-weight: 600;
  color: var(--color-primary);
}

.direct-hire-comparison_row-content {
  padding: 0.5rem 0;
}

.direct-hire-comparison_row-content.highlight {
  background-color: rgba(38, 198, 218, 0.05);
  border-radius: 4px;
  padding: 0.5rem 1rem;
}

.direct-hire-comparison_top-row {
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.direct-hire-comparison_top-row-title {
  font-weight: 600;
  color: var(--color-primary);
}

.direct-hire-comparison_top-row-content.highlight {
  background-color: rgba(38, 198, 218, 0.1);
  border-radius: 4px;
  padding: 0.5rem 1rem;
}

/* Ensure proper spacing in comparison table */
.direct-hire-comparison_content {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* ============================================
   Pricing Page - Center Icons
   ============================================ */

/* Center align icons in pricing sections */
.direct-hire-offer_item .hire-lp-offer_item-icon-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
  width: 100% !important;
}

.direct-hire-offer_item {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.direct-hire-offer_item h3,
.direct-hire-offer_item h4,
.direct-hire-offer_item p,
.direct-hire-offer_item .heading-style-h4-alternate,
.direct-hire-offer_item .text-color-secondary {
  text-align: center !important;
}

.direct-hire-offer_item .icon-embed-small {
  margin: 0 auto !important;
}

/* ============================================
   Pricing Page - Comparison Table (New Table Structure)
   ============================================ */

.comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin-bottom: 2rem;
}

.comparison-table thead {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.comparison-table th {
  padding: 1.5rem 2rem;
  text-align: left;
  font-weight: 600;
  color: var(--color-white);
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.9rem;
}
.comparison-table th:last-child {
  border-right: none;
}

.comparison-table th.comparison-table-feature {
  width: 30%;
  background-color: var(--color-primary);
}

.comparison-table th.comparison-table-column {
  width: 35%;
  text-align: center;
}

.comparison-table th.comparison-table-highlight {
  background-color: rgba(38, 198, 218, 0.2);
  position: relative;
}

.comparison-table tbody tr {
  transition: background-color 0.2s ease;
  border-bottom: 1px solid rgba(11, 31, 59, 0.05);
}

.comparison-table tbody tr:hover {
  background-color: rgba(11, 31, 59, 0.02);
}

.comparison-table tbody tr:last-child {
  border-bottom: none;
}

.comparison-table td {
  padding: 1.5rem 2rem;
  vertical-align: middle;
  color: var(--color-secondary);
  line-height: 1.5;
  border-right: 1px solid rgba(11, 31, 59, 0.1);
}
.comparison-table td:last-child {
  border-right: none;
}

.comparison-table td.comparison-table-feature {
  font-weight: 600;
  color: var(--color-primary);
  background-color: rgba(244, 246, 251, 0.5);
  border-right: 1px solid rgba(11, 31, 59, 0.1);
}

.comparison-table td.comparison-table-cell {
  text-align: center;
}

.comparison-table td.comparison-table-highlight {
  background-color: rgba(38, 198, 218, 0.05);
  color: var(--color-primary);
  font-weight: 500;
}

.comparison-table td.comparison-table-cell strong {
  color: var(--color-primary);
  font-weight: 700;
  display: block;
  margin-bottom: 0.25rem;
}

/* Responsive Table - Mobile Layout Matching Screenshot */
@media (max-width: 767px) {
  .comparison-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: none;
    background-color: transparent;
    display: block;
  }

  .comparison-table thead {
    display: block;
    width: 100%;
  }

  .comparison-table thead tr {
    display: flex;
    width: 100%;
  }

  /* Hide the "Product comparison" header cell on mobile */
  .comparison-table thead tr th.comparison-table-feature {
    display: none;
  }

  /* Style the column headers (Direct Hire and Talent On-Demand) */
  .comparison-table thead tr th.comparison-table-column {
    flex: 1;
    width: 50%;
    padding: 1rem 1.25rem;
    text-align: left;
    font-weight: 600;
    font-size: 1rem;
    text-transform: none;
    letter-spacing: normal;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: var(--color-primary);
    color: var(--color-white);
  }

  /* Direct Hire column header */
  .comparison-table thead tr th.comparison-table-column:first-of-type {
    border-top-left-radius: 8px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }

  /* Talent On-Demand column header */
  .comparison-table thead tr th.comparison-table-column.comparison-table-highlight {
    background-color: rgba(38, 198, 218, 0.2);
    border-top-right-radius: 8px;
    border-left: none;
  }

  .comparison-table tbody {
    display: block;
    width: 100%;
  }

  .comparison-table tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  /* Feature cells (category headers) - full width, span both columns */
  .comparison-table tbody tr td.comparison-table-feature {
    flex: 0 0 100%;
    width: 100%;
    padding: 0.875rem 1.25rem;
    background-color: rgba(244, 246, 251, 0.5);
    color: var(--color-primary);
    font-weight: 600;
    font-size: 0.95rem;
    text-align: center;
    border-bottom: 1px solid rgba(11, 31, 59, 0.1);
    border-top: 1px solid rgba(11, 31, 59, 0.1);
    border-right: none;
    border-left: none;
    order: 1;
  }

  /* Data cells - two columns side by side */
  .comparison-table tbody tr td.comparison-table-cell {
    flex: 0 0 50%;
    width: 50%;
    padding: 1rem 1.25rem;
    vertical-align: top;
    border: none;
    border-bottom: 1px solid rgba(11, 31, 59, 0.05);
    text-align: left;
    display: block;
    order: 2;
    color: var(--color-secondary);
  }

  /* Direct Hire detail cells */
  .comparison-table tbody tr td.comparison-table-cell:first-of-type {
    background-color: #ffffff;
    border-right: 1px solid rgba(11, 31, 59, 0.1);
  }

  /* Talent On-Demand detail cells */
  .comparison-table tbody tr td.comparison-table-cell.comparison-table-highlight {
    background-color: rgba(38, 198, 218, 0.05);
    color: var(--color-primary);
    font-weight: 500;
    border-right: none;
  }

  /* Bold the dollar amounts in Talent On-Demand column */
  .comparison-table tbody tr td.comparison-table-cell.comparison-table-highlight strong {
    color: var(--color-primary);
    font-weight: 700;
  }

  /* Remove hover effect on mobile */
  .comparison-table tbody tr:hover {
    background-color: transparent;
  }

  /* Ensure proper spacing */
  .comparison-table tbody tr:last-child td {
    border-bottom: none;
  }
}

/* ============================================
   About Page – Visibility and Readability
   ============================================ */

/* CRITICAL: Force About page to be visible */
html[data-wf-page="681b99825ad8c01ba418a6b7"] body {
  background-color: var(--color-light-neutral) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-wf-page="681b99825ad8c01ba418a6b7"] .page-wrapper,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .main-wrapper {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 100vh !important;
}

/* Ensure main sections on About are visible */
html[data-wf-page="681b99825ad8c01ba418a6b7"] header,
html[data-wf-page="681b99825ad8c01ba418a6b7"] section,
html[data-wf-page="681b99825ad8c01ba418a6b7"] main {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* About Page Hero Section - Match Home Page Styling */
.section_header-about,
header.section_header-about,
.section_header-about .padding-section-header {
  background-color: var(--color-primary) !important;
  background: var(--color-primary) !important;
  color: var(--color-text-on-dark) !important;
}

.section_header-about h1,
.section_header-about h2,
.section_header-about h3,
.section_header-about p,
.section_header-about .text-size-large,
.section_header-about .text-size-medium,
.section_header-about .text-size-small,
.section_header-about .heading-style-h1,
.section_header-about .heading-style-h2 {
  color: var(--color-text-on-dark) !important;
}

/* About Page Stats Section */
.section_about-stats {
  background-color: var(--color-light-neutral) !important;
}

.section_about-stats h1,
.section_about-stats h2,
.section_about-stats h3,
.section_about-stats .heading-style-h1 {
  color: var(--color-primary) !important;
}

.section_about-stats p,
.section_about-stats .text-size-medium {
  color: var(--color-secondary) !important;
}

/* About Page Core Values Section */
.section_core-values {
  background-color: var(--color-white) !important;
}

.section_core-values h2,
.section_core-values h3,
.section_core-values .heading-style-h2,
.section_core-values .heading-style-h3 {
  color: var(--color-primary) !important;
}

.section_core-values p,
.section_core-values .text-size-medium,
.section_core-values .text-size-regular {
  color: var(--color-secondary) !important;
}

/* About Page Team Section */
.section_about-team {
  background-color: var(--color-light-neutral) !important;
}

.section_about-team h2,
.section_about-team h3,
.section_about-team .heading-style-h2 {
  color: var(--color-primary) !important;
}

.section_about-team p,
.section_about-team .text-size-medium {
  color: var(--color-secondary) !important;
}

/* About Page Timeline Section */
.section_about-timeline {
  background-color: var(--color-white) !important;
}

.section_about-timeline h2,
.section_about-timeline h3,
.section_about-timeline .heading-style-h2,
.section_about-timeline .heading-style-h3 {
  color: var(--color-primary) !important;
}

.section_about-timeline p,
.section_about-timeline .text-size-medium,
.section_about-timeline .text-size-regular,
.section_about-timeline .about-timeline_title {
  color: var(--color-secondary) !important;
}

/* About page text readability - scoped to specific page */
html[data-wf-page="681b99825ad8c01ba418a6b7"] h1,
html[data-wf-page="681b99825ad8c01ba418a6b7"] h2,
html[data-wf-page="681b99825ad8c01ba418a6b7"] h3,
html[data-wf-page="681b99825ad8c01ba418a6b7"] p:not(.section_header-about p),
html[data-wf-page="681b99825ad8c01ba418a6b7"]
  .text-size-large:not(.section_header-about .text-size-large),
html[data-wf-page="681b99825ad8c01ba418a6b7"]
  .text-size-medium:not(.section_header-about .text-size-medium),
html[data-wf-page="681b99825ad8c01ba418a6b7"]
  .text-size-small:not(.section_header-about .text-size-small) {
  color: var(--color-primary) !important;
}

/* Ensure About page content containers are visible */
html[data-wf-page="681b99825ad8c01ba418a6b7"] .padding-global,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .container-large,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .padding-section-large,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .heading-wrapper-center {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Force all grid layouts on about page to be visible */
html[data-wf-page="681b99825ad8c01ba418a6b7"] .w-layout-grid {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Exception: Footer top wrapper should use flexbox, not grid */
html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_top-wrapper.w-layout-grid {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Force everything on About page visible - but don't mess with display properties */
html[data-wf-page="681b99825ad8c01ba418a6b7"] * {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Ensure navbar is visible on About page without breaking layout */
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_container,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_link,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu .button,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_logo {
  opacity: 1 !important;
  visibility: visible !important;
}

/* CRITICAL: Force navbar elements to maintain flex display on About page */
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_container,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu-link-wrapper,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu-links,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_button-wrapper,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu .button,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu .button-size-wrapper,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu .button-size,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu .button_content {
  display: flex !important;
}

/* Ensure About page navbar has same width constraints as other pages */
html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_container {
  max-width: 80rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component {
  padding: 1.5rem 2.5rem !important;
  box-sizing: border-box !important;
}

/* Override any hide classes on About page */
html[data-wf-page="681b99825ad8c01ba418a6b7"] .hide,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .hide-tablet,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .hide-mobile-landscape,
html[data-wf-page="681b99825ad8c01ba418a6b7"] .hide-mobile {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ============================================
   Mobile Menu Fix (Independent Solution)
   ============================================ */

/* Page IDs: 
   - 681b99bc81c1bfe82216d861 (Contact)
   - 681b99825ad8c01ba418a6b7 (About)
   - 681b99bc81c1bfe82216d862 (Apply)
   - 681b633447c8095588e4235b (Index)
   - 681b99e77f70dbd9ec082fa1 (Pricing)
   - 681b9e190e6a3ba11c70cf97 (Roles)
*/
/* Uses custom class 'mobile-menu-open' instead of Webflow's 'w--open' */

/* On mobile, hide menu and buttons by default when collapsed */
@media screen and (max-width: 991px) {
  /* CRITICAL: Override green background #005d59 from minified CSS at the highest level */
  /* But preserve footer background */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .page-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .page-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .page-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"] .page-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .page-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .page-wrapper {
    background-color: transparent !important;
    background: transparent !important;
  }

  /* Exception: Keep footer background */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .page-wrapper .footer_component,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .page-wrapper .footer_component,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .page-wrapper .footer_component,
  html[data-wf-page="681b633447c8095588e4235b"] .page-wrapper .footer_component,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .page-wrapper .footer_component,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .page-wrapper .footer_component {
    background-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
  }

  /* Make navbar component relative for absolute positioning */
  /* Restore dark blue background for header */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component {
    position: relative !important;
    background-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
    background-image: none !important;
  }

  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_container,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_container,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_container,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_container,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_container,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_container {
    position: relative !important;
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
  }

  /* Remove borders but keep header background dark blue */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_menu-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_menu-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_menu-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_menu-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_menu-wrapper {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  /* Override green background #005d59 from minified CSS - HIGH SPECIFICITY */
  /* But preserve button backgrounds and footer */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_container,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_container,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_container,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_container,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_container,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_container,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_menu-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_menu-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_menu-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_menu-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_menu-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_menu-link-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu-link-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_menu-link-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_menu-link-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_menu-link-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_menu-link-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_menu-links,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_menu-links,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_menu-links,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_menu-links,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_menu-links,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_menu-links {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
  }

  /* Exception: Keep button backgrounds (Start Hiring button) */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_button-wrapper .button,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_button-wrapper .button,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_button-wrapper .button,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_button-wrapper .button,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_button-wrapper .button,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_button-wrapper .button,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_button-wrapper
    .button
    *,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_button-wrapper
    .button
    *,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_button-wrapper
    .button
    *,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_button-wrapper
    .button
    *,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_button-wrapper
    .button
    *,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_button-wrapper
    .button
    * {
    background-color: inherit !important;
    background: inherit !important;
  }

  /* Ensure Start Hiring button has aqua background */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c {
    background-color: var(--color-accent-1) !important;
    background: var(--color-accent-1) !important;
  }

  /* Exception: Keep dark blue background on navbar_component itself */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component {
    background-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
    background-image: none !important;
  }

  /* Exception: Keep dark blue background on menu dropdown when open */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .w-nav-menu,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .w-nav-menu,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .w-nav-menu,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .w-nav-menu,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .w-nav-menu,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .w-nav-menu {
    background-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
    background-image: none !important;
  }

  /* Override any inline styles or computed styles that might have #005d59 */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component[style*="005d59"],
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_container[style*="005d59"],
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_menu-wrapper[style*="005d59"] {
    background-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
  }

  /* Exception: Only the menu dropdown should have transparent background initially */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu {
    background-color: transparent !important;
    background: transparent !important;
  }

  /* Hide menu and buttons when collapsed (using our custom class) */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component:not(.mobile-menu-open)
    nav.navbar_menu,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component:not(.mobile-menu-open)
    nav.navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component:not(.mobile-menu-open)
    nav.navbar_menu,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component:not(.mobile-menu-open)
    nav.navbar_menu,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component:not(.mobile-menu-open)
    nav.navbar_menu,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component:not(.mobile-menu-open)
    nav.navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component:not(.mobile-menu-open)
    .w-nav-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin-left: 0 !important;
    max-height: 0 !important;
  }

  /* Hide menu items and buttons when menu is closed */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-link-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-link-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-link-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-link-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-link-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-link-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-links,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-links,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-links,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-links,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-links,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_menu-links,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_button-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_button-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_button-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_button-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_button-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component:not(.mobile-menu-open)
    .navbar_button-wrapper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Show menu items and buttons when menu is open (using our custom class) */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    nav.navbar_menu,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    nav.navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    nav.navbar_menu,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    nav.navbar_menu,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    nav.navbar_menu,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    nav.navbar_menu,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .w-nav-menu,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .w-nav-menu,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .w-nav-menu,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .w-nav-menu,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .w-nav-menu,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .w-nav-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    background-color: var(--color-primary) !important;
    padding: 2rem !important;
    z-index: 1001 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    align-items: flex-start !important;
    transform: none !important;
    overflow: visible !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
  }

  /* Keep dark blue background on navbar when menu is open */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open {
    background-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    overflow: visible !important;
  }

  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_container,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_container,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_container,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_container,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_container,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_container {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
  }

  /* Ensure no green background appears anywhere in navbar structure */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    *:not(.navbar_menu):not(.w-nav-menu):not(.navbar_menu-link-wrapper):not(
      .navbar_menu-links
    ):not(.navbar_button-wrapper):not(.navbar_link):not(.button) {
    background-color: transparent !important;
    background: transparent !important;
  }

  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_menu-link-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_menu-link-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_menu-link-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_menu-link-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_menu-link-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_menu-link-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
  }

  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_menu-links,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_menu-links,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_menu-links,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_menu-links,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_menu-links,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_menu-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
  }

  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    margin-top: 1rem !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    background-color: transparent !important;
    background: transparent !important;
  }

  /* Ensure Start Hiring button has aqua background in mobile menu */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c
    .button-size {
    background-color: var(--color-accent-1) !important;
    background: var(--color-accent-1) !important;
  }
  
  /* CRITICAL: Ensure button text is visible in mobile menu */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .button_content,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .button_content,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .button_content,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .button_content,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .button_content,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .button_content {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .text-block,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .text-block,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .text-block,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .text-block,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .text-block,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_button-wrapper
    .button
    .text-block {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    color: var(--color-white) !important;
    pointer-events: none !important;
  }

  /* Remove underscores from navbar links and buttons on mobile */
  .navbar_component.mobile-menu-open .navbar_link,
  .navbar_component.mobile-menu-open .navbar_link.w--current,
  .navbar_component.mobile-menu-open .navbar_button-wrapper .button .text-block,
  .navbar_component.mobile-menu-open .navbar_button-wrapper .button,
  .navbar_component.mobile-menu-open .navbar_button-wrapper .button .button_content,
  .navbar_component.mobile-menu-open .navbar_button-wrapper .button .button-size,
  .navbar_component.mobile-menu-open .navbar_button-wrapper .button .button-size-wrapper {
    text-decoration: none !important;
    border-bottom: none !important;
    text-underline-offset: 0 !important;
    -webkit-text-decoration-color: transparent !important;
    text-decoration-color: transparent !important;
    text-decoration-thickness: 0 !important;
  }

  /* Remove underscores from navbar links on mobile (general rule) */
  .navbar_link,
  .navbar_link.w--current,
  .navbar_button-wrapper .button .text-block {
    text-decoration: none !important;
    border-bottom: none !important;
    text-underline-offset: 0 !important;
    -webkit-text-decoration-color: transparent !important;
    text-decoration-color: transparent !important;
    text-decoration-thickness: 0 !important;
  }
}

/* ============================================
   Remove Underlines from ALL Buttons Globally
   ============================================ */

/* Remove underlines from all buttons and button text elements */
.button,
.button .text-block,
.button .button_link,
.button .button-size,
.button .button-size-wrapper,
.button .button_content {
  text-decoration: none !important;
  border-bottom: none !important;
  text-underline-offset: 0 !important;
  -webkit-text-decoration-color: transparent !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 0 !important;
}

/* Ensure hover states also have no underlines */
.button:hover,
.button:hover .text-block,
.button:hover .button_link,
.button:hover .button-size,
.button:hover .button-size-wrapper {
  text-decoration: none !important;
  border-bottom: none !important;
  text-underline-offset: 0 !important;
  -webkit-text-decoration-color: transparent !important;
  text-decoration-color: transparent !important;
  text-decoration-thickness: 0 !important;
}

/* ============================================
   Pricing Page - Get Started Buttons Styling
   ============================================ */

/* Make Get Started buttons on pricing page use primary button styling */
html[data-wf-page="681b99e77f70dbd9ec082fa1"] .component_button-group .button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a,
html[data-wf-page="681b99e77f70dbd9ec082fa1"] .component_button-group .button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a .button-size-wrapper,
html[data-wf-page="681b99e77f70dbd9ec082fa1"] .component_button-group .button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a .button-size {
  background-color: var(--color-accent-1) !important;
  border-color: var(--color-accent-1) !important;
}

html[data-wf-page="681b99e77f70dbd9ec082fa1"] .component_button-group .button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a:hover,
html[data-wf-page="681b99e77f70dbd9ec082fa1"] .component_button-group .button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a:hover .button-size-wrapper,
html[data-wf-page="681b99e77f70dbd9ec082fa1"] .component_button-group .button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a:hover .button-size {
  background-color: #1fb3c6 !important;
  border-color: #1fb3c6 !important;
}

html[data-wf-page="681b99e77f70dbd9ec082fa1"] .component_button-group .button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a .text-block,
html[data-wf-page="681b99e77f70dbd9ec082fa1"] .component_button-group .button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a .button_link {
  color: var(--color-white) !important;
}

html[data-wf-page="681b99e77f70dbd9ec082fa1"] .component_button-group .button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a:hover .text-block,
html[data-wf-page="681b99e77f70dbd9ec082fa1"] .component_button-group .button.w-variant-e13d580c-fc5a-6a46-aa9d-d0668972902a:hover .button_link {
  color: var(--color-white) !important;
}

/* ============================================
   Page Body Buttons - Proper Sizing
   ============================================ */

/* Make body buttons comfortably larger and ensure hover shape matches exactly */
body .button:not(.navbar_button-wrapper .button) .button-size-wrapper {
  font-size: 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  width: fit-content !important;
  width: -moz-fit-content !important;
}

body .button:not(.navbar_button-wrapper .button) .button-size {
  padding: 0.9rem 1.8rem !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

/* Ensure buttons themselves have matching radius */
body .button:not(.navbar_button-wrapper .button) {
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* Hover: lock the same dimensions so the shape never grows */
body .button:not(.navbar_button-wrapper .button):hover .button-size-wrapper {
  font-size: 1rem !important;
  padding: 0 !important;
  margin: 0 !important;
}

body .button:not(.navbar_button-wrapper .button):hover .button-size {
  padding: 0.9rem 1.8rem !important;
  margin: 0 !important;
  min-height: 44px !important;
}

/* Hover: also lock the outer button to prevent any padding growth */
body .button:not(.navbar_button-wrapper .button):hover {
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* ============================================
   Page Body Buttons - Unified Color & Hover
   ============================================ */

/* Base state: Aqua primary, white text, matching border */
body .button:not(.navbar_button-wrapper .button),
body .button:not(.navbar_button-wrapper .button) .button-size-wrapper,
body .button:not(.navbar_button-wrapper .button) .button-size {
  background-color: var(--color-accent-1) !important;
  border-color: var(--color-accent-1) !important;
  color: var(--color-white) !important;
}

/* Text inside buttons */
body .button:not(.navbar_button-wrapper .button) .text-block,
body .button:not(.navbar_button-wrapper .button) .button_link {
  color: var(--color-white) !important;
}

/* Hover: slightly darker aqua */
body .button:not(.navbar_button-wrapper .button):hover,
body .button:not(.navbar_button-wrapper .button):hover .button-size-wrapper,
body .button:not(.navbar_button-wrapper .button):hover .button-size {
  background-color: #1fb3c6 !important;
  border-color: #1fb3c6 !important;
  color: var(--color-white) !important;
}

/* Hover text */
body .button:not(.navbar_button-wrapper .button):hover .text-block,
body .button:not(.navbar_button-wrapper .button):hover .button_link {
  color: var(--color-white) !important;
}
/* Ensure navbar button elements are positioned correctly when mobile menu is open */
.navbar_component.mobile-menu-open .navbar_button-wrapper .button .button-size-wrapper,
.navbar_component.mobile-menu-open .navbar_button-wrapper .button .button-size {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ============================================
   Navbar Buttons - Size + Hover Shape Alignment
   ============================================ */

/* Keep navbar buttons and their hover shape identical in size */
.navbar_button-wrapper .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

.navbar_button-wrapper .button .button-size-wrapper {
  font-size: 0.95rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  width: fit-content !important;
  width: -moz-fit-content !important;
}

.navbar_button-wrapper .button .button-size {
  padding: 0.8rem 1.6rem !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

/* Hover: lock identical dimensions so shape never grows */
.navbar_button-wrapper .button:hover,
.navbar_button-wrapper .button:hover .button-size-wrapper,
.navbar_button-wrapper .button:hover .button-size {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

.navbar_button-wrapper .button:hover .button-size {
  padding: 0.8rem 1.6rem !important;
  min-height: 40px !important;
}

/* ============================================
   Navbar Start Hiring Button - Highlight Color
   ============================================ */

/* Slightly different accent for Start Hiring (navbar) */
.navbar_button-wrapper .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c,
.navbar_button-wrapper .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c .button-size-wrapper,
.navbar_button-wrapper .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c .button-size {
  background-color: #00b5ce !important;
  border-color: #00b5ce !important;
  color: var(--color-white) !important;
}

.navbar_button-wrapper .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c .text-block,
.navbar_button-wrapper .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c .button_link {
  color: var(--color-white) !important;
}

.navbar_button-wrapper .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c:hover,
.navbar_button-wrapper .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c:hover .button-size-wrapper,
.navbar_button-wrapper .button.w-variant-3a3b1104-5456-783b-0f82-4028fcf9146c:hover .button-size {
  background-color: #009fb6 !important;
  border-color: #009fb6 !important;
  color: var(--color-white) !important;
}

/* Ensure navbar logo and menu wrapper are always visible */
.navbar_logo-link,
.navbar_menu-wrapper {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1002 !important;
}

/* On desktop, ensure mobile menu state doesn't affect layout */
@media screen and (min-width: 992px) {
  /* Force normal navbar display on desktop even if mobile-menu-open class exists */
  .navbar_component.mobile-menu-open .navbar_menu-wrapper {
    display: flex !important;
  }
  
  .navbar_component.mobile-menu-open .navbar_menu,
  .navbar_component.mobile-menu-open .w-nav-menu {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .navbar_component.mobile-menu-open .navbar_menu-button,
  .navbar_component.mobile-menu-open .w-nav-button {
    display: none !important;
    visibility: hidden !important;
  }
}

/* Ensure menu button is always visible when menu is open - MOBILE ONLY */
@media screen and (max-width: 991px) {
  .navbar_component.mobile-menu-open .navbar_menu-wrapper {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1002 !important;
  }

  .navbar_component.mobile-menu-open .navbar_menu-button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1003 !important;
  }

  /* Ensure navbar component can expand when menu is open */
  .navbar_component.mobile-menu-open {
    overflow: visible !important;
  }

  /* Ensure all child elements are visible when menu is open */
  .navbar_component.mobile-menu-open .navbar_menu *,
  .navbar_component.mobile-menu-open .w-nav-menu * {
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Override any Webflow styles that might interfere */
  .navbar_component.mobile-menu-open .navbar_menu[style*="display: none"],
  .navbar_component.mobile-menu-open .w-nav-menu[style*="display: none"] {
    display: block !important;
  }
}

/* ============================================
   Sandwich Button - Simple Toggle (Hamburger ↔ X)
   NO ANIMATIONS - Instant switch
   ============================================ */

/* Hide hamburger button on desktop - only show on mobile */
@media screen and (min-width: 992px) {
  .navbar_menu-button,
  .w-nav-button {
    display: none !important;
    visibility: hidden !important;
  }
}

/* Menu icon container - ensure proper positioning and visibility - MOBILE ONLY */
@media screen and (max-width: 991px) {
  .navbar_menu-button,
  .w-nav-button {
    position: relative !important;
    z-index: 1001 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }
}

/* Override minified CSS that might hide button when open - MOBILE ONLY */
@media screen and (max-width: 991px) {
  .navbar_menu-button.w--open,
  .w-nav-button.w--open {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: transparent !important;
  }

  /* Menu icon base styles */
  .navbar_menu-button .menu-icon2 {
    position: relative !important;
    width: 24px !important;
    height: 18px !important;
    min-height: 18px !important;
    display: block !important;
    margin: 0 auto !important;
    z-index: 1002 !important;
    overflow: visible !important;
  }

  /* When menu is open, ensure icon container has enough space for rotated X */
  .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2 {
    height: 18px !important;
    min-height: 18px !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 24px !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Ensure all parent containers allow overflow */
  .navbar_component.mobile-menu-open .navbar_menu-button,
  .navbar_component.mobile-menu-open .w-nav-button,
  .navbar_component.mobile-menu-open .navbar_menu-wrapper {
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
  }

  /* Ensure button container doesn't clip the icon */
  .navbar_menu-button,
  .w-nav-button,
  .navbar_menu-wrapper,
  .navbar_component.mobile-menu-open .navbar_menu-wrapper,
  .navbar_component.mobile-menu-open .navbar_container {
    overflow: visible !important;
  }
}

/* Menu icon lines - base styles (NO transitions - instant switch) - MOBILE ONLY */
@media screen and (max-width: 991px) {
  .navbar_menu-button .menu-icon2_line-top,
  .navbar_menu-button .menu-icon2_line-middle,
  .navbar_menu-button .menu-icon2_line-bottom,
  .w-nav-button .menu-icon2_line-top,
  .w-nav-button .menu-icon2_line-middle,
  .w-nav-button .menu-icon2_line-bottom {
    position: absolute !important;
    width: 100% !important;
    height: 2px !important;
    background-color: var(--color-white) !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    z-index: 1003 !important;
    transition: none !important;
    animation: none !important;
  }

  /* COLLAPSED STATE: Show hamburger (3 lines) */
  .navbar_component:not(.mobile-menu-open) .navbar_menu-button .menu-icon2_line-top {
    top: 0 !important;
    bottom: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  .navbar_component:not(.mobile-menu-open) .navbar_menu-button .menu-icon2_line-middle {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  .navbar_component:not(.mobile-menu-open) .navbar_menu-button .menu-icon1_line-middle-inner {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  .navbar_component:not(.mobile-menu-open) .navbar_menu-button .menu-icon2_line-bottom {
    bottom: 0 !important;
    top: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  /* EXPANDED STATE: Show X (2 crossed lines, no middle) */
  .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-top,
  .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-top {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) rotate(45deg) !important;
    background-color: #FFFFFF !important;
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    position: absolute !important;
    transition: transform 0.2s ease !important;
  }

  .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-middle,
  .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-middle {
    display: none !important;
    opacity: 0 !important;
  }

  .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-bottom,
  .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-bottom {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) rotate(-45deg) !important;
    background-color: #FFFFFF !important;
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    position: absolute !important;
    transition: transform 0.2s ease !important;
  }
}

/* CRITICAL: Ensure menu button is ALWAYS visible when menu is open - HIGHEST PRIORITY - MOBILE ONLY */
@media screen and (max-width: 991px) {
  .navbar_component.mobile-menu-open .navbar_menu-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    position: relative !important;
    z-index: 1002 !important;
    pointer-events: auto !important;
  }

  .navbar_component.mobile-menu-open .navbar_menu-button,
  .navbar_component.mobile-menu-open .w-nav-button {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    position: relative !important;
    z-index: 1003 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  /* Ensure menu icon is visible when menu is open */
  .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  .navbar_component.mobile-menu-open .w-nav-button .menu-icon2 {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    position: relative !important;
    pointer-events: auto !important;
    height: 18px !important;
    width: 24px !important;
    min-height: 18px !important;
    min-width: 24px !important;
  }

  /* Ensure button wrapper doesn't get hidden */
  .navbar_component.mobile-menu-open .navbar_container {
    position: relative !important;
    z-index: 1002 !important;
  }
}

  /* Ensure X icon lines are visible and properly positioned */
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-top,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-top,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-top,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-top,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-top,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-top,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-bottom,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-bottom,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-bottom,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-bottom,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-bottom,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .navbar_menu-button
    .menu-icon2_line-bottom,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-top,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-top,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-top,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-top,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-top,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-top,
  html[data-wf-page="681b99bc81c1bfe82216d861"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-bottom,
  html[data-wf-page="681b99825ad8c01ba418a6b7"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-bottom,
  html[data-wf-page="681b99bc81c1bfe82216d862"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-bottom,
  html[data-wf-page="681b633447c8095588e4235b"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-bottom,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-bottom,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"]
    .navbar_component.mobile-menu-open
    .w-nav-button
    .menu-icon2_line-bottom {
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* ULTRA SPECIFIC: Override ANY rule that might hide the button or X icon */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .navbar_menu-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .navbar_menu-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .navbar_menu-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .navbar_menu-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .navbar_menu-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .navbar_menu-wrapper {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .navbar_menu-button,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .navbar_menu-button,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .navbar_menu-button,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .navbar_menu-button,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .navbar_menu-button,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .navbar_menu-button,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .w-nav-button,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .w-nav-button,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .w-nav-button,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .w-nav-button,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .w-nav-button,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .w-nav-button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* CRITICAL: Ensure X lines stay visible - override everything including minified CSS */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-bottom,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-bottom,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-bottom,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-bottom,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-bottom,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-bottom,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-top,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-top,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-top,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-top,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-top,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-top,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-bottom,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-bottom,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-bottom,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-bottom,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-bottom,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2_line-bottom,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-top,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-bottom,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-bottom,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-bottom,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-bottom,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-bottom,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2_line-bottom {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 2px !important;
    min-height: 2px !important;
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    position: absolute !important;
    transform-origin: center center !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    z-index: 1004 !important;
  }
  
  /* Ensure icon container is visible and has proper dimensions */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .w-nav-button .menu-icon2,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .navbar_menu-wrapper .navbar_menu-button .menu-icon2 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 24px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
  }

  /* Exception: Middle line should be hidden for X */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-middle,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-middle,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-middle,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-middle,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-middle,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon2_line-middle,
  html[data-wf-page="681b99bc81c1bfe82216d861"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon1_line-middle-inner,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon1_line-middle-inner,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon1_line-middle-inner,
  html[data-wf-page="681b633447c8095588e4235b"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon1_line-middle-inner,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon1_line-middle-inner,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .navbar_component.mobile-menu-open .navbar_menu-button .menu-icon1_line-middle-inner {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  
  /* ============================================
     Contact Page - Mobile Footer Layout Fix
     ============================================ */
  
  /* Make Pages and Social columns side-by-side on mobile */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .footer_left-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_left-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .footer_left-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"] .footer_left-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .footer_left-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .footer_left-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-column-gap: 2rem !important;
    grid-row-gap: 1rem !important;
    flex-flow: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    justify-items: start !important;
    width: 100% !important;
    text-align: left !important;
  }
  
  /* Ensure footer link columns display properly and align left */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .footer_left-wrapper .footer_link-column,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_left-wrapper .footer_link-column,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .footer_left-wrapper .footer_link-column,
  html[data-wf-page="681b633447c8095588e4235b"] .footer_left-wrapper .footer_link-column,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .footer_left-wrapper .footer_link-column,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .footer_left-wrapper .footer_link-column {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    justify-self: start !important;
    align-self: start !important;
  }
  
  /* Ensure column headers align left */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .footer_left-wrapper .footer_link-column .text-weight-semibold,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_left-wrapper .footer_link-column .text-weight-semibold,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .footer_left-wrapper .footer_link-column .text-weight-semibold,
  html[data-wf-page="681b633447c8095588e4235b"] .footer_left-wrapper .footer_link-column .text-weight-semibold,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .footer_left-wrapper .footer_link-column .text-weight-semibold,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .footer_left-wrapper .footer_link-column .text-weight-semibold {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  
  /* Ensure link lists align left */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .footer_left-wrapper .footer_link-column .footer_link-list,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_left-wrapper .footer_link-column .footer_link-list,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .footer_left-wrapper .footer_link-column .footer_link-list,
  html[data-wf-page="681b633447c8095588e4235b"] .footer_left-wrapper .footer_link-column .footer_link-list,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .footer_left-wrapper .footer_link-column .footer_link-list,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .footer_left-wrapper .footer_link-column .footer_link-list {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  
  /* Make copyright and "Developed by" appear on the same line */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .footer_bottom-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_bottom-wrapper,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .footer_bottom-wrapper,
  html[data-wf-page="681b633447c8095588e4235b"] .footer_bottom-wrapper,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .footer_bottom-wrapper,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .footer_bottom-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding-bottom: 1rem !important;
  }
  
  /* Remove top margin from footer credit text when in row layout */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .footer_bottom-wrapper .footer_credit-text,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_bottom-wrapper .footer_credit-text,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .footer_bottom-wrapper .footer_credit-text,
  html[data-wf-page="681b633447c8095588e4235b"] .footer_bottom-wrapper .footer_credit-text,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .footer_bottom-wrapper .footer_credit-text,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .footer_bottom-wrapper .footer_credit-text {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: inline-block !important;
  }
  
  /* Add separator between copyright and "Developed by" */
  html[data-wf-page="681b99bc81c1bfe82216d861"] .footer_bottom-wrapper .footer_credit-text:first-child::after,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_bottom-wrapper .footer_credit-text:first-child::after,
  html[data-wf-page="681b99bc81c1bfe82216d862"] .footer_bottom-wrapper .footer_credit-text:first-child::after,
  html[data-wf-page="681b633447c8095588e4235b"] .footer_bottom-wrapper .footer_credit-text:first-child::after,
  html[data-wf-page="681b99e77f70dbd9ec082fa1"] .footer_bottom-wrapper .footer_credit-text:first-child::after,
  html[data-wf-page="681b9e190e6a3ba11c70cf97"] .footer_bottom-wrapper .footer_credit-text:first-child::after {
    content: " • ";
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

/* ============================================
   Contact Page - Footer Background Fix
   ============================================ */

/* Restore footer background on contact page */
html[data-wf-page="681b99bc81c1bfe82216d861"] .footer_component {
  background-color: var(--color-primary) !important;
  background: var(--color-primary) !important;
}

html[data-wf-page="681b99bc81c1bfe82216d861"] .footer_component * {
  background-color: transparent !important;
  background: transparent !important;
}

/* Exception: Keep footer background on footer_component itself */
html[data-wf-page="681b99bc81c1bfe82216d861"] .footer_component {
  background-color: var(--color-primary) !important;
  background: var(--color-primary) !important;
}

/* Ensure Zero Risk text is visible on dark background */
body .section_cta-hire .cta-hire_component .text-size-small.text-align-left,
body .section_cta-hire .component_button-group .text-size-small.text-align-left {
  color: #ffffff !important;
}

/* Ensure all pages have consistent footer alignment - Desktop: Logo left, two columns below */
@media screen and (min-width: 992px) {
  .footer_top-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
  }

  /* Override w-layout-grid for footer_top-wrapper on About page */
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_top-wrapper,
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_top-wrapper.w-layout-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
  }

  .footer_left-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem !important;
    width: 100% !important;
    margin-top: 2rem !important;
  }

  /* Ensure About page footer_left-wrapper matches other pages */
  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_left-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem !important;
    width: 100% !important;
    margin-top: 2rem !important;
    justify-content: flex-start !important;
    justify-items: start !important;
  }

  .footer_link-column {
    text-align: left !important;
  }

  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_link-column {
    text-align: left !important;
    width: 100% !important;
  }

  .footer_link-column .text-weight-semibold {
    text-align: left !important;
  }

  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_link-column .text-weight-semibold {
    text-align: left !important;
  }

  .footer_link-column .footer_link-list {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  html[data-wf-page="681b99825ad8c01ba418a6b7"] .footer_link-column .footer_link-list {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
}