.elementor-3219 .elementor-element.elementor-element-d3a7eec:not(.elementor-motion-effects-element-type-background), .elementor-3219 .elementor-element.elementor-element-d3a7eec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3219 .elementor-element.elementor-element-d3a7eec{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:112px;margin-bottom:112px;}.elementor-3219 .elementor-element.elementor-element-d3a7eec > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3219 .elementor-element.elementor-element-034cd18{text-align:center;}.elementor-3219 .elementor-element.elementor-element-034cd18 .elementor-heading-title{color:#14ADEE;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3219 .elementor-element.elementor-element-da6bed3{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3219 .elementor-element.elementor-element-64488a9{text-align:center;}.elementor-3219 .elementor-element.elementor-element-10be113{margin-top:25px;margin-bottom:4px;padding:0px 0px 0px 0px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-3219 .elementor-element.elementor-element-143930e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-3219 .elementor-element.elementor-element-143930e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-3219 .elementor-element.elementor-element-143930e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-3219 .elementor-element.elementor-element-143930e .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-3219 .elementor-element.elementor-element-143930e .elementor-image-box-img img{border-radius:0px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 151deg );opacity:1;transition-duration:0.3s;}.elementor-3219 .elementor-element.elementor-element-143930e .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;color:#EEEAEA;}.elementor-3219 .elementor-element.elementor-element-143930e .elementor-image-box-description{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:#EFEFF3;}.elementor-3219 .elementor-element.elementor-element-9871b49 .elementor-image-box-wrapper{text-align:center;}.elementor-3219 .elementor-element.elementor-element-9871b49.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-3219 .elementor-element.elementor-element-9871b49.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-3219 .elementor-element.elementor-element-9871b49.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-3219 .elementor-element.elementor-element-9871b49 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-3219 .elementor-element.elementor-element-9871b49 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 151deg );transition-duration:0.3s;}.elementor-3219 .elementor-element.elementor-element-9871b49 .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-3219 .elementor-element.elementor-element-9871b49 .elementor-image-box-description{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:#F1F1F7;}.elementor-3219 .elementor-element.elementor-element-ba32471.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-3219 .elementor-element.elementor-element-ba32471.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-3219 .elementor-element.elementor-element-ba32471.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-3219 .elementor-element.elementor-element-ba32471 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-3219 .elementor-element.elementor-element-ba32471 .elementor-image-box-img img{box-shadow:-7px -2px 24px -100px rgba(0,0,0,0.5);filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 151deg );opacity:1;transition-duration:0.3s;}.elementor-3219 .elementor-element.elementor-element-ba32471 .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-3219 .elementor-element.elementor-element-ba32471 .elementor-image-box-description{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:#EFEFF5;}.elementor-3219 .elementor-element.elementor-element-f5d3ecc.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-3219 .elementor-element.elementor-element-f5d3ecc.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-3219 .elementor-element.elementor-element-f5d3ecc.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-3219 .elementor-element.elementor-element-f5d3ecc .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-3219 .elementor-element.elementor-element-f5d3ecc .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 151deg );transition-duration:0.3s;}.elementor-3219 .elementor-element.elementor-element-f5d3ecc .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-3219 .elementor-element.elementor-element-f5d3ecc .elementor-image-box-description{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:#F7F7F8;}.elementor-3219 .elementor-element.elementor-element-0d9b124{text-align:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3219 .elementor-element.elementor-element-143930e .elementor-image-box-img{margin-bottom:15px;}.elementor-3219 .elementor-element.elementor-element-9871b49 .elementor-image-box-wrapper{text-align:center;}.elementor-3219 .elementor-element.elementor-element-9871b49 .elementor-image-box-img{margin-bottom:0px;}.elementor-3219 .elementor-element.elementor-element-9871b49.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-3219 .elementor-element.elementor-element-9871b49.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-3219 .elementor-element.elementor-element-9871b49.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-3219 .elementor-element.elementor-element-9871b49 .elementor-image-box-title{margin-bottom:16px;}.elementor-3219 .elementor-element.elementor-element-9871b49 .elementor-image-box-wrapper .elementor-image-box-img{width:43%;}.elementor-3219 .elementor-element.elementor-element-9871b49 .elementor-image-box-img img{border-radius:0px;}.elementor-3219 .elementor-element.elementor-element-ba32471 .elementor-image-box-img{margin-bottom:15px;}.elementor-3219 .elementor-element.elementor-element-ba32471 .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-3219 .elementor-element.elementor-element-ba32471 .elementor-image-box-img img{border-radius:0px;}.elementor-3219 .elementor-element.elementor-element-f5d3ecc .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for text-editor, class: .elementor-element-da6bed3 *//* === VC1 Section 1 — Subheading/Text Editor === */
#vc1-sub,
#vc1-sub p {
  color: #E8F2F6;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.75;
  max-width: 760px;
  margin: 0 auto 18px;
  text-align: center;
  text-shadow: 0 0 10px rgba(0,0,0,.32);
  opacity: .98;
}

