.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS */@font-face {
      font-family: 'urbanist-regular';
      src: url('/wp-content/uploads/elementor/google-fonts/fonts/Outfit-Regular.ttf');
    }

    @font-face {
      font-family: 'urbanist-thin';
      src: url('/wp-content/uploads/elementor/google-fonts/fonts/Outfit-Regular.ttf');
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    .container {
    width: 100%;
    max-width: 1512px;
    padding: 20px 75px;
    margin: auto;
    }

    /* HEADER */
    .header {
     position: fixed;
    margin: auto;
    width: 100%;
    top: 0;
    z-index: 1000;
     transition: all 0.3s ease;
    background: transparent;
    color: #fff;
    border-radius: var(--radius) var(--radius) 0 0;
    margin-bottom: 0;
    }

    .header.scrolled {
background: #000;
    
    /* backdrop-filter: blur(10px); */
    border-radius: 0;
    }
    .header.scrolled .menu a {
  color: #fff;
}

    .nav {
         
    display: flex;
    align-items: center;
    justify-content: space-between;
  padding: 20px 75px;
    max-width: 1512px;
    margin: auto;
    }
    

    .logo {
      width: 112px;
      padding-top: 10px;
    }

    .logo img {
      width: 100%;
    }

    /* MENU */
    .menu ul {
      display: flex;
      list-style: none;
      gap: 25px;
    }

    .menu a {
      color: #fff;
      text-decoration: none;
      font-size: 18px;
      font-family: 'urbanist-regular';
      line-height:1.4;
      font-weight: 500;
    }
    
    .menu a:hover {
      color: #Fe3619
    }

    /* DROPDOWN */
    /* DROPDOWN BASE */
    .dropdown {
      position: relative;
    }

    ul.dropdown-menu {
      flex-direction: column;
      gap: 0;
    }

    /* HIDE BY DEFAULT (DESKTOP) */
    .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      background: #222;
     min-width: 300px;
      border-radius: 8px;

      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: all 0.25s ease;
    }

    /* SHOW ONLY ON HOVER */
    .dropdown:hover .dropdown-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    /* ITEMS */
    .dropdown-menu li {
      padding: 5px 15px;
          line-height: 1.1;
    }

    .dropdown-menu li:hover {
      background: #333;
    }
    /* Prevent text wrapping */
.dropdown-menu li a {
  white-space: nowrap;
}

    /* CTA */
 .cta1 {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 5px 22px 5px 5px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 50px;
  font-family: 'urbanist-regular';
  cursor: pointer;
  text-decoration: none;
}

/* ICON CONTAINER */
.cta1 .icon {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  background: transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* DOT */
.cta1 .icon::before {
  content: "";
  width: 17px;
  height: 17px;
  background: #111;
  border-radius: 50%;
  position: absolute;
  transition: all 0.3s ease;
}

/* ARROW */
.cta1 .icon::after {
  content: "→";
  font-size: 26px;
  color: #111;
  position: absolute;
  opacity: 0;
  transform: translateX(-8px);
  transition: all 0.3s ease;
}

/* HOVER EFFECT */
.cta1:hover .icon {
  background: #111;
}

.cta1:hover .icon::before {
  opacity: 0;
  transform: scale(0.5);
}

.cta1:hover .icon::after {
  opacity: 1;
  transform: translateX(0);
  color: #fff;
}

/* TEXT */
.cta1 .text {
  color: #111;
  font-weight: 500;
  white-space: nowrap;
}


    /* HAMBURGER */
    .hamburger {
      display: none;
      font-size: 24px;
      cursor: pointer;
    }

    /* ARROW (Chevron style like your image) */
    .arrow {
      display: inline-block;
      width: 6px;
      height: 6px;
      margin-left: 6px;

      border-right: 1.5px solid #fff;
      border-bottom: 1.5px solid #fff;

      transform: rotate(45deg); /* Down arrow */
      transition: transform 0.25s ease;
      position: relative;
      top: -1px; /* aligns nicely with text */
    }

    /* Rotate on hover */
    .dropdown:hover .arrow {
      transform: rotate(-135deg); /* Up arrow */
      border-right: 1.5px solid #FD3617;
      border-bottom: 1.5px solid #FD3617;
    }

    .dropdown.open .arrow {
      transform: rotate(-135deg);
      border-right: 1.5px solid #FD3617;
      border-bottom: 1.5px solid #FD3617;
    }
/* Remove Elementor default padding ONLY in header */
.onyx-himss-page .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: 0 !important;
}

/* Also remove inner widget wrapper padding */
.onyx-himss-page .elementor-widget-wrap {
    padding: 0 !important;
}
    /* RESPONSIVE */
    @media (max-width: 900px) {

      .menu {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background: #000;
        display: none;
      }

      .menu.active {
        display: block;
      }

      .menu ul {
        flex-direction: column;
        padding: 20px;
      }

      .hamburger {
        display: block;
      }

      .cta {
        display: none;
      }
    }
    @media (max-width: 768px) {

  .nav {
    padding: 12px 16px;  /* reduce spacing */
  }

  .logo {
    width: 90px; /* smaller logo */
  }

  /* 🔥 KEY FIX */
  .cta1 {
    padding: 4px 14px 4px 4px;
    gap: 8px;
  }

  .cta1 .icon {
    width: 28px;
    height: 28px;
  }

  .cta1 .text {
    font-size: 12px;
  }

  /* prevent overflow */
  .cta1 {
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
  }

  /* hamburger alignment */
  .hamburger {
    margin-left: 8px;
  }
  body {
    padding-top: 80px; /* adjust if needed */
  }

}/* End custom CSS */