.elementor-30 .elementor-element.elementor-element-178a3787{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.77;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:200px;--padding-bottom:180px;--padding-left:40px;--padding-right:40px;}.elementor-30 .elementor-element.elementor-element-178a3787:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-178a3787 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://progrowthacademy.online/wp-content/uploads/2026/01/pexels-photo-6772076-1.jpeg");background-size:cover;}.elementor-30 .elementor-element.elementor-element-178a3787::before, .elementor-30 .elementor-element.elementor-element-178a3787 > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-178a3787 > .e-con-inner > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-178a3787 > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-178a3787 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-178a3787 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#140610;--background-overlay:'';}.elementor-30 .elementor-element.elementor-element-3177067 > .elementor-widget-container{margin:-28px 0px 0px 0px;}.elementor-30 .elementor-element.elementor-element-3177067.elementor-element{--align-self:center;}.elementor-30 .elementor-element.elementor-element-1990af0{--display:flex;--min-height:0px;--justify-content:center;}.elementor-30 .elementor-element.elementor-element-1990af0.e-con{--align-self:center;}.elementor-30 .elementor-element.elementor-element-5a0ed463 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 113% ) blur( 0px ) hue-rotate( 0deg );}.elementor-30 .elementor-element.elementor-element-46d78043{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30 .elementor-element.elementor-element-2cab438 .elementor-button{background-color:#75045B;font-weight:900;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;border-style:double;border-color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-2cab438 .elementor-button:hover, .elementor-30 .elementor-element.elementor-element-2cab438 .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(180deg, #861616 0%, #f2295b 100%);border-color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-2cab438 .elementor-button:hover svg, .elementor-30 .elementor-element.elementor-element-2cab438 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-7ec8e6b5 .elementor-button{background-color:#C99A00;font-weight:900;fill:#FFFFFF;color:#FFFFFF;border-style:double;border-color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-7ec8e6b5 .elementor-button:hover, .elementor-30 .elementor-element.elementor-element-7ec8e6b5 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, #160505 0%, #3AF229 100%);}.elementor-30 .elementor-element.elementor-element-47c1dd1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.77;--margin-top:-3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:200px;--padding-bottom:180px;--padding-left:40px;--padding-right:40px;}.elementor-30 .elementor-element.elementor-element-47c1dd1:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-47c1dd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://progrowthacademy.online/wp-content/uploads/2026/01/pexels-photo-6772076-1.jpeg");background-size:cover;}.elementor-30 .elementor-element.elementor-element-47c1dd1::before, .elementor-30 .elementor-element.elementor-element-47c1dd1 > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-47c1dd1 > .e-con-inner > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-47c1dd1 > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-47c1dd1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-47c1dd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#140610;--background-overlay:'';}.elementor-30 .elementor-element.elementor-element-7593eb8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-300px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30 .elementor-element.elementor-element-7593eb8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30 .elementor-element.elementor-element-d4cad5b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-30 .elementor-element.elementor-element-d4cad5b > .elementor-widget-container{margin:-0px 0px 0px 0px;}.elementor-30 .elementor-element.elementor-element-d4cad5b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-30 .elementor-element.elementor-element-512c73d{width:100%;max-width:100%;}.elementor-30 .elementor-element.elementor-element-512c73d.elementor-element{--align-self:center;}.elementor-30 .elementor-element.elementor-element-731f487{--display:flex;}.elementor-30 .elementor-element.elementor-element-73c1ab1{--display:flex;}.elementor-30 .elementor-element.elementor-element-076c28d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30 .elementor-element.elementor-element-733a475 .elementor-button{background-color:#75045B;font-weight:900;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;border-style:double;border-color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-733a475 .elementor-button:hover, .elementor-30 .elementor-element.elementor-element-733a475 .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(180deg, #861616 0%, #f2295b 100%);border-color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-733a475 .elementor-button:hover svg, .elementor-30 .elementor-element.elementor-element-733a475 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-686fcaf .elementor-button{background-color:#249140;font-weight:900;fill:#FFFFFF;color:#FFFFFF;border-style:double;border-color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-686fcaf .elementor-button:hover, .elementor-30 .elementor-element.elementor-element-686fcaf .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, #160505 0%, #f2295b 100%);}.elementor-30 .elementor-element.elementor-element-7c138bd{--display:flex;}.elementor-30 .elementor-element.elementor-element-78af4ea{--display:flex;}.elementor-30 .elementor-element.elementor-element-79c7af3{width:var( --container-widget-width, 103.246% );max-width:103.246%;--container-widget-width:103.246%;--container-widget-flex-grow:0;}.elementor-30 .elementor-element.elementor-element-79c7af3.elementor-element{--flex-grow:0;--flex-shrink:0;}body.elementor-page-30:not(.elementor-motion-effects-element-type-background), body.elementor-page-30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-30 .elementor-element.elementor-element-178a3787{--padding-top:140px;--padding-bottom:100px;--padding-left:32px;--padding-right:32px;}.elementor-30 .elementor-element.elementor-element-47c1dd1{--padding-top:140px;--padding-bottom:100px;--padding-left:32px;--padding-right:32px;}.elementor-30 .elementor-element.elementor-element-7593eb8{--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:-0px;}}@media(min-width:768px){.elementor-30 .elementor-element.elementor-element-178a3787{--content-width:1200px;}.elementor-30 .elementor-element.elementor-element-1990af0{--width:57%;}.elementor-30 .elementor-element.elementor-element-47c1dd1{--content-width:1200px;}.elementor-30 .elementor-element.elementor-element-7593eb8{--width:100%;}}@media(max-width:767px){.elementor-30 .elementor-element.elementor-element-178a3787{--gap:30px 0px;--row-gap:30px;--column-gap:0px;--overlay-opacity:0.9;--padding-top:120px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-30 .elementor-element.elementor-element-3177067{width:var( --container-widget-width, 335px );max-width:335px;--container-widget-width:335px;--container-widget-flex-grow:0;}.elementor-30 .elementor-element.elementor-element-1990af0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30 .elementor-element.elementor-element-47c1dd1{--gap:30px 0px;--row-gap:30px;--column-gap:0px;--overlay-opacity:0.9;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:120px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-30 .elementor-element.elementor-element-7593eb8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30 .elementor-element.elementor-element-d4cad5b > .elementor-widget-container{margin:-200px 0px 0px 0px;}.elementor-30 .elementor-element.elementor-element-ec099a6 > .elementor-widget-container{margin:-23px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-3177067 */.hero-heading h1 {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 1.2px;

  /* Soft white glow */
  text-shadow:
    0 0 6px rgba(255, 255, 255, 0.35),
    0 0 14px rgba(255, 255, 255, 0.18);

  font-size: clamp(32px, 4.5vw, 64px);
}