/* Optional emphasis */
#vc1-sub em { 
  color: #F0FAFF; 
  font-style: normal; 
  text-shadow: 0 0 12px rgba(0,184,255,.20);
}

/* Optional inline links */
#vc1-sub a {
  color: #00B8FF;
  text-decoration: underline;
}
#vc1-sub a:hover {
  color: #C6FF00;
}

/* Optional list styling */
#vc1-sub ul {
  list-style: none;
  padding: 0;
  margin: 8px auto 0;
  max-width: 760px;
}
#vc1-sub ul li {
  position: relative;
  padding-left: 22px;
  margin: 6px 0;
}
#vc1-sub ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #00B8FF;
  font-weight: 800;
}

/* Mobile refinement */
@media (max-width:767px){
  #vc1-sub, #vc1-sub p { margin-bottom: 14px; font-size: 1rem; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7b08e5 *//* Inner button: solid green fill to match the frame */
#vc1-sec1 .glow-frame.btn-solid-green .elementor-button {
  background: #6FFF4F !important;     /* same green as the frame */
  color: #0A0F14 !important;          /* dark text for contrast */
  border: none !important;
  box-shadow: none !important;
}
#vc1-sec1 .glow-frame.btn-solid-green .elementor-button:hover {
  background: #59E63F !important;     /* tiny darken on hover */
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d3a7eec *//* ===== VC1 — Section 1 Hero (minimal, legacy tone) ===== */
:host{
  position: relative;
  text-align: center;
  padding: clamp(48px, 7vw, 96px) 16px;
  background:
    /* soft energy field, but bluer than VC2 */
    linear-gradient(120deg, rgba(26,126,187,0.14) 0%, rgba(0,191,216,0.08) 35%, rgba(26,126,187,0.10) 70%),
    linear-gradient(180deg, #081018 0%, #0B1620 52%, #0D1B26 100%);
}
:host::before{
  content:"";
  position:absolute; inset:-15% -10% 0 -10%; z-index:0; pointer-events:none;
  background:
    radial-gradient(60% 30% at 20% -10%, rgba(26,126,187,0.20), transparent 70%),
    radial-gradient(70% 35% at 80% 0%, rgba(0,191,216,0.18), transparent 70%);
  filter: blur(12px);
  opacity:.5;
}
:host::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background: linear-gradient(180deg, rgba(0,10,15,.40) 0%, rgba(0,10,15,.82) 100%);
}
/* keep content above overlays */
:host > .elementor-container{ position:relative; z-index:1; }

