/* Place your minified version of the theme layouts here. */

header .header-inner nav ul{
    align-items: center;
}

header nav ul{
	display: flex;
    list-style: none;
    gap: 20px 30px;
	padding: 0;
}

header .nav-drawer nav ul{
    flex-direction: column;
}

.bwe-service-logo img {
  width: 200px;
}
.site-footer .bwe-service-logo{
	margin-bottom:20px;
}
.site-footer .custom-logo {
  filter: brightness(0) invert(1);
}

@media(max-width:600px){
.bwe-service-logo img {
	width: 150px;
}
}

 .proper-footer {
        background: #161b22;
        color: #f2f2f2;
        padding: 0;
        font-family: inherit;
      }
      .footer-top {
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
        padding: 48px 30px;
        border-bottom: 1px solid #23272d;
        gap: 32px;
        width: 100%;
        box-sizing: border-box;
      }
      .footer-description {
        max-width: none;
        min-width: 0;
        margin-bottom: 24px;
      }
      .footer-description p {
        margin: 0;
        line-height: 1.7;
        color: #bfc9d3;
      }
      .footer-quicklinks,
      .footer-legalcompliance,
      .footer-contact {
        min-width: 0;
        margin-bottom: 24px;
      }
      @media (min-width: 901px) {
        .footer-top {
          grid-template-columns: 1.6fr 1fr 1fr 1.1fr;
          gap: 32px;
        }
      }
      .footer-col-title {
        font-weight: 700;
        margin-bottom: 12px;
        color: #fafbfc;
        font-size: 1.08em;
        letter-spacing: 0.01em;
      }
      .footer-links {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .footer-links li {
        margin-bottom: 8px;
      }
      .footer-links a {
        color: #e8eef3;
        text-decoration: none;
        transition: color 0.2s;
      }
      .footer-links a:hover {
        color: #00ffd0;
        text-decoration: underline;
      }
      .footer-contact .footer-links li {
        color: #aeb7be;
        font-size: 0.98em;
      }
      .footer-contact .footer-links li a {
        color: #e8eef3;
      }
      .footer-disclaimer,
      .footer-legal {
        text-align: center;
        padding: 16px 0;
      }
      .footer-disclaimer {
        font-size: 0.98em;
        color: #7b8594;
        background: #15191e;
        border-bottom: 1px solid #22262c;
      }
      .footer-legal {
        font-size: 0.96em;
        color: #aab4bf;
        background: #15191e;
        margin: 0;
      }
      @media (max-width: 900px) {
        .footer-top {
          flex-direction: column;
          gap: 0;
          padding: 36px 0 10px 0;
        }
        .footer-description,
        .footer-quicklinks,
        .footer-legalcompliance,
        .footer-contact {
          margin-bottom: 20px;
          max-width: 100%;
        }
      }
      .accordion-panel {
        display: none;
      }
      .accordion-item.is-open .accordion-panel {
        display: block;
      }
      .about-full-width {
        width: 100%;
        max-width: 100%;
        padding-inline: 24px;
      }
      .hero-copy {
        display: flex;
        flex-direction: column;
        gap: 0.95rem;
      }
      .hero-copy h1 {
        margin: 0;
        line-height: 1.15;
      }
      .hero-subheading {
        display: block;
        margin: 0;
        font-size: 1.18rem;
        line-height: 1.45;
      }
      .hero-lead {
        margin: 0.1rem 0 0;
        line-height: 1.65;
      }
      .hero-stats {
        margin-top: 0.45rem;
      }
      .hero-stat {
        line-height: 1.45;
      }
      .hero-stat strong {
        display: block;
        margin-bottom: 0.2rem;
      }
      .mission-vision-wrap {       
        background: #ffffff;
      }
      .mission-vision-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
      }
      .mv-card {
        background: #fff;
        border: 1px solid #e1e7f0;
        border-radius: 14px;
        box-shadow: 0 3px 16px rgba(15, 23, 42, 0.08);
        padding: 0.95rem 1.15rem 1.25rem;
      }
      .mv-title {
        margin: -0.95rem -1.15rem 0.9rem;
        padding: 0.68rem 1rem;
        border-radius: 14px 14px 12px 12px;
        color: #fff !important;
        text-align: center;
        font-size: 2rem;
        line-height: 1.2;
        font-weight: 700;
        box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.2);
      }
      .mv-card-mission .mv-title {
        background: linear-gradient(135deg, #ef4444, #dc2626);
      }
      .mv-card-vision .mv-title {
        background: linear-gradient(135deg, #2563eb, #1d4ed8);
      }
      .mv-content {
        margin: 0;
        color: #334155;
        font-size: 1.02rem;
        line-height: 1.65;
      }
      #industries .services-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
      }
      #industries.section.services {
        background: #ffffff;
      }
      #industries .service-card {
        border: 1px solid #e5e7eb;
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);
      }
      #industries .service-card-inner {
        text-align: left;
        padding: 1.2rem 1rem 1.15rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      #industries .why-diff-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        margin-bottom: 0.55rem;
        font-size: 1.55rem;
      }
      #industries .service-card-inner h3 {
        font-size: 1.05rem;
        margin-bottom: 0.5rem;
      }
      #industries .service-card-inner p {
        margin: 0;
        color: #4b5563;
        font-size: 0.95rem;
        line-height: 1.5;
      }
      @media (max-width: 768px) {
        .about-full-width {
          padding-inline: 16px;
        }
        .hero-copy {
          gap: 0.7rem;
        }
        .hero-subheading {
          font-size: 1.02rem;
          line-height: 1.4;
        }
        .hero-stats {
          margin-top: 0.25rem;
        }
        .mission-vision-grid {
          grid-template-columns: 1fr;
          gap: 1rem;
        }
        .mv-title {
          font-size: 1.6rem;
        }
        #industries .services-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }
      @media (max-width: 560px) {
        #industries .services-grid {
          grid-template-columns: 1fr;
        }
      }