/* Optional: center alignment */
.hero-heading {
  text-align: center;
}
.hero-heading h1 {
  text-shadow:
    0 0 4px rgba(255,255,255,.45),
    0 0 18px rgba(181,107,255,.35);
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-5a0ed463 *//* =========================
   VIDEO-1 : AI HERO VIDEO
   ========================= */

.video-1 {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255,255,255,.03);
  backdrop-filter: blur(14px);
  box-shadow:
    0 30px 80px rgba(0,0,0,.65),
    0 0 0 1px rgba(181,107,255,.18);
}

/* Neon glow frame */
.video-1::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 22px;
  background: linear-gradient(
    135deg,
    #ffffff,
    #b56bff,
    #8e3cff,
    #ffffff
  );
  filter: blur(18px);
  opacity: .55;
  z-index: -1;
}

/* Soft pulsing aura */
.video-1::after {
  content: "";
  position: absolute;
  inset: -60px;
  background: radial-gradient(
    circle at 50% 50%,
    rgba(181,107,255,.35),
    transparent 65%
  );
  animation: videoPulse 6s ease-in-out infinite;
  z-index: -2;
}

@keyframes videoPulse {
  0%,100% { opacity: .45; transform: scale(1); }
  50% { opacity: .8; transform: scale(1.05); }
}