/* Typography */
:host .elementor-heading-title,
:host h1{
  font-weight: 800;
  line-height: 1.15;
  font-size: clamp(2rem, 3.4vw, 3.4rem);
  margin: 0 0 10px;
  background: linear-gradient(90deg, #1A7EBB, #00BFD8);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  text-shadow: 0 0 12px rgba(26,126,187,0.18);
}
:host .elementor-widget-text-editor p{
  color: #DFF7FF;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  line-height: 1.65;
  max-width: 720px;
  margin: 0 auto 14px;
}
:host .microline{
  display:block;
  font-size: 12px;
  color: #9ECFE5;
  opacity: .95;
  margin-top: 6px;
}

/* Mobile spacing */
@media (max-width: 767px){
  :host{ padding: 44px 16px 28px; }
}
/* ===== VC1 / About — Section 1 (Hero) ===== */
:host {
  position: relative;
  text-align: center;
  padding: clamp(56px, 7vw, 96px) 16px;
  overflow: hidden;
}

/* Readability overlay over your background image */
:host::before{
  content:"";
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background: linear-gradient(180deg, rgba(0,10,15,0.68) 0%, rgba(0,10,15,0.90) 100%);
}

/* Ensure content sits above overlay */
:host > .elementor-container{ position: relative; z-index: 1; }

/* Headline */
:host .elementor-heading-title{
  font-weight: 800;
  line-height: 1.15;
  font-size: clamp(2rem, 3.4vw, 3.6rem);
  margin: 0 0 12px;
  background: linear-gradient(90deg, #25A8E0, #7FEA00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Subheadline + helper lines */
:host .elementor-widget-text-editor,
:host .elementor-widget-text-editor p{
  color: #E3F7FF;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  line-height: 1.75;
  max-width: 760px;
  margin: 0 auto 18px;
  opacity: .98;
}

/* Microline (make the middle text smaller) */
:host .elementor-widget-text-editor:nth-of-type(2) p{
  font-size: 0.95rem;
  color: #9ECFE5;
  opacity: .95;
}

/* “Continue to VC2…” helper line (smallest) */
:host .elementor-widget-text-editor:nth-of-type(3) p{
  font-size: 0.9rem;
  color: #9ECFE5;
  opacity: .9;
  margin-top: 6px;
}

/* Primary button — match VC2 style */
:host .elementor-button {
  display: inline-block;
  min-width: 220px;
  padding: 14px 28px;
  border-radius: 40px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
}
:host .elementor-button--primary{
  background: linear-gradient(90deg, #1A7EBB 0%, #4EC45E 100%) !important;
  color: #0A0F14 !important;
  border: none !important;
  box-shadow: 0 0 18px rgba(37,168,224,0.25);
}
:host .elementor-button:hover{
  transform: translateY(-2px);
  filter: brightness(1.08);
}

/* Keyboard focus (accessibility) */
:host .elementor-button:focus, 
:host a:focus{
  outline: 3px solid #7FEA00 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px rgba(10,15,20,.85) !important;
}

/* Mobile refinements */
@media (max-width: 767px){
  :host{ padding: 48px 16px 28px; }
  :host .elementor-button{ 
    display:block; width:100%; max-width:340px; margin:10px auto; 
    font-size: 15px;
  }
}
/* ===== VC1 Hero — Scroll Down Indicator ===== */
.vc1-scroll-indicator{
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  color: #7FEA00;
  font-size: 0.85rem;
  opacity: .85;
  animation: fadeInScroll 1.2s ease forwards 1.2s;
}

.vc1-scroll-line{
  display: block;
  width: 2px;
  height: 36px;
  background: linear-gradient(180deg, #25A8E0 0%, #7FEA00 100%);
  border-radius: 2px;
  margin-bottom: 6px;
  position: relative;
  overflow: hidden;
}

.vc1-scroll-line::after{
  content:"";
  position:absolute;
  top:-40%;
  left:0;
  width:100%;
  height:40%;
  background: rgba(255,255,255,0.85);
  border-radius:2px;
  animation: scrollPulse 2.4s ease-in-out infinite;
}

/* Animations */
@keyframes scrollPulse {
  0%   { transform: translateY(0); opacity: .9; }
  50%  { transform: translateY(200%); opacity: 0; }
  100% { transform: translateY(0); opacity: .9; }
}
@keyframes fadeInScroll {
  from {opacity:0; transform:translateY(10px);}
  to {opacity:1; transform:translateY(0);}
}

/* Mobile tweak */
@media (max-width:767px){
  .vc1-scroll-indicator{margin-top:20px;font-size:.8rem;}
  .vc1-scroll-line{height:28px;}
}
/* VC1 — Section 1: single-CTA cleanup */
:host .elementor-widget-button { 
  text-align: center !important; 
}

:host .elementor-button {
  display: inline-block !important;
  min-width: 240px;
  padding: 12px 28px;
  border-radius: 40px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
  margin: 12px auto 6px !important;   /* balance above/below */
}

/* Keep your unified primary gradient (matches VC2) */
:host .elementor-button--primary{
  background: linear-gradient(90deg, #1A7EBB 0%, #4EC45E 100%) !important;
  color: #0A0F14 !important;
  border: none !important;
  box-shadow: 0 0 18px rgba(26,126,187,0.20);
  transition: filter .2s ease, transform .2s ease;
}
:host .elementor-button--primary:hover{
  filter: brightness(1.1);
  transform: translateY(-2px);
}

/* Mobile: full width, centered */
@media (max-width: 767px){
  :host .elementor-button{
    display: block !important;
    width: 100% !important;
    max-width: 340px;
    margin: 10px auto !important;
  }
}
/* === VC1 Heading — Match Homepage Blue→Green === */
:host .elementor-heading-title,
:host h1 {
  background: linear-gradient(90deg, #00B8FF 0%, #C6FF00 100%) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 18px rgba(0,0,0,.40),
    0 0 36px rgba(0,184,255,.30);
}
/* DEBUG: should draw a magenta box around your H1 text */
:host .elementor-widget-heading .elementor-heading-title { 
  outline: 2px solid magenta !important; 
}
/* VC1 Heading — match homepage vivid blue→green */
:host .elementor-widget-heading .elementor-heading-title,
#vc1-sec1 .elementor-widget-heading .elementor-heading-title {
  background: linear-gradient(90deg, #00B8FF 0%, #C6FF00 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important; /* cover non-webkit engines */
  text-shadow:
    0 0 18px rgba(0,0,0,.40),
    0 0 36px rgba(0,184,255,.30);
}
/* === VC1 Section 1 — Subheading/Text Editor === */
:host .vc1-sub,
:host .vc1-sub p {
  color: #E8F2F6;                     /* same tone as home */
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.75;
  max-width: 760px;                   /* readable line length */
  margin: 0 auto 18px;                /* centered & spaced from heading */
  text-shadow: 0 0 10px rgba(0,0,0,.32);
  opacity: .98;
}

/* Optional emphasis that stays subtle and readable */
:host .vc1-sub em { 
  color: #F0FAFF; 
  font-style: normal; 
  text-shadow: 0 0 12px rgba(0,184,255,.20);
}

/* Optional inline links (if you add any) */
:host .vc1-sub a {
  color: #00B8FF;
  text-decoration: underline;
}
:host .vc1-sub a:hover {
  color: #C6FF00;
}

/* Optional lists inside Text Editor */
:host .vc1-sub ul {
  list-style: none;
  padding: 0;
  margin: 8px auto 0;
  max-width: 760px;
}
:host .vc1-sub ul li {
  position: relative;
  padding-left: 22px;
  margin: 6px 0;
}
:host .vc1-sub ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #00B8FF;                     /* brand bullet */
  font-weight: 800;
}
/* === VC1 Section 1 — Primary Button (Homepage Match) === */
#vc1-sec1 .vc1-btn .elementor-button,
#vc1-sec1 .elementor-button.vc1-btn {
  display: inline-block;
  min-width: 240px;
  padding: 15px 30px;
  border-radius: 44px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  margin: 12px 14px;
  background: linear-gradient(90deg, #00B8FF 0%, #C6FF00 100%) !important;
  color: #0A0F14 !important;
  border: none;
  box-shadow: 0 0 18px rgba(0,184,255,.22);
  transition: transform .25s ease, filter .25s ease, box-shadow .25s ease;
}

#vc1-sec1 .vc1-btn .elementor-button:hover,
#vc1-sec1 .elementor-button.vc1-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 0 22px rgba(0,184,255,.35);
}

/* === Secondary / Outline Version === */
#vc1-sec1 .vc1-btn.secondary .elementor-button,
#vc1-sec1 .elementor-button.vc1-btn.secondary {
  background: transparent;
  border: 2px solid #00B8FF;
  color: #E8F2F6 !important;
  box-shadow: none;
}
#vc1-sec1 .vc1-btn.secondary .elementor-button:hover,
#vc1-sec1 .elementor-button.vc1-btn.secondary:hover {
  background: #00B8FF;
  color: #0A0F14 !important;
}

/* === Accessibility Focus === */
#vc1-sec1 .elementor-button:focus {
  outline: 3px solid #C6FF00 !important;
  outline-offset: 2px !important;
}

/* === Mobile === */
@media (max-width: 767px) {
  #vc1-sec1 .vc1-btn .elementor-button,
  #vc1-sec1 .elementor-button.vc1-btn {
    display: block;
    width: 100%;
    max-width: 340px;
    margin: 10px auto;
  }

  /* subhead mobile tweak */
  #vc1-sub, #vc1-sub p {
    font-size: 1rem;
    margin-bottom: 14px;
  }
}

}
/* VC1 heading — neon green → aqua → deep blue (header match) */
#vc1-sec1 .elementor-widget-heading .elementor-heading-title {
  font-weight: 800;
  line-height: 1.15;
  font-size: clamp(2.2rem, 3.8vw, 4.2rem);
  text-align: center;
  margin: 0 0 12px;

  /* brighter green start, smooth aqua bridge, deep blue finish */
  background: linear-gradient(90deg,
    #78FF4C 0%,
    #37D7FF 52%,
    #165FAE 100%
  ) !important;

  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;   /* no glow */
  filter: brightness(1.06);       /* gentle lift like the header */
}

