/* Start custom CSS for bdevs-slider-two, class: .elementor-element-583207a *//* ====== GLOBAL RESET so Elementor can’t “outline-only” your heading ====== */
.hero-title, .hero-title *{
  -webkit-text-stroke: 0 transparent !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  filter: none !important;
  background: none !important;
}

.hero-title{
  white-space: nowrap !important;
  -webkit-font-smoothing: antialiased !important;

  /* SBA official */
  --sba-red:  #cc0000;
  --sba-blue: #003e6d;

  /* readability (this is what makes it “pop” over the photo) */
  --halo1: 0 1px 2px rgba(255,255,255,255.76);
  --halo2: 0 10px 22px rgba(0,0,0,0.0);

  /* strokes */
  --thin: 3px;
  --bizStroke: 7px;     /* BUSINESS bezels (thicker) */
  --pop: 2px;

  /* interior transparency */
  --theFillA: 0.94;     /* “negative space” */
  --mallA: 0.92;        /* red letters still show, but not solid */
  --bizFillA: 0.05;     /* BUSINESS has transparent insides (but readable) */
  --gencyA: 0.92;       /* blue letters still show, but not solid */

  /* pastel contrast bezels */
  --popBlue: rgba(140,205,255,0.92);
  --popRed:  rgba(255,120,120,0.95);
}

/* overall shadow behind the whole wordmark */
.hero-shadow{
  filter: drop-shadow(0 8px 22px rgba(0,0,0,1)) !important;
}

/* tight inline behavior (no weird spacing) */
.hero-title span{
  display:inline-block !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  letter-spacing:0 !important;
  vertical-align:baseline !important;
  paint-order: stroke fill !important;

  /* the “pop” */
  text-shadow: var(--halo1), var(--halo2) !important;
}

/* ====== THE ====== */
.the-neg{
  color: rgba(255,255,255,var(--theFillA)) !important;
  -webkit-text-fill-color: rgba(255,255,255,var(--theFillA)) !important;
  -webkit-text-stroke: var(--thin) rgba(255,255,255,0.92) !important;
}

/* ====== SMALL (red + pastel-blue bezel) ====== */
.small-s{
  font-size: 1.14em !important;
  color: var(--sba-red) !important;
  -webkit-text-fill-color: var(--sba-red) !important;
}

.mall{
  color: rgba(204,0,0,var(--mallA)) !important;
  -webkit-text-fill-color: rgba(204,0,0,var(--mallA)) !important;
  -webkit-text-stroke-width: var(--pop) !important;
  -webkit-text-stroke-color: var(--popBlue) !important; /* blue bezel on red */
}

/* ====== BUSINESS (make it the focal point) ====== */
.word-business{
  font-size: 1.22em !important;  /* whole word bigger */
  letter-spacing: 0.01em !important;
}

.b-big{
  font-size: 1.08em !important;  /* B slightly bigger inside BUSINESS */
  color: rgba(255,255,255,0.96) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.96) !important;
}

/* USINESS: colored bezels + transparent insides */
.biz{
  color: rgba(255,255,255,var(--bizFillA)) !important;
  -webkit-text-fill-color: rgba(255,255,255,var(--bizFillA)) !important;
  -webkit-text-stroke-width: var(--bizStroke) !important;
}

/* logo palette strokes for USINESS */
.stroke-orange  { -webkit-text-stroke-color: rgba(253,182,88,0.98) !important; }
.stroke-amber   { -webkit-text-stroke-color: rgba(235,147,78,0.98) !important; }
.stroke-green   { -webkit-text-stroke-color: rgba(173,190,139,0.98) !important; }
.stroke-teal    { -webkit-text-stroke-color: rgba(64,147,126,0.98) !important; }
.stroke-coral   { -webkit-text-stroke-color: rgba(222,92,88,0.98) !important; }
.stroke-magenta { -webkit-text-stroke-color: rgba(157,0,88,0.98) !important; }
.stroke-slate   { -webkit-text-stroke-color: rgba(43,68,83,0.98) !important; }

/* ====== AGENCY (blue + pastel-red bezel) ====== */
.a-big{
  font-size: 1.14em !important;
  color: var(--sba-blue) !important;
  -webkit-text-fill-color: var(--sba-blue) !important;
}

.gency{
  color: rgba(0,46,109,var(--gencyA)) !important;
  -webkit-text-fill-color: rgba(0,46,109,var(--gencyA)) !important;
  -webkit-text-stroke-width: var(--pop) !important;
  -webkit-text-stroke-color: var(--popRed) !important; /* red bezel on blue */
}

/* logo */
.hero-logo{
  width:144px;
  height:auto;
  margin-top:8px;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,0.35));
}/* End custom CSS */