.services-grid--static {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
            gap: 1.5rem;
            overflow: visible;
            align-items: stretch;
        }

        .services-grid--static .service-card {
            min-width: 0;
            height: 100%;
        }

        @media (min-width: 900px) {
            .services-grid--static {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (min-width: 1200px) {
            .services-grid--static {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .services-grid--static .service-card-inner h3 {
            text-transform: capitalize;
        }

        .services-grid--static .service-card-inner h3 .service-title-acronym {
            text-transform: uppercase;
        }
 .contact-page {
            padding-block: 0 3.5rem;
        }

        .contact-page-intro {
            max-width: 42rem;
            margin-bottom: 2.25rem;
        }

        .contact-page-intro p {
            margin: 0 0 1rem;
            line-height: 1.65;
            color: var(--color-text-muted);
            font-size: 0.98rem;
        }

        .contact-page-tagline {
            font-family: var(--font-display);
            font-size: clamp(1.2rem, 2.2vw, 1.45rem);
            font-weight: 600;
            color: var(--color-primary);
            margin: 0 0 0.75rem !important;
            line-height: 1.35 !important;
        }

        .contact-page-reg {
            margin-top: 1.25rem !important;
            margin-bottom: 0 !important;
            font-size: 0.9rem;
            color: var(--color-text);
        }

        .contact-page-body {
            display: grid;
            gap: 2.5rem;
            align-items: start;
        }

        @media (min-width: 900px) {
            .contact-page-body {
                grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
                gap: 3rem;
            }
        }

        .contact-page-aside-cta {
            font-family: var(--font-display);
            font-size: 1.05rem;
            font-weight: 600;
            color: var(--color-primary);
            margin: 0;
            padding: 1.1rem 1.25rem;
            background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(250, 204, 21, 0.12));
            border: 1px solid var(--color-border);
            border-radius: var(--radius-card, 12px);
            line-height: 1.45;
        }

        .contact-detail-cards {
            list-style: none;
            padding: 0;
            margin: 0 0 1.5rem;
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .contact-detail-cards li {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 0.85rem 1rem;
            align-items: start;
            padding: 1rem 1.1rem;
            background: var(--color-white);
            border: 1px solid var(--color-border);
            border-radius: 10px;
            box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
        }

        .contact-detail-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 10px;
            background: rgba(37, 99, 235, 0.1);
            color: var(--color-secondary);
            flex-shrink: 0;
        }

        .contact-detail-icon svg {
            display: block;
        }

        .contact-detail-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: var(--color-text-muted);
            margin-bottom: 0.2rem;
        }

        .contact-detail-value {
            margin: 0;
            font-size: 0.95rem;
            color: var(--color-text);
            line-height: 1.5;
            word-break: break-word;
        }

        .contact-detail-value a {
            color: var(--color-secondary);
            font-weight: 600;
            text-decoration: none;
        }

        .contact-detail-value a:hover {
            text-decoration: underline;
        }

        .contact-page .contact-form {
            margin-top: 0;
        }

        .req {
            color: #dc2626;
            font-weight: 700;
        }
.nav .nav-menu .menu-item-has-children {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      column-gap: 0.35rem;
      row-gap: 0.15rem;
    }

    .nav .nav-menu .menu-item-has-children > svg {
      flex-shrink: 0;
      display: block;
      color: #64748b;
      pointer-events: none;
    }

    .nav .nav-menu .menu-item-has-children:hover > svg,
    .nav .nav-menu .menu-item-has-children:focus-within > svg,
    .nav .nav-menu .menu-item-has-children.submenu-open > svg {
      color: var(--color-secondary);
    }

    .nav .nav-menu .sub-menu {
      position: absolute;
      top: calc(100% + 0.45rem);
      left: 0;
      min-width: 240px;
      margin: 0;
      padding: 0.45rem;
      list-style: none;
      display: grid;
      gap: 0.2rem;
      background: var(--color-white);
      border: 1px solid var(--color-border);
      border-radius: 0.7rem;
      box-shadow: 0 10px 28px rgba(2, 6, 23, 0.12);
      opacity: 0;
      visibility: hidden;
      transform: translateY(6px);
      transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
      z-index: 40;
    }

    .nav .nav-menu .menu-item-has-children:hover > .sub-menu,
    .nav .nav-menu .menu-item-has-children:focus-within > .sub-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    .nav .nav-menu .sub-menu .menu-item {
      margin: 0;
    }

    .nav .nav-menu .sub-menu a {
      display: block;
      font-size: 0.875rem;
      font-weight: 500;
      text-decoration: none;
      color: var(--color-text);
      padding: 0.45rem 0.6rem;
      border-radius: 0.45rem;
    }

    .nav .nav-menu .sub-menu a:hover,
    .nav .nav-menu .sub-menu a:focus-visible {
      background: #eff6ff;
      color: var(--color-primary);
    }

    .nav .nav-menu .menu-item-has-children > a {
      display: inline-flex;
      align-items: center;
    }

    /* Touch / coarse pointer: keep submenu open when toggled (see main.js) */
    @media (min-width: 900px) {
      .nav .nav-menu .menu-item-has-children.submenu-open > .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
    }

    /* Use the same primary nav structure on mobile (no separate drawer). */
    @media (max-width: 899px) {
      .header-inner {
        flex-wrap: wrap;
        align-items: center;
      }

      .nav {
        display: flex;
        width: 100%;
        order: 3;
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
        padding: 0.25rem 0 0.75rem;
      }

      .nav .nav-menu {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
      }

      .nav .nav-menu > .menu-item {
        border-bottom: 1px solid var(--color-border);
      }

      .nav .nav-menu > .menu-item > a {
        display: inline-block;
        padding: 0.55rem 0;
      }

      .nav .nav-menu .menu-item-has-children {
        position: relative;
      }

      .nav .nav-menu .menu-item-has-children > a {
        padding-right: 1rem;
      }

      .nav .nav-menu .menu-item-has-children > svg {
        display: block;
        position: absolute;
        right: 0;
        top: 0.9rem;
        color: var(--color-text-muted);
        transition: transform var(--transition), color var(--transition);
      }

      .nav .nav-menu .sub-menu {
        /* position: static; */
        opacity: 0;
        visibility: hidden;
        transform: none;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        min-width: 0;
        max-height: 0;
        overflow: hidden;
        padding: 0 0 0.55rem 0.75rem;
        gap: 0.08rem;
        transition: max-height var(--transition), opacity var(--transition), visibility var(--transition);
      }

      .nav .nav-menu .sub-menu a {
        padding: 0.35rem 0;
        color: var(--color-text-muted);
      }

      .nav .nav-menu .menu-item-has-children.showMenu > .sub-menu {
        opacity: 1;
        visibility: visible;
        max-height: 18rem;
      }

      .nav .nav-menu .menu-item-has-children.showMenu > svg {
        transform: rotate(180deg);
        color: var(--color-secondary);
      }

      .nav-toggle {
        display: none;
      }
    }

.services-grid--static {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
            gap: 1.5rem;
            overflow: visible;
            align-items: stretch;
        }

        .services-grid--static .service-card {
            min-width: 0;
            height: 100%;
        }

        @media (min-width: 900px) {
            .services-grid--static {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (min-width: 1200px) {
            .services-grid--static {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .services-grid--static .service-card-inner h3 {
            text-transform: capitalize;
        }

        .services-grid--static .service-card-inner h3 .service-title-acronym {
            text-transform: uppercase;
        }

        .error-404-main {
            background: #f2f2f2;
            min-height: 340px;
            border-top: 1px solid #d9d9d9;
            border-bottom: 1px solid #d9d9d9;
            display: flex;
            align-items: center;
        }

        .error-404-content {
            max-width: 820px;
            margin: 0 auto;
            padding: 3.5rem 1rem;
            text-align: center;
        }

        .error-404-title {
            margin: 0 0 1.2rem;
            /* font-family: Georgia, "Times New Roman", Times, serif;
            font-size: clamp(2rem, 4.4vw, 3rem); */
            font-weight: 700;
            line-height: 1.2;
            color: #111827;
        }

        .error-404-message {
            margin: 0 auto 1.8rem;
            max-width: 760px;
            /* font-size: 1.45rem; */
            line-height: 1.7;
            color: #1f2937;
        }

        .error-404-content .nav-cta,
        .error-404-content .nav-cta:hover,
        .error-404-content .nav-cta:focus-visible {
            text-decoration: none;
        }