@media (max-width: 767px){
  #vc1-sec1 .elementor-widget-heading .elementor-heading-title {
    font-size: clamp(1.8rem, 4vw, 2.8rem);
  }
}
/* === VC1 Section 1 — Solid Green Rectangular Frame around Button === */
/* Add class "glow-frame" to the Button widget (Advanced → CSS Classes) */

#vc1-sec1 .glow-frame {
  position: relative;
  display: inline-block;
}

#vc1-sec1 .glow-frame .elementor-button {
  position: relative;
  z-index: 2;
}

/* Static green frame — rectangular, no animation, no glow */
#vc1-sec1 .glow-frame::before {
  content: "";
  position: absolute;
  inset: -6px;             /* distance from the button edge */
  border-radius: 4px;      /* use 0 for sharp corners */
  padding: 2px;            /* thickness of the frame */
  background: #6FFF4F;     /* bright green (tweak as needed) */
  z-index: 1;
  pointer-events: none;

  /* Hollow center — creates the frame effect */
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0d9b124 *//* VC1 — Section 2 Bridge: Smooth gradient link to VC2 */
:host {
  text-align: center;
  padding: clamp(48px, 7vw, 80px) 16px;
  background: linear-gradient(180deg, #0B141C 0%, #0A0F14 100%);
  position: relative;
}

:host .vc1-bridge {
  color: #CFE7EE;
  font-size: clamp(1rem, 1.3vw, 1.125rem);
  line-height: 1.7;
  max-width: 760px;
  margin: 0 auto;
  opacity: .96;
}

:host .vc1-bridge strong {
  color: #25A8E0;
  font-weight: 700;
}

/* Top fade divider to separate from Section 1 */
:host::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: -1px;
  height: 60px;
  background: linear-gradient(
    180deg,
    rgba(26,126,187,0.22) 0%,
    rgba(26,126,187,0) 100%
  );
  pointer-events: none;
}
/* VC1 — Section 2 bridge (text-only, no buttons) */
:host {
  text-align: center;
  padding: clamp(36px, 6vw, 72px) 16px;
  background: linear-gradient(180deg, #0A0F14 0%, #0B1520 100%);
}
:host .vc1-bridge {
  color: #CFE7EE;
  font-size: clamp(1rem, 1.3vw, 1.125rem);
  line-height: 1.7;
  max-width: 760px;
  margin: 0 auto;
  opacity: .95;
}
/* subtle top fade to separate from Section 1 */
:host::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: -1px;
  height: 56px;
  background: linear-gradient(
    180deg,
    rgba(26,126,187,0.18) 0%,
    rgba(26,126,187,0) 100%
  );
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9ac9c6e *//* ===== VC1 — Section 2 Bridge: Scroll-fade accent ===== */

/* Keep your existing :host styles above; this enhances the divider only */
:host::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: -1px;
  height: 56px;
  background: linear-gradient(
    180deg,
    rgba(26,126,187,0.22) 0%,
    rgba(26,126,187,0) 100%
  );
  pointer-events: none;
  z-index: 2;
  opacity: .95;
  transition: opacity .4s ease;
}

