div[id*="PoweredBy"],
div[class*="PoweredBy"] {
    display: none !important;
}

/* ===== BASE BUTTON STYLE (COLOR CONTROLLED IN EDITOR) ===== */
.bx-btn {
    display: inline-block;
    padding: 8px 22px;
    border-radius: 40px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 0.5px;
    margin: 6px 8px;
    background-color: var(--btn-bg);
    color: #015293;
    transition: background-color 0.25s ease;
}

.bx-btn:hover {
    background-color: var(--btn-hover);
}

/* Medium size option */
.bx-btn.medium {
    font-size: 16px;
    padding: 10px 26px;
}

/* LOGIN BUTTON - Match BXNet Base Button */
.WaGadgetLoginButton .loginLink,
.WaGadgetLoginButton input[type="submit"] {

    background-color: #015293 !important;
    color: #ffffff !important;

    padding: 6px 22px !important;
    border-radius: 50px !important;

    font-size: 16px !important;
    font-weight: 750 !important;

    text-decoration: none !important;
    border: none !important;

    transition: all 0.25s ease !important;
}

/* Hover */
.WaGadgetLoginButton .loginLink:hover,
.WaGadgetLoginButton input[type="submit"]:hover {
    background-color: #ffffff !important;
}


/* ===== BXNet MOBILE MENU COLORS ===== */

/* 1) TOP MOBILE BAR (hamburger + user icon strip) */
@media screen and (max-width: 991px) {

  .WaGadgetMobilePanel .mobilePanel {
      background: #015293 !important;
      background-color: #015293 !important;
      border-color: #015293 !important;
  }

  /* Optional: make hamburger + icons white */
  .WaGadgetMobilePanel .mobilePanel,
  .WaGadgetMobilePanel .mobilePanel a,
  .WaGadgetMobilePanel .mobilePanel i,
  .WaGadgetMobilePanel .mobilePanel svg {
      color: #ffffff !important;
      fill: #ffffff !important;
  }

  /* 2) DROPDOWN / MENU PANEL */
  .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
      background: #121545 !important;
      border-top: 1px solid #121545 !important;
  }

  /* Keep the menuInner container consistent too */
  .WaGadgetMobilePanel .mobilePanel .menuInner {
      background: #121545 !important;
      background-color: #121545 !important;
  }

  /* Menu links */
  .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li > .item > a,
  .WaGadgetMobilePanel .mobilePanel .menuInner a {
      color: #ffffff !important;
  }

  /* Hover/active state (optional) */
  .WaGadgetMobilePanel .mobilePanel .menuInner a:hover,
  .WaGadgetMobilePanel .mobilePanel .menuInner li.sel > .item > a {
      background: #0d1033 !important; /* darker hover */
  }
}

/* ===== Desktop Dropdown Menu Color ===== */

/* First level dropdown container */
.WaGadgetMenuHorizontal .menuInner ul ul,
.WaGadgetMenuHorizontal .menuInner .secondLevel,
.WaGadgetMenuHorizontal .menuInner .submenu,
.WaGadgetMenuHorizontal .menuInner .subMenu {
    background-color: #121545 !important;
    border-color: #121545 !important;
}

/* Dropdown links */
.WaGadgetMenuHorizontal .menuInner ul ul li a {
    background-color: #121545 !important;
    color: #ffffff !important;
}

/* Hover state inside dropdown */
.WaGadgetMenuHorizontal .menuInner ul ul li a:hover {
    background-color: #015293 !important;
    color: #ffffff !important;
}

/* ===== BXNET HERO VIDEO ===== */
.bx-hero-video{
  position: relative;
  width: 100%;
  height: 650px;            /* <-- CHANGE THIS HEIGHT */
  overflow: hidden;
}

/* Make the video behave like background-size: cover */
.bx-hero-video__media{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;        /* modern browsers */
  display: block;
}

/* Optional: dark overlay so text is readable */
.bx-hero-video::after{
  content:"";
  position:absolute;
  inset:0;
   inset:0;
  background: rgba(0,0,0,0.35);  /* adjust opacity or remove */
  z-index:1;
}

/* Text layer */
.bx-hero-video__content{
  position: relative;
  z-index: 2;
  height: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;

  display: flex;
  flex-direction: column;
  justify-content: center;   /* vertical center */
  align-items: center;       /* horizontal center */

  text-align: center;        /* center text */
  color: #ffffff;
}

.bx-hero-video__content h1{
  margin: 0 0 10px;
  font-size: 44px;
  line-height: 1.1;
  font-weight: 800;
  text-transform: none !important;
}

.bx-hero-video__content p{
  margin: 0;
  font-size: 18px;
  max-width: 650px;
  line-height: 1.4;
}

/* Mobile sizing */
@media (max-width: 767px){
  .bx-hero-video{ height: 320px; }   /* <-- mobile height */
  .bx-hero-video__content h1{ font-size: 28px; }
  .bx-hero-video__content p{ font-size: 16px; }
}

/* ===== Event Video Hero Section ===== */

.bx-event-hero {
  position: relative;
  width: 100%;
  height: 850px;
  overflow: hidden;
}