/* Video / iframe styling */
.video-1 video,
.video-1 iframe {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

/* Subtle hover lift (desktop only) */
@media (hover: hover) {
  .video-1 {
    transition: transform .45s ease, box-shadow .45s ease;
  }

  .video-1:hover {
    transform: translateY(-10px) scale(1.015);
    box-shadow:
      0 45px 110px rgba(142,60,255,.45),
      0 0 0 1px rgba(181,107,255,.35);
  }
}

/* Mobile optimization */
@media (max-width: 768px){
  .video-1::before,
  .video-1::after {
    display: none;
  }

  .video-1 {
    border-radius: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1990af0 */@keyframes purpleGlow {
  0% { filter: drop-shadow(0 0 4px rgba(139, 92, 246, 0.5)); }
  50% { filter: drop-shadow(0 0 10px rgba(139, 92, 246, 0.9)); }
  100% { filter: drop-shadow(0 0 22px rgba(139, 92, 246, 0.5)); }
}

#Video {
  animation: purpleGlow 2s infinite ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2cab438 */@keyframes purpleGlow {
  0% { filter: drop-shadow(0 0 4px rgba(139, 92, 246, 0.5)); }
  50% { filter: drop-shadow(0 0 10px rgba(139, 92, 246, 0.9)); }
  100% { filter: drop-shadow(0 0 4px rgba(139, 92, 246, 0.5)); }
}

#Activate {
  animation: purpleGlow 2s infinite ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7ec8e6b5 */@keyframes purpleGlow {
  0% { filter: drop-shadow(0 0 4px rgba(139, 92, 246, 0.5)); }
  50% { filter: drop-shadow(0 0 10px rgba(139, 92, 246, 0.9)); }
  100% { filter: drop-shadow(0 0 4px rgba(139, 92, 246, 0.5)); }
}

#Activate {
  animation: purpleGlow 2s infinite ease-in-out;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4cad5b */:root{
  --bg: #050507;

  --white: #ffffff;
  --purple: #8e3cff;
  --purple2: #b56bff;

  --border: rgba(181,107,255,.18);
  --shadow: rgba(0,0,0,.55);
  --muted: rgba(255,255,255,.72);
}

.reality{
  padding: 70px 18px 80px;
  background:
    radial-gradient(900px 420px at 50% -40px, rgba(142,60,255,.18), transparent 60%),
    radial-gradient(820px 380px at 50% 120%, rgba(181,107,255,.12), transparent 65%),
    var(--bg);
  color: var(--white);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

.reality__container{
  max-width: 1120px;
  margin: 0 auto;
}

.reality__header{
  text-align: center;
  margin-bottom: 34px;
}

.reality__title{
  margin: 0 0 10px;
  font-weight: 900;
  font-size: clamp(26px, 3.2vw, 44px);
  letter-spacing: .2px;
  line-height: 1.15;
}

.reality__accent{
  color: var(--purple2);
}

.reality__subtitle{
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
}

.reality__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  margin-top: 30px;
}

/* Card */
.reality__card{
  position: relative;
  padding: 26px 26px 24px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background:
    radial-gradient(420px 220px at 25% 10%, rgba(181,107,255,.22), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.12));
  box-shadow: 0 28px 70px var(--shadow);
  overflow: hidden;
}

/* Soft top glow strip */
.reality__card::before{
  content:"";
  position:absolute;
  inset:-2px -2px auto -2px;
  height: 120px;
  background: radial-gradient(circle at 30% 10%, rgba(142,60,255,.22), transparent 65%);
  pointer-events:none;
}

/* Icon box */
.reality__icon{
  width: 54px;
  height: 54px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: var(--purple2);
  background: rgba(142,60,255,.14);
  border: 1px solid rgba(181,107,255,.22);
  box-shadow: 0 18px 36px rgba(0,0,0,.45);
  margin-bottom: 16px;
}

.reality__svg{
  width: 26px;
  height: 26px;
}

/* Big stat */
.reality__stat{
  font-size: 44px;
  font-weight: 900;
  letter-spacing: .3px;
  color: var(--purple2);
  margin: 0 0 8px;
}

/* Card title */
.reality__cardTitle{
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 900;
  color: var(--white);
}

.reality__desc{
  margin: 0;
  font-size: 13.5px;
  line-height: 1.7;
  color: rgba(255,255,255,.75);
}

/* Footer pill */
.reality__footer{
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.reality__pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px 18px;
  border-radius: 12px;
  color: var(--purple2);
  background: rgba(142,60,255,.12);
  border: 1px solid rgba(181,107,255,.22);
  box-shadow: 0 18px 45px rgba(0,0,0,.55);
  font-weight: 800;
  font-size: 13.5px;
  line-height: 1.4;
}

/* Hover (desktop) */
@media (hover:hover){
  .reality__card{
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .reality__card:hover{
    transform: translateY(-6px);
    border-color: rgba(181,107,255,.35);
    box-shadow: 0 40px 95px rgba(142,60,255,.22);
  }
}

/* Responsive */
@media (max-width: 980px){
  .reality__grid{
    grid-template-columns: 1fr;
  }
}
.reality-title{
  color: #ffffff;
  font-weight: 900;
  font-size: clamp(26px, 3.2vw, 44px);
  line-height: 1.15;
  text-align: center;
}

.reality-title span{
  color: #b56bff;
}
.reality-title{
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 900;
  font-size: clamp(26px, 3.2vw, 44px);
  line-height: 1.15;
  letter-spacing: 1.2px;
  text-align: center;
}

.reality-title span{
  color: #b56bff;
  text-shadow:
    0 0 6px rgba(181,107,255,.45),
    0 0 16px rgba(142,60,255,.35);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-512c73d *//* Responsive + Mobile-friendly CSS (Elementor Custom CSS) */
.vb-steps{
  position: relative;
  padding: clamp(44px, 6vw, 90px) clamp(14px, 3vw, 22px);
  background: radial-gradient(1200px 500px at 50% 10%, rgba(140, 70, 255, .25), transparent 60%),
              radial-gradient(800px 400px at 10% 50%, rgba(140, 70, 255, .12), transparent 60%),
              #07070b;
  overflow: hidden;
  font-family: inherit;
}

/* Gradient text utility */
.vb-steps__title,
.vb-steps__title span,
.vb-steps__subtitle,
.vb-step__heading,
.vb-step__text{
  background-image: linear-gradient(90deg, #ffffff 0%, #eadcff 35%, #b98cff 70%, #8a4dff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* Container */
.vb-steps__inner{
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

/* Title */
.vb-steps__title{
  font-size: clamp(26px, 4vw, 46px);
  line-height: 1.1;
  margin: 0 0 10px;
  font-weight: 900;
  letter-spacing: -0.02em;
  text-shadow: 0 0 18px rgba(165, 107, 255, .30);
}
.vb-steps__title span{
  text-shadow: 0 0 26px rgba(165, 107, 255, .50);
}

/* Subtitle */
.vb-steps__subtitle{
  margin: 0 auto clamp(22px, 3vw, 38px);
  max-width: 740px;
  font-size: clamp(13px, 1.6vw, 16px);
}

/* Grid that becomes 1-column on mobile automatically */
.vb-steps__row{
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2.8vw, 34px);
  align-items: start;
  padding: clamp(8px, 2vw, 24px) 0 10px;
}

/* Desktop timeline line behind icons */
.vb-steps__line{
  position: absolute;
  left: 8%;
  right: 8%;
  top: 56px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(165,107,255,.35),
    rgba(165,107,255,.22),
    rgba(165,107,255,.35),
    transparent
  );
  filter: drop-shadow(0 0 10px rgba(165,107,255,.25));
  z-index: 0;
}

/* Each step card */
.vb-step{
  position: relative;
  z-index: 1;
  padding: clamp(10px, 1.2vw, 16px);
  border-radius: 18px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(165,107,255,.14);
  box-shadow: 0 10px 28px rgba(0,0,0,.25);
}

/* Top area so we can add a vertical connector on mobile */
.vb-step__top{
  position: relative;
  padding-top: 4px;
}

/* Icon bubble */
.vb-step__icon{
  width: 54px;
  height: 54px;
  margin: 0 auto 12px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, rgba(180, 120, 255, .95), rgba(120, 50, 255, .9));
  box-shadow: 0 10px 30px rgba(120, 50, 255, .35);
  display: grid;
  place-items: center;
  position: relative;
}

/* Keep icons readable (do NOT apply gradient transparency) */
.vb-step__icon svg{
  width: 26px;
  height: 26px;
  color: #fff;
}

/* Number badge */
.vb-step__badge{
  position: absolute;
  top: -8px;
  right: -8px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #0b0b12;
  border: 1px solid rgba(165,107,255,.7);
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  display: grid;
  place-items: center;
  box-shadow: 0 0 14px rgba(165,107,255,.35);
}

/* Text */
.vb-step__heading{
  margin: 0 0 8px;
  font-size: clamp(14px, 1.6vw, 16px);
  font-weight: 900;
}
.vb-step__text{
  margin: 0 auto;
  max-width: 420px;
  font-size: clamp(12.5px, 1.45vw, 13.5px);
  line-height: 1.5;
}

/* CTA button: solid background + gradient text */
.vb-steps__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(18px, 3vw, 28px);
  padding: 14px 26px;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(130,60,255,1), rgba(165,107,255,1));
  border: 1px solid rgba(165,107,255,.35);
  box-shadow: 0 14px 36px rgba(130,60,255,.35);
  text-decoration: none;
  font-weight: 900;
  transition: transform .15s ease, filter .15s ease;
}

/* Gradient text inside button */
.vb-steps__cta{
  background-image: linear-gradient(90deg, rgba(130,60,255,1), rgba(165,107,255,1));
}
.vb-steps__cta{
  -webkit-text-fill-color: transparent;
  background-clip: padding-box;
}
.vb-steps__cta{
  background-image: linear-gradient(90deg, #ffffff 0%, #eadcff 35%, #b98cff 70%, #8a4dff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Hover */
.vb-steps__cta:hover{
  transform: translateY(-2px);
  filter: brightness(1.06);
}

/* -----------------------
   RESPONSIVE BREAKPOINTS
------------------------ */

/* Tablet: 2 columns */
@media (max-width: 980px){
  .vb-steps__row{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vb-steps__line{
    display: none; /* cleaner on smaller screens */
  }
}

/* Mobile: 1 column + vertical connector line between steps */
@media (max-width: 600px){
  .vb-steps{
    padding: 44px 14px;
  }

  .vb-steps__row{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  /* Add vertical connector line */
  .vb-step{
    text-align: left;
    padding: 16px;
  }

  .vb-step__icon{
    margin: 0 0 12px;
  }

  .vb-step__top{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
  }

  /* Align headings/text nicely */
  .vb-step__heading,
  .vb-step__text{
    text-align: left;
  }

  /* Subtle vertical line down the left side */
  .vb-step{
    position: relative;
  }
  .vb-step::before{
    content: "";
    position: absolute;
    left: 32px;
    top: 78px;
    bottom: -14px;
    width: 2px;
    background: linear-gradient(180deg, rgba(165,107,255,.55), rgba(165,107,255,0));
    opacity: .55;
    border-radius: 2px;
  }
  /* Remove line on last item */
  .vb-step:last-child::before{
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2465531 *//* Vespers Benefits Section (CSS) — Elementor Custom CSS */
.vb-benefits{
  padding: clamp(46px, 6vw, 92px) 18px;
  background:
    radial-gradient(1100px 520px at 50% 0%, rgba(140,70,255,.22), transparent 65%),
    radial-gradient(650px 320px at 85% 55%, rgba(212,175,55,.10), transparent 60%),
    #07070b;
  font-family: inherit;
}

.vb-benefits__inner{
  max-width: 1060px;
  margin: 0 auto;
  text-align: center;
}

/* Purple/White gradient text */
.vb-benefits__title,
.vb-benefits__lead,
.vb-benefit__heading,
.vb-benefit__text{
  background-image: linear-gradient(90deg, #ffffff 0%, #e9ddff 35%, #b78cff 70%, #8a4dff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.vb-benefits__title{
  margin: 0 0 12px;
  font-size: clamp(24px, 3vw, 44px);
  font-weight: 950;
  letter-spacing: -0.02em;
  text-shadow: 0 0 18px rgba(165,107,255,.24);
}

.vb-benefits__lead{
  margin: 0 auto 28px;
  max-width: 880px;
  font-size: clamp(14px, 1.45vw, 16px);
  opacity: .95;
}

/* Grid layout */
.vb-benefits__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  text-align: left;
}

/* Card */
.vb-benefit{
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(165,107,255,.22);
  box-shadow: 0 18px 44px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Icon bubble */
.vb-benefit__icon{
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-weight: 950;
  color: #0b0712;
  background: linear-gradient(90deg, #8a4dff 0%, #b78cff 75%);
  box-shadow: 0 12px 30px rgba(130,60,255,.25);
}

/* Optional gold touch on one icon */
.vb-benefit__icon--gold{
  background: linear-gradient(90deg, #b78cff 0%, #d4af37 100%);
  box-shadow: 0 12px 30px rgba(212,175,55,.18);
}

/* Text */
.vb-benefit__heading{
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 950;
  text-shadow: 0 0 14px rgba(165,107,255,.18);
}

.vb-benefit__text{
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
  opacity: .95;
}

/* CTA Button */
.vb-benefits__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
  padding: 16px 34px;
  border-radius: 12px;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  font-weight: 950;
  font-size: 15px;
  letter-spacing: .3px;
  color: #0b0712;

  background: linear-gradient(90deg, #8a4dff 0%, #b78cff 55%, #d4af37 100%);
  border: 1px solid rgba(212,175,55,.28);
  box-shadow: 0 20px 50px rgba(130,60,255,.35), 0 14px 40px rgba(212,175,55,.18);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.vb-benefits__cta:hover{
  transform: translateY(-3px) scale(1.02);
  filter: brightness(1.05);
  box-shadow: 0 26px 70px rgba(130,60,255,.45), 0 18px 55px rgba(212,175,55,.25);
}

.vb-benefits__cta:active{
  transform: translateY(0) scale(.98);
}

/* Mobile responsive */
@media (max-width: 820px){
  .vb-benefits__grid{
    grid-template-columns: 1fr;
  }
  .vb-benefit{
    padding: 14px 14px;
  }
  .vb-benefits__cta{
    width: 100%;
    max-width: 520px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec099a6 */:root{
  --bg: #050507;

  /* Text (white + purple family) */
  --w: #ffffff;
  --p1: #8e3cff;
  --p2: #b56bff;

  /* Surfaces */
  --surface: rgba(255,255,255,.04);
  --surface2: rgba(142,60,255,.10);
  --border: rgba(181,107,255,.18);
  --shadow: rgba(0,0,0,.60);

  --green: #2fe37a;
}

.vespers{
  padding: 64px 18px 74px;
  background:
    radial-gradient(900px 520px at 10% 10%, rgba(181,107,255,.16), transparent 60%),
    radial-gradient(900px 520px at 85% 25%, rgba(142,60,255,.14), transparent 65%),
    var(--bg);
  color: var(--w);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

.vespers__wrap{
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 34px;
  align-items: start;
}

/* Pill */
.vespers__pill{
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(142,60,255,.10);
  color: var(--p2);
  font-weight: 800;
  font-size: 12.5px;
  box-shadow: 0 18px 40px var(--shadow);
}

/* Title */
.vespers__title{
  margin: 14px 0 10px;
  font-weight: 950;
  line-height: 1.1;
  font-size: clamp(30px, 3.2vw, 48px);
  letter-spacing: .2px;
}

.vespers__accent{
  color: var(--p2);
  text-shadow:
    0 0 10px rgba(181,107,255,.25),
    0 0 22px rgba(142,60,255,.18);
}

.vespers__sub{
  margin: 0 0 18px;
  line-height: 1.7;
  font-size: 14.5px;
  color: rgba(255,255,255,.92);
  max-width: 520px;
}

/* Feature cards */
.vespers__features{
  display: grid;
  gap: 14px;
  margin: 18px 0 18px;
}

.feature{
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  align-items: center;

  padding: 14px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background:
    radial-gradient(420px 140px at 18% 30%, rgba(181,107,255,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.12));
  box-shadow: 0 22px 55px var(--shadow);
}

.feature__icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: var(--p2);
  background: rgba(142,60,255,.14);
  border: 1px solid rgba(181,107,255,.22);
}

.feature__svg{ width: 22px; height: 22px; }

.feature__title{
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 900;
  color: var(--w);
}

.feature__desc{
  margin: 0;
  font-size: 12.8px;
  line-height: 1.55;
  color: rgba(255,255,255,.86);
}

/* Funds card */
.funds{
  margin-top: 14px;
  padding: 16px 16px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background:
    radial-gradient(520px 220px at 20% 20%, rgba(181,107,255,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.12));
  box-shadow: 0 24px 60px var(--shadow);
}

.funds__title{
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 950;
  color: var(--w);
}

.funds__desc{
  margin: 0;
  font-size: 12.8px;
  line-height: 1.65;
  color: rgba(255,255,255,.86);
}

/* RIGHT PANEL */
.panel{
  border-radius: 18px;
  border: 1px solid var(--border);
  background:
    radial-gradient(700px 360px at 80% 10%, rgba(181,107,255,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.16));
  box-shadow: 0 30px 90px var(--shadow);
  padding: 16px;
}

.panel__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.panel__row--status{
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(181,107,255,.18);
  background: rgba(0,0,0,.18);
  margin-bottom: 14px;
}

.panel__label{
  font-size: 12.5px;
  font-weight: 800;
  color: rgba(255,255,255,.90);
}

.panel__status{
  font-size: 12.5px;
  font-weight: 900;
  color: rgba(255,255,255,.96);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.dot{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 10px rgba(47,227,122,.35);
}

.panel__block{
  padding: 14px 12px;
  border-radius: 12px;
  border: 1px solid rgba(181,107,255,.18);
  background: rgba(0,0,0,.18);
  margin-bottom: 14px;
}

.panel__small{
  font-size: 11px;
  font-weight: 800;
  color: rgba(255,255,255,.88);
}

.panel__small--right{
  text-align: right;
}

.panel__big{
  margin-top: 6px;
  font-size: 26px;
  font-weight: 950;
  color: var(--w);
}

.bar{
  margin-top: 10px;
  height: 8px;
  border-radius: 999px;
  background: rgba(181,107,255,.18);
  overflow: hidden;
}

.bar__fill{
  height: 100%;
  width: 74%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--p2), var(--p1));
  box-shadow: 0 0 18px rgba(142,60,255,.25);
}

/* two mini stats */
.panel__grid2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}

.mini{
  padding: 14px 12px;
  border-radius: 12px;
  border: 1px solid rgba(181,107,255,.18);
  background: rgba(0,0,0,.18);
}

.mini__label{
  font-size: 11px;
  font-weight: 800;
  color: rgba(255,255,255,.88);
}

.mini__value{
  margin-top: 8px;
  font-size: 18px;
  font-weight: 950;
  color: var(--w);
}

/* positions */
.panel__row--ap{
  margin-bottom: 10px;
}

.positions{
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.positions__row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(181,107,255,.14);
  background: rgba(0,0,0,.12);
}

.positions__pair{
  font-size: 12px;
  font-weight: 850;
  color: rgba(255,255,255,.95);
}

.positions__pnl{
  font-size: 12px;
  font-weight: 950;
  color: var(--green);
  text-shadow: 0 0 10px rgba(47,227,122,.18);
}

/* Hover polish */
@media (hover:hover){
  .feature, .funds, .panel{
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  }
  .feature:hover, .funds:hover{
    transform: translateY(-4px);
    border-color: rgba(181,107,255,.32);
    box-shadow: 0 36px 110px rgba(142,60,255,.18);
  }
  .panel:hover{
    transform: translateY(-4px);
    border-color: rgba(181,107,255,.32);
    box-shadow: 0 44px 130px rgba(142,60,255,.20);
  }
}

/* Responsive */
@media (max-width: 980px){
  .vespers__wrap{
    grid-template-columns: 1fr;
  }
  .panel{
    max-width: 620px;
    margin: 0 auto;
  }
}
.text-white{
  color: #ffffff;
}

/* (already existing, shown here for clarity) */
.vespers__accent{
  color: #b56bff;
  text-shadow:
    0 0 10px rgba(181,107,255,.25),
    0 0 22px rgba(142,60,255,.18);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-733a475 */@keyframes purpleGlow {
  0% { filter: drop-shadow(0 0 4px rgba(139, 92, 246, 0.5)); }
  50% { filter: drop-shadow(0 0 10px rgba(139, 92, 246, 0.9)); }
  100% { filter: drop-shadow(0 0 4px rgba(139, 92, 246, 0.5)); }
}

#Activate {
  animation: purpleGlow 2s infinite ease-in-out;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-686fcaf */@keyframes purpleGlow {
  0% { filter: drop-shadow(0 0 4px rgba(139, 92, 246, 0.5)); }
  50% { filter: drop-shadow(0 0 10px rgba(139, 92, 246, 0.9)); }
  100% { filter: drop-shadow(0 0 4px rgba(139, 92, 246, 0.5)); }
}

#Activate {
  animation: purpleGlow 2s infinite ease-in-out;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-beeb883 *//* =========================
   RESPONSIVE YT TUTORIALS
   HTML + CSS ONLY
   ========================= */

.yt-tutorials{
  padding: 70px 18px;
  background:
    radial-gradient(900px 420px at 50% -60px, rgba(181,107,255,.16), transparent 60%),
    radial-gradient(820px 380px at 50% 120%, rgba(142,60,255,.12), transparent 65%),
    #000;
  color: #fff;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

.yt-wrap{
  max-width: 1140px;
  margin: 0 auto;
}

.yt-head{
  text-align: center;
  margin-bottom: 26px;
}

.yt-title{
  margin: 0 0 10px;
  font-weight: 950;
  letter-spacing: 1.2px;
  text-transform: uppercase;

  /* white + purple gradient */
  background: linear-gradient(90deg, #ffffff 0%, #b56bff 40%, #8e3cff 75%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;

  text-shadow:
    0 0 6px rgba(255,255,255,.25),
    0 0 16px rgba(181,107,255,.18);
  font-size: clamp(26px, 3.2vw, 44px);
}

.yt-sub{
  margin: 0;
  font-weight: 700;
  color: #b56bff; /* purple only */
  font-size: 14px;
  line-height: 1.6;
}

/* Grid */
.yt-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 26px;
}

/* Card */
.yt-card{
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(181,107,255,.18);
  background:
    radial-gradient(420px 220px at 20% 10%, rgba(181,107,255,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.18));
  box-shadow: 0 24px 70px rgba(0,0,0,.65);
}

/* Responsive video ratio (16:9) */
.yt-player{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: rgba(0,0,0,.35);
}

.yt-player iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Meta */
.yt-meta{
  padding: 14px 14px 16px;
}

.yt-badge{
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.1px;
  text-transform: uppercase;

  color: #ffffff;
  background: rgba(142,60,255,.16);
  border: 1px solid rgba(181,107,255,.22);
}

.yt-card-title{
  margin: 10px 0 8px;
  font-size: 15px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: #ffffff;
}

.yt-card-desc{
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
  color: #b56bff; /* purple only */
  font-weight: 700;
}

/* Hover polish (desktop) */
@media (hover:hover){
  .yt-card{
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  }
  .yt-card:hover{
    transform: translateY(-6px);
    border-color: rgba(181,107,255,.35);
    box-shadow: 0 40px 110px rgba(142,60,255,.22);
  }
}

/* Tablet */
@media (max-width: 1024px){
  .yt-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media (max-width: 640px){
  .yt-grid{
    grid-template-columns: 1fr;
  }
  .yt-meta{
    padding: 14px 12px 16px;
  }
}

.cta-row{
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-btn{
  min-width: 280px;
  padding: 18px 26px;
  text-align: center;
  text-decoration: none;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;

  border: 2px solid rgba(255,255,255,.95);
  border-radius: 0;                 /* sharp corners like your image */
  box-shadow: 0 0 0 3px rgba(0,0,0,.2) inset;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

/* Purple button */
.cta-purple{
  background: linear-gradient(90deg, #6a0d6b, #7a117d);
  box-shadow:
    0 0 18px rgba(181,107,255,.25),
    0 14px 40px rgba(0,0,0,.35);
}

/* Gold button */
.cta-gold{
  background: linear-gradient(90deg, #c79a00, #d7ad00);
  box-shadow:
    0 0 18px rgba(255,200,0,.20),
    0 14px 40px rgba(0,0,0,.35);
}

/* Hover */
.cta-btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow:
    0 0 0 3px rgba(255,255,255,.12) inset,
    0 22px 60px rgba(0,0,0,.45);
}

/* Mobile: full width stacked */
@media (max-width: 640px){
  .cta-row{
    gap: 12px;
  }
  .cta-btn{
    width: 100%;
    min-width: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab08060 *//* Countdown Timer (CSS) — matches your purple/white theme + gold touch */
.vb-timer{
  padding: clamp(42px, 6vw, 86px) 18px;
  background:
    radial-gradient(1000px 450px at 50% 0%, rgba(140,70,255,.22), transparent 65%),
    radial-gradient(650px 320px at 85% 55%, rgba(212,175,55,.12), transparent 60%),
    #07070b;
  font-family: inherit;
}

.vb-timer__inner{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.vb-timer__title,
.vb-timer__subtitle,
.vb-timer__fineprint{
  background-image: linear-gradient(90deg, #ffffff 0%, #eadcff 35%, #b78cff 70%, #8a4dff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.vb-timer__title{
  margin: 0 0 10px;
  font-size: clamp(26px, 3vw, 44px);
  font-weight: 900;
  letter-spacing: -0.02em;
  text-shadow: 0 0 18px rgba(165,107,255,.28);
}

.vb-timer__subtitle{
  margin: 0 auto 22px;
  max-width: 720px;
  font-size: clamp(14px, 1.4vw, 16px);
  opacity: .95;
}

.vb-timer__subtitle strong{
  background-image: linear-gradient(90deg, #ffffff 0%, #f3e7ff 30%, #d4af37 70%, #ffd86b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 16px rgba(212,175,55,.22);
  font-weight: 900;
}

.vb-timer__card{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(165,107,255,.22);
  box-shadow: 0 18px 44px rgba(0,0,0,.30);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.vb-timer__unit{
  min-width: 140px;
  padding: 10px 14px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(165,107,255,.10), rgba(212,175,55,.06));
  border: 1px solid rgba(212,175,55,.18);
}

.vb-timer__value{
  font-size: clamp(34px, 4.2vw, 54px);
  font-weight: 950;
  letter-spacing: 0.02em;
  line-height: 1;
  background-image: linear-gradient(90deg, #ffffff 0%, #eadcff 30%, #b78cff 55%, #d4af37 85%, #ffd86b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 0 20px rgba(165,107,255,.22), 0 0 18px rgba(212,175,55,.16);
}

.vb-timer__label{
  margin-top: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .92;
  background-image: linear-gradient(90deg, #ffffff 0%, #e9ddff 40%, #d4af37 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.vb-timer__sep{
  font-size: 36px;
  font-weight: 900;
  line-height: 1;
  padding: 0 4px;
  background-image: linear-gradient(180deg, #ffffff 0%, #b78cff 55%, #d4af37 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  opacity: .95;
}

.vb-timer__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
  padding: 16px 34px;
  border-radius: 12px;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  font-weight: 950;
  font-size: 15px;
  letter-spacing: .3px;
  color: #0b0712;
  background: linear-gradient(90deg, #8a4dff 0%, #b78cff 55%, #d4af37 100%);
  border: 1px solid rgba(212,175,55,.28);
  box-shadow: 0 20px 50px rgba(130,60,255,.35), 0 14px 40px rgba(212,175,55,.18);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.vb-timer__cta:hover{
  transform: translateY(-3px) scale(1.02);
  filter: brightness(1.05);
}

.vb-timer__cta:active{
  transform: translateY(0) scale(.98);
}

/* Disabled state when expired */
.vb-timer__cta.is-disabled{
  opacity: .55;
  filter: grayscale(.25);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.vb-timer__fineprint{
  margin: 14px auto 0;
  font-size: 12px;
  max-width: 680px;
  opacity: .9;
}

/* Mobile responsiveness */
@media (max-width: 640px){
  .vb-timer__card{
    width: 100%;
    max-width: 520px;
    padding: 14px;
    gap: 10px;
  }
  .vb-timer__unit{
    min-width: 0;
    flex: 1;
  }
  .vb-timer__sep{ font-size: 28px; }
  .vb-timer__cta{
    width: 100%;
    max-width: 520px;
    padding: 16px 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79c7af3 *//* FAQ Section (CSS) — paste into Elementor > Custom CSS */
.vb-faq{
  padding: clamp(48px, 6vw, 90px) 18px;
  background: radial-gradient(900px 420px at 50% 0%, rgba(140,70,255,.18), transparent 65%),
              #07070b;
  font-family: inherit;
}

/* Container */
.vb-faq__inner{
  max-width: 980px;
  margin: 0 auto;
}

/* Title + Subtitle (Purple/White combo) */
.vb-faq__title,
.vb-faq__subtitle,
.vb-faq__q span,
.vb-faq__a{
  background-image: linear-gradient(90deg, #ffffff 0%, #e9ddff 35%, #b78cff 70%, #8a4dff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.vb-faq__title{
  text-align: center;
  margin: 0 0 8px;
  font-size: clamp(26px, 3vw, 42px);
  font-weight: 900;
  letter-spacing: -0.02em;
  text-shadow: 0 0 18px rgba(165,107,255,.25);
}

.vb-faq__subtitle{
  text-align: center;
  margin: 0 0 28px;
  font-size: 15px;
  opacity: .95;
}

/* FAQ list */
.vb-faq__list{
  display: grid;
  gap: 14px;
}

/* Item card */
.vb-faq__item{
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(165,107,255,.22);
  box-shadow: 0 14px 34px rgba(0,0,0,.25);
  overflow: hidden;
}

/* Question row */
.vb-faq__q{
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 16px;
  cursor: pointer;
  user-select: none;
}

/* Remove default marker */
.vb-faq__q::-webkit-details-marker{ display:none; }
.vb-faq__q::marker{ content:""; }

/* Question text */
.vb-faq__q span{
  font-weight: 800;
  font-size: 15px;
  line-height: 1.3;
}

/* Chevron icon */
.vb-faq__icon{
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 10px;
  background: rgba(165,107,255,.12);
  border: 1px solid rgba(165,107,255,.25);
  position: relative;
}

/* Draw chevron */
.vb-faq__icon::before,
.vb-faq__icon::after{
  content:"";
  position: absolute;
  top: 50%;
  width: 10px;
  height: 2px;
  background: rgba(255,255,255,.85);
  transform-origin: center;
  border-radius: 2px;
}
.vb-faq__icon::before{
  left: 8px;
  transform: translateY(-50%) rotate(45deg);
}
.vb-faq__icon::after{
  right: 8px;
  transform: translateY(-50%) rotate(-45deg);
}

/* Answer panel */
.vb-faq__a{
  padding: 0 16px 16px;
  font-size: 14px;
  line-height: 1.55;
  opacity: .95;
}

/* Smooth open animation */
.vb-faq__item[open] .vb-faq__a{
  animation: vb-faqFade .22s ease;
}

/* Rotate chevron when open */
.vb-faq__item[open] .vb-faq__icon{
  background: rgba(165,107,255,.18);
}
.vb-faq__item[open] .vb-faq__icon::before{
  transform: translateY(-50%) rotate(-45deg);
}
.vb-faq__item[open] .vb-faq__icon::after{
  transform: translateY(-50%) rotate(45deg);
}

@keyframes vb-faqFade{
  from{ opacity: 0; transform: translateY(-6px); }
  to{ opacity: .95; transform: translateY(0); }
}

/* Mobile tweaks */
@media (max-width: 560px){
  .vb-faq__q{ padding: 14px 14px; }
  .vb-faq__a{ padding: 0 14px 14px; }
  .vb-faq__q span{ font-size: 14px; }
}/* End custom CSS */