/* Gentle breathing effect when not in the editor */
@media (prefers-reduced-motion: no-preference) {
  body:not(.elementor-editor-active) :host::before {
    animation: vc1BridgeFade 3.2s ease-in-out infinite alternate;
  }
}

@keyframes vc1BridgeFade {
  0%   { opacity: .95; filter: brightness(1); }
  100% { opacity: .65; filter: brightness(1.05); }
}

/* Mobile tweak: slightly shorter divider */
@media (max-width: 767px){
  :host::before { height: 44px; }
}/* End custom CSS */
/* Start custom CSS *//* ===== VC1 — Section 1 Button (Deep Ocean + Amber) ===== */
/* Targets the button widget with class `vc1-btn` inside section with ID `vc1-sec1` */

#vc1-sec1 .vc1-btn .elementor-button,
#vc1-sec1 .elementor-button.vc1-btn{
  display:inline-block;
  padding: 13px 32px;
  min-width: 220px;
  border-radius: 40px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
  transition: filter .25s ease, transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;

  /* Deep ocean blue gradient */
  background: linear-gradient(90deg, #0F3D5E 0%, #1A7EBB 100%);
  color: #F6FAFF !important;          /* crisp light text on dark gradient */
  border: none;
  box-shadow: 0 8px 20px rgba(16, 80, 125, .28);
}

#vc1-sec1 .vc1-btn .elementor-button:hover,
#vc1-sec1 .elementor-button.vc1-btn:hover{
  filter: brightness(1.07);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(16, 80, 125, .34);
}

/* Optional: Outline/Secondary version
   Add 'secondary' to the button's CSS Classes (vc1-btn secondary) */