/* Video */
.bx-event-hero__media {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

/* Dark gradient overlay */
.bx-event-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(10,20,40,0.85) 0%,
    rgba(10,20,40,0.65) 40%,
    rgba(10,20,40,0.25) 70%,
    rgba(10,20,40,0.1) 100%
  );
  z-index: 1;
}

/* Content wrapper */
.bx-event-hero__content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
}

/* Inner container */
.bx-event-hero__inner {
  max-width: 1100px;
  width: 100%;
  margin: 0;                 /* remove auto-centering */
  padding-left: 150px;        /* control how far from edge */
  padding-right: 20px;
  color: #ffffff;

}

/* Tag */
.bx-event-tag {
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 15px;
  opacity: 0.9;
}

/* Main Title */
.bx-event-title {
  font-size: 72px;
  line-height: 1.05;
  font-weight: 800;
  margin: 0 0 20px 0;
}

/* Location */
.bx-event-location {
  font-size: 24px;
  margin-bottom: 30px;
  opacity: 0.9;
}

/* Button */
.bx-event-btn {
  display: inline-block;
  padding: 14px 28px;
  background: #ffffff;
  color: #015293;
  text-decoration: none;
  font-weight: 600;
  border-radius: 40px;
  transition: all 0.25s ease;
}

.bx-event-btn:hover {
  background: #e5e5e5;
}

/* Responsive */
@media (max-width: 991px) {
  .bx-event-hero {
    height: 500px;
  }

  .bx-event-title {
    font-size: 48px;
  }

  .bx-event-location {
    font-size: 20px;
  }
}

@media (max-width: 600px) {
  .bx-event-hero {
    height: 420px;
  }

  .bx-event-title {
    font-size: 34px;
  }

  .bx-event-location {
    font-size: 18px;
  }
}

/* Editor-usable font classes */
.font-montserrat { font-family: 'Montserrat', Arial, sans-serif !important; }
.font-inter      { font-family: 'Inter', Arial, sans-serif !important; }
.font-poppins    { font-family: 'Poppins', Arial, sans-serif !important; }
.font-roboto     { font-family: 'Roboto', Arial, sans-serif !important; }

/* ===== BXNet Font System ===== */

/* Default body text (clean & corporate) */
body {
    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* Main headings (modern & strong) */
h1, h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
}

/* Secondary headings */
h3, h4 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
}

/* Navigation menu */
.WaGadgetMenuHorizontal .menuInner a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Buttons */
.bx-btn {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
}

/* Small UI elements / captions */
small, .caption {
    font-family: 'Montserrat', sans-serif !important;
}

/* ===== Slideshow side/letterbox background color ===== */

/* The camera slider stage (most themes) */
.camera_wrap,
.camera_wrap .camera_fakehover,
.camera_wrap .camera_target,
.camera_wrap .camera_target_content,
.camera_wrap .cameraContent,
.camera_wrap .cameraSlide,
.camera_wrap .cameraSlide .img,
.camera_wrap .cameraCont {
  background: none !important;       /* <-- change this */
  background-color: none !important; /* <-- change this */
}

/* In some WA themes the stage is on this */
.camera_wrap * {
  background-image: none !important;
}

/* ===== Clean Centered Testimonial Slider ===== */

.bx-testimonials {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 100px 0 100px 0;
  background: #121545;  /* current blue */

}

.bx-slider {
  display: flex;
  align-items: center;   /* THIS fixes vertical alignment */
  gap: 40px;
  transition: transform 0.6s ease;
  will-change: transform;
}

/* Slide */
.bx-slide {
  flex: 0 0 600px;
  opacity: 0.35;
  transform: scale(0.9);
  transition: all 0.5s ease;
}

.bx-slide.active {
  opacity: 1;
  transform: scale(1);
}

.bx-slide.prev,
.bx-slide.next {
  opacity: 0.5;
  pointer-events: none;

}

/* Card */
.bx-card {
  background: #ffffff;
  padding: 60px;
  border-radius: 24px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12), 0 20px 50px rgba(0,0,0,0.15);
  text-align: center;
}

/* Typography */
.bx-quote {
  font-size: 16px;
  font-style: italic;
  line-height: 1.6;
  margin-bottom: 30px;
  color: #555;
}

.bx-author {
  font-weight: 700;
  font-size: 18px;
  color: #015293;
}

.bx-company {
  font-size: 16px;
  color: #999;
}

/* Side Arrows */
.bx-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.9);
  border: none;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  transition: all 0.25s ease;
  z-index: 1000;

}

.bx-prev { left: 40px; }
.bx-next { right: 40px; }

.bx-arrow:hover {
  transform: translateY(-50%) scale(1.08);
}

/* Change UPCOMING EVENTS title color */
.WaGadgetEvents .gadgetTitle,
.WaGadgetUpcomingEvents .gadgetTitle {
  color: #015293 !important;   /* change to your desired color */
}

/* Force events title color */
.WaGadgetEvents h2,
.WaGadgetEvents h3,
.WaGadgetUpcomingEvents h2,
.WaGadgetUpcomingEvents h3 {
  color: #015293 !important;
}