/* ========= Normal header (large logo) ========= */
.header-1 .main-menu .navigation .header-logo {
  width: auto;                /* let the image define width */
  max-width: 350px;           /* match new logo width */
  line-height: 0;             /* remove inline gap */
}
.header-1 .main-menu .navigation .header-logo img {
  display: block;
  width: 100%;
  height: auto;               /* preserve aspect ratio (≈175px tall at 350px wide) */
}

/* give the header enough vertical space for the 175px-tall logo */
.header-1 {
  padding: 20px 0;            /* tighten side padding a bit */
}
.header-1 .main-menu .navigation {
  align-items: center;        /* keep nav vertically centered next to tall logo */
}

/* ========= Sticky header (compact logo) ========= */
/* The theme’s sticky bar is 90px tall; scale the logo to fit */
.sticky-header {
  height: 90px;               /* keep as defined by theme */
  display: grid;
  align-content: center;      /* center contents vertically */
}
.sticky-header .header-logo {
  max-width: 180px;           /* smaller brandmark for sticky state */
  width: auto;
  line-height: 0;
}
.sticky-header .header-logo img {
  display: block;
  width: 100%;
  height: auto;               /* will be ~90px tall at 180px wide */
}

/* ========= Responsive tweaks ========= */
@media (max-width: 1024px) {
  /* Theme already switches nav; ensure logo scales gracefully */
  .header-1 .main-menu .navigation .header-logo { max-width: 260px; }
}
@media (max-width: 580px) {
  .header-1 .main-menu .navigation .header-logo { max-width: 220px; }
}

/* ========= Optional: tighten horizontal spacing if menu wraps ========= */
.header-1 .main-menu .navigation .main-menu__nav .main-menu__list {
  gap: 12px; /* theme uses 16px; shave a bit if needed */
}

.hero-banner {
  position: relative;
  overflow: hidden;
}

/* Video should fill the hero area */
.hero-banner .hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* ensures it covers without distortion */
  z-index: 0;        /* behind content */
}

/* Ensure your content sits above the video */
.hero-banner .container,
.hero-banner .row,
.hero-banner .col-lg-12 {
  position: relative;
  z-index: 1;
}

/* Change background of the overlay behind the modal */
.vbox-overlay {
  background: #000 !important;
}

/* Change the inside of the modal itself */
.vbox-content {
  background: #000 !important;
}

/* Optional: text color inside modal */
.vbox-content * {
  color: #fff;
}

.floating-widget {
  position: fixed;
  bottom: 20px;   /* distance from bottom */
  right: 20px;    /* distance from right edge */
  z-index: 500;  /* keep it on top of other elements */
  max-width: 350px; /* optional, helps control size */
  opacity: 65%;
}