#vc1-sec1 .vc1-btn.secondary .elementor-button,
#vc1-sec1 .elementor-button.vc1-btn.secondary{
  background: transparent;
  border: 2px solid #D7A64A;          /* amber accent */
  color: #F0F6FB !important;
  box-shadow: none;
}
#vc1-sec1 .vc1-btn.secondary .elementor-button:hover,
#vc1-sec1 .elementor-button.vc1-btn.secondary:hover{
  background: linear-gradient(90deg, rgba(215,166,74,.12), rgba(215,166,74,.20));
  border-color: #E2B766;
  color: #FFFFFF !important;
}

/* Mobile: full-width for thumbs */
@media (max-width: 767px){
  #vc1-sec1 .vc1-btn .elementor-button,
  #vc1-sec1 .elementor-button.vc1-btn{
    display:block;
    width:100%;
    margin:8px auto;
    text-align:center;
  }
}
/* ===== VC1 — Section 1 Button Styling ===== */
#vc1-sec1 .vc1-btn .elementor-button,
#vc1-sec1 .elementor-button.vc1-btn {
  display:inline-block;
  padding:13px 32px;
  min-width:220px;
  border-radius:40px;
  font-weight:700;
  letter-spacing:.3px;
  text-transform:uppercase;
  transition: all .25s ease;
  background: linear-gradient(90deg, #25A8E0 0%, #7FEA00 100%);
  color:#0A0F14 !important;
  border:none;
  box-shadow:0 0 18px rgba(37,168,224,.18);
}

/* Hover */
#vc1-sec1 .vc1-btn .elementor-button:hover,
#vc1-sec1 .elementor-button.vc1-btn:hover {
  filter:brightness(1.1);
  transform:translateY(-2px);
}

/* Optional secondary style */
#vc1-sec1 .vc1-btn.secondary .elementor-button,
#vc1-sec1 .elementor-button.vc1-btn.secondary {
  background:transparent;
  border:2px solid #25A8E0;
  color:#CFE7EE !important;
}
#vc1-sec1 .vc1-btn.secondary .elementor-button:hover,
#vc1-sec1 .elementor-button.vc1-btn.secondary:hover {
  background:#25A8E0;
  color:#0A0F14 !important;
}

/* Mobile adjustments */
@media (max-width:767px){
  #vc1-sec1 .vc1-btn .elementor-button,
  #vc1-sec1 .elementor-button.vc1-btn {
    display:block;
    width:100%;
    margin:8px auto;
    text-align:center;
  }
}
/* ===============================
   FGWW — Unified Footer (Global)
   Colors: Deep Navy #0A0F14, Blue #1A7EBB/#25A8E0, Lime #7FEA00
   =============================== */

/* Base footer container */
footer,
footer.elementor-section,
.site-footer {
  background: #0A0F14;
  color: #CFE7EE;
  position: relative;
  z-index: 0;
}

/* Optional: soft top divider to separate footer from content */
footer::before,
.site-footer::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 64px;
  background: linear-gradient(180deg, rgba(26,126,187,0.20) 0%, rgba(26,126,187,0) 100%);
  pointer-events: none;
  z-index: 0;
}

