.right-testimonial {
background-color: white !important;
border-left: 2px #0aad9f solid !important;
}
.tweets ul {
  list-style: none;
  padding-left: 0;
}
.chat-launch-input-container {
display:none !important;
}

/* ==========================================================================
   SIMPLIFIED & CORRECTED CSS
   ========================================================================== */

/* PART 1: BUTTON STYLING (Unchanged)
   -------------------------------------------------------------------------- */
.custom-header-cta a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #d90000;
  color: white !important; /* !important overrides default theme link colors */
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap; /* Prevents the button from wrapping to two lines */
  transition: background-color 0.2s ease-in-out;
}

.custom-header-cta a:hover {
  background-color: #a10000; /* Darker red on hover */
  text-decoration: none;
}


/* PART 2: DESKTOP-ONLY LAYOUT (Applied only on screens 1200px and wider)
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) { /* <-- CHANGED from 992px */

  /* 1. Turn the main header container into a Flexbox layout on desktop */
  .area-inner {
    display: flex;
    justify-content: space-between; /* Pushes nav-group left, utility-group right */
    align-items: center;
    width: 100%;
  }

  /* 2. Create a flex group for the main menu and the search icon */
  .header-nav-group {
    display: flex;
    align-items: center;
    gap: 20px; /* Adjust the space between the menu and the search icon */
  }

  /* 3. Create a flex group for the button and other right-side utilities */
  .header-utility-group {
    display: flex;
    align-items: center;
    gap: 15px; /* Creates space between items like the button and quick-side icon */
  }

  /* We only show the CTA inside our desktop flex container. */
  .custom-header-cta {
    display: block; /* Show the button on desktop */
  }

  /* 4. Tame the theme's problematic CSS, but only on desktop */
  .area-inner .gva-offcanvas-mobile,
  .area-inner .gva-search-region,
  .area-inner .quick-side-icon {
    float: none !important;
    position: static !important; /* CRITICAL: Removes position: absolute from search */
  }

}

/* PART 3: MOBILE & TABLET HIDE RULE (Applied only on screens smaller than 1200px)
   -------------------------------------------------------------------------- */
@media (max-width: 1199px) { /* <-- CHANGED from 991px */

  /* Hide our custom button on mobile and tablets to let the theme's default layout work */
 .custom-header-cta {
    display: none;
  }
}
/* ============================================= */
/* Custom Overrides for Bootstrap 4.6.2 Update   */
/* ============================================= */

h1, .h1, h2, .h2, h3, .h3 {
  font-weight: 700 !important; /* or the specific value you want */
}