/* Headings */
footer h2, footer h3, footer h4,
.site-footer h2, .site-footer h3, .site-footer h4 {
  font-weight: 800;
  margin: 0 0 10px;
  background: linear-gradient(90deg, #25A8E0, #7FEA00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Body text */
footer p, .site-footer p,
footer li, .site-footer li {
  color: #CFE7EE;
  opacity: .95;
  line-height: 1.7;
}

/* Links */
footer a, .site-footer a {
  color: #25A8E0;
  text-decoration: none;
  transition: color .2s ease, opacity .2s ease;
}
footer a:hover, .site-footer a:hover {
  color: #7FEA00;
}

/* Button styles (if any footer CTAs) */
footer .elementor-button, .site-footer .elementor-button {
  border-radius: 40px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
  padding: 12px 24px;
}
footer .elementor-button--primary, .site-footer .elementor-button--primary {
  background: linear-gradient(90deg, #1A7EBB 0%, #4EC45E 100%) !important;
  color: #0A0F14 !important;
  border: none !important;
  box-shadow: 0 0 18px rgba(26,126,187,0.2);
}
footer .elementor-button--secondary, .site-footer .elementor-button--secondary {
  background: transparent !important;
  border: 2px solid #1A7EBB !important;
  color: #CFE7EE !important;
}
footer .elementor-button:hover, .site-footer .elementor-button:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
}

/* Icon List (addresses, socials, etc.) */
footer .elementor-icon-list-icon i,
footer .elementor-icon,
.site-footer .elementor-icon-list-icon i,
.site-footer .elementor-icon {
  color: #7FEA00;
}
footer .elementor-icon-list-text,
.site-footer .elementor-icon-list-text {
  color: #CFE7EE;
}

/* Compliance / legal block */
footer .compliance, .site-footer .compliance {
  border-top: 1px solid rgba(26,126,187,0.18);
  margin-top: 18px;
  padding-top: 14px;
  font-size: 12px;
  color: #9ECFE5;
  opacity: .95;
}
footer .compliance a, .site-footer .compliance a {
  color: #CFE7EE !important;
  text-decoration: none !important;
  cursor: default !important;
  pointer-events: none !important; /* keep static/non-clickable */
  opacity: .9;
}

/* VC1 Member Access link (discreet) */
footer .vc1-login--footer, .site-footer .vc1-login--footer {
  color: #9ECFE5 !important;
  opacity: .85;
  text-decoration: none;
  font-size: .95rem;
}
footer .vc1-login--footer:hover, .site-footer .vc1-login--footer:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Layout spacing for typical Elementor footer stacks */
footer .elementor-container,
.site-footer .elementor-container {
  padding-top: clamp(28px, 4vw, 48px);
  padding-bottom: clamp(28px, 4vw, 48px);
}

/* Mobile refinements */
@media (max-width: 767px) {
  footer .elementor-column, .site-footer .elementor-column {
    margin-bottom: 16px;
    text-align: center;
  }
  footer .elementor-button, .site-footer .elementor-button {
    display: block;
    width: 100%;
    max-width: 340px;
    margin: 8px auto;
  }
  footer::before, .site-footer::before {
    height: 48px; /* a bit shorter on phones */
  }
}

/* Focus states (accessibility) */
footer a:focus-visible, .site-footer a:focus-visible,
footer .elementor-button:focus-visible, .site-footer .elementor-button:focus-visible {
  outline: 2px solid #7FEA00;
  outline-offset: 2px;
  border-radius: 6px;
}
/* VC1 subtle footer divider */
.vc1-divider::before {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, #25A8E0, #CFA135);
  opacity: 0.35;
  margin-bottom: 24px;
}
/* ===== VC1 Page — Bridge Paragraph Styling ===== */
.vc1-bridge {
  color: #CFE7EE;                      /* light blue-grey text for readability */
  font-size: clamp(1rem, 1.4vw, 1.25rem);
  line-height: 1.7;
  max-width: 720px;
  margin: 0 auto 24px;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.3px;
  opacity: 0.95;
}

/* Subtle emphasis glow (heritage tone) */
.vc1-bridge em {
  color: #E3FAFF;                      /* slightly lighter for subtle highlight */
  text-shadow: 0 0 12px rgba(37,168,224,0.18);
  font-style: normal;
}

/* Mobile fine-tune */
@media (max-width: 767px){
  .vc1-bridge {
    font-size: 1rem;
    line-height: 1.65;
    padding: 0 10px;
  }
}
/* ===== VC1 Bridge Divider (Under the Bridge Paragraph) ===== */
.vc1-bridge::after {
  content: "";
  display: block;
  width: 140px;
  height: 2px;
  margin: 24px auto 0;
  background: linear-gradient(90deg, #25A8E0, #7FEA00);
  opacity: 0.8;
  border-radius: 2px;
  box-shadow: 0 0 12px rgba(37,168,224,0.4);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.vc1-bridge:hover::after {
  opacity: 1;
  transform: scaleX(1.04);
}
/* ===== VC1 Bridge Divider Scroll Fade ===== */
.vc1-bridge::after {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* When in view (triggered by Elementor's "elementor-invisible" removal) */
.elementor-invisible + .vc1-bridge::after,
.vc1-bridge.elementor-invisible::after {
  opacity: 0;
  transform: translateY(10px);
}
.vc1-bridge.elementor-invisible:not(.elementor-invisible)::after,
.vc1-bridge:not(.elementor-invisible)::after {
  opacity: 1;
  transform: translateY(0);
}

/* Optional Safari/older browser fallback */
@supports not (animation-timeline: scroll()) {
  .vc1-bridge::after {
    transition-delay: 0.2s;
  }
}
/* ===== VC1 Section 1 — Orange Icon Image Boxes (Columns 3 & 4) ===== */
#vc1-sec1 .elementor-image-box-img img {
  width: 110px;
  height: 110px;
  object-fit: contain;
  border-radius: 50%;
  background: rgba(20, 25, 30, 0.45);
  padding: 10px;
  box-shadow: 0 0 16px rgba(255,140,0,0.25);
  transition: transform .25s ease, filter .25s ease;
}

/* Hover effect for interaction */
#vc1-sec1 .elementor-image-box:hover img {
  transform: translateY(-4px) scale(1.04);
  filter: brightness(1.12);
}

/* Headings and text styling for the orange accent theme */
#vc1-sec1 .elementor-image-box-title {
  color: #FFB347;
  font-weight: 700;
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  margin: 10px 0 4px;
  text-align: center;
}

#vc1-sec1 .elementor-image-box-description {
  color: #F3E6D0;
  font-size: clamp(.95rem, 1.2vw, 1.05rem);
  line-height: 1.6;
  opacity: .92;
  text-align: center;
  max-width: 480px;
  margin: 0 auto;
}

/* Mobile adjustments */
@media (max-width: 767px){
  #vc1-sec1 .elementor-image-box {
    margin-bottom: 16px;
  }
  #vc1-sec1 .elementor-image-box-img img {
    width: 90px;
    height: 90px;
    padding: 8px;
  }
}
/* ===== VC1 Section 1 — Professional Button Styling ===== */
#vc1-sec1 .vc1-btn .elementor-button,
#vc1-sec1 .elementor-button.vc1-btn {
  display:inline-block;
  padding:13px 32px;
  min-width:220px;
  border-radius:40px;
  font-weight:700;
  letter-spacing:.3px;
  text-transform:uppercase;
  transition: all .25s ease;
  background: linear-gradient(90deg, #1A7EBB 0%, #4EC45E 100%);
  color:#0A0F14 !important;
  border:none;
  box-shadow:0 0 18px rgba(37,168,224,.18);
}

/* Hover effect */
#vc1-sec1 .vc1-btn .elementor-button:hover,
#vc1-sec1 .elementor-button.vc1-btn:hover {
  filter:brightness(1.08);
  transform:translateY(-2px);
}

/* Secondary style (outline version) */
#vc1-sec1 .vc1-btn.secondary .elementor-button,
#vc1-sec1 .elementor-button.vc1-btn.secondary {
  background:transparent;
  border:2px solid #25A8E0;
  color:#CFE7EE !important;
  box-shadow:none;
}
#vc1-sec1 .vc1-btn.secondary .elementor-button:hover,
#vc1-sec1 .elementor-button.vc1-btn.secondary:hover {
  background:#25A8E0;
  color:#0A0F14 !important;
}

/* Mobile adjustments */
@media (max-width:767px){
  #vc1-sec1 .vc1-btn .elementor-button,
  #vc1-sec1 .elementor-button.vc1-btn {
    display:block;
    width:100%;
    margin:8px auto;
    text-align:center;
  }
}
/* ===== VC1 Section 1 — Professional Button Styling ===== */
#vc1-sec1 .vc1-btn .elementor-button,
#vc1-sec1 .elementor-button.vc1-btn {
  display:inline-block;
  padding:13px 32px;
  min-width:220px;
  border-radius:40px;
  font-weight:700;
  letter-spacing:.3px;
  text-transform:uppercase;
  transition: all .25s ease;
  background: linear-gradient(90deg, #1A7EBB 0%, #4EC45E 100%);
  color:#0A0F14 !important;
  border:none;
  box-shadow:0 0 18px rgba(37,168,224,.18);
}

/* Hover effect */
#vc1-sec1 .vc1-btn .elementor-button:hover,
#vc1-sec1 .elementor-button.vc1-btn:hover {
  filter:brightness(1.08);
  transform:translateY(-2px);
}

/* Secondary style (outline version) */
#vc1-sec1 .vc1-btn.secondary .elementor-button,
#vc1-sec1 .elementor-button.vc1-btn.secondary {
  background:transparent;
  border:2px solid #25A8E0;
  color:#CFE7EE !important;
  box-shadow:none;
}
#vc1-sec1 .vc1-btn.secondary .elementor-button:hover,
#vc1-sec1 .elementor-button.vc1-btn.secondary:hover {
  background:#25A8E0;
  color:#0A0F14 !important;
}

/* Mobile adjustments */
@media (max-width:767px){
  #vc1-sec1 .vc1-btn .elementor-button,
  #vc1-sec1 .elementor-button.vc1-btn {
    display:block;
    width:100%;
    margin:8px auto;
    text-align:center;
  }
}/* End custom CSS */