.elementor-48 .elementor-element.elementor-element-afef551{--display:flex;--min-height:363px;}.elementor-48 .elementor-element.elementor-element-f6aa3c2{--display:flex;--min-height:356px;}.elementor-48 .elementor-element.elementor-element-8ac7116{--display:grid;--min-height:304px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-2px;--margin-bottom:-2px;--margin-left:-2px;--margin-right:-2px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}@media(max-width:1024px){.elementor-48 .elementor-element.elementor-element-8ac7116{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-48 .elementor-element.elementor-element-8ac7116{--content-width:811px;}}@media(max-width:767px){.elementor-48 .elementor-element.elementor-element-8ac7116{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-afef551 *//* ===== HERO HEIGHT ===== */
.favflow-hero-box{
  min-height:75vh;
}

/* ===== IMAGE WRAPPER ===== */
.favflow-hero-image{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  padding-top:10px;
}

/* ===== BACK LIGHT / GLOW ===== */
.favflow-hero-image::before,
.favflow-hero-image::after{
  content:"";
  position:absolute;
  inset:-40px;
  z-index:0;
  pointer-events:none;
}

.favflow-hero-image::before{
  background:
    radial-gradient(closest-side at 65% 35%, rgba(0,170,255,.35), transparent 70%),
    radial-gradient(closest-side at 30% 70%, rgba(120,80,255,.25), transparent 72%);
  filter: blur(28px);
}

.favflow-hero-image::after{
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.12), transparent 60%);
  filter: blur(20px);
}

/* ===== IMAGE ITSELF ===== */
.favflow-hero-image img{
  z-index:1;
  width:min(520px,92%);
  height:auto;
  border-radius:26px;
  padding:14px;

  background:linear-gradient(
    180deg,
    rgba(255,255,255,.12),
    rgba(255,255,255,.05)
  );

  border:1px solid rgba(255,255,255,.18);

  box-shadow:
    0 40px 90px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.14);

  transform:
    translateY(-28px)
    rotateX(8deg)
    rotateY(-10deg);

  transform-style:preserve-3d;
  transition:
    transform .45s ease,
    box-shadow .45s ease,
    filter .45s ease;

  filter:saturate(1.15) contrast(1.06);
}

/* ===== HOVER (DESKTOP) ===== */
.favflow-hero-image:hover img{
  transform:
    translateY(-38px)
    rotateX(0deg)
    rotateY(0deg)
    scale(1.04);

  box-shadow:
    0 55px 120px rgba(0,0,0,.65),
    0 0 0 1px rgba(0,170,255,.22),
    inset 0 1px 0 rgba(255,255,255,.16);

  filter:saturate(1.25) contrast(1.1);
}

/* ===== MOBILE ===== */
@media (max-width:767px){
  .favflow-hero-image img{
    transform:translateY(-12px);
    border-radius:22px;
  }

  .favflow-hero-image:hover img{
    transform:translateY(-16px) scale(1.02);
  }
}



/* ===== FORCE CLUB BUTTON COLOR ===== */
.favflow-hero-box a{
  background:inherit;
}

/* دکمه‌ای که لینک کلاب داره */
.favflow-hero-box a[href*="club"],
.favflow-hero-box a[href*="کلاب"]{
  background-color:#0d1150 !important;
  border:2px solid #0d1150 !important;
  color:#ffffff !important;
  font-weight:900;
  box-shadow:0 12px 30px rgba(13,17,80,.45);
}

/* هاور */
.favflow-hero-box a[href*="club"]:hover,
.favflow-hero-box a[href*="کلاب"]:hover{
  background-color:#141a6a !important;
  transform:translateY(-2px);
}








/* ===== FORCE CLUB BUTTON COLOR + GLOW (NO HTML CHANGE) ===== */
.favflow-hero-box a[href*="club"],
.favflow-hero-box a[href*="کلاب"]{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* این دوتا برای وقتی‌ه که دکمه با گرادیان ساخته شده */
  background: #0d1150 !important;
  background-image: none !important;

  border: 2px solid #0d1150 !important;
  color: #fff !important;

  box-shadow: 0 18px 45px rgba(13,17,80,.45) !important;
  overflow: hidden !important;
}

/* اگر داخل دکمه span هست و همون بک‌گراند می‌ذاره */
.favflow-hero-box a[href*="club"] *,
.favflow-hero-box a[href*="کلاب"] *{
  color: #fff !important;
  background: transparent !important;
  background-image: none !important;
}

/* Glow واقعی (پخش نور پشت دکمه) */
.favflow-hero-box a[href*="club"]::before,
.favflow-hero-box a[href*="کلاب"]::before{
  content: "" !important;
  position: absolute !important;
  inset: -18px !important;
  z-index: -1 !important;
  background: radial-gradient(circle, rgba(13,17,80,.55), transparent 65%) !important;
  filter: blur(10px) !important;
  opacity: 1 !important;
}

/* Hover */
.favflow-hero-box a[href*="club"]:hover,
.favflow-hero-box a[href*="کلاب"]:hover{
  background: #111861 !important;
  border-color: #111861 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 22px 60px rgba(13,17,80,.55) !important;
}
/* FORCE BOTH BUTTONS SAME COLOR */
.favflow-actions .favflow-btn.primary,
.favflow-actions .favflow-btn.secondary{
  background: rgba(255,255,255,0.10) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.22) !important;
}

/* Hover for both */
.favflow-actions .favflow-btn.primary:hover,
.favflow-actions .favflow-btn.secondary:hover{
  background: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.28) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.28) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6aa3c2 *//* DARK BACKGROUND FIX */
.ff-about{
  background:
    radial-gradient(1200px 600px at 70% 10%, rgba(30,90,200,.35), transparent 65%),
    radial-gradient(1000px 600px at 20% 90%, rgba(0,160,150,.25), transparent 60%),
    linear-gradient(180deg, #050b1a 0%, #070f26 100%) !important;
}

/* CARDS DARKER */
.ff-card{
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.14),
    rgba(255,255,255,.06)
  ) !important;

  border: 1px solid rgba(255,255,255,.18) !important;

  box-shadow:
    0 25px 70px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.08);
}

/* TITLES STRONG */
.ff-card h3,
.ff-head h2{
  color: #ffffff !important;
}

/* TEXT BETTER CONTRAST */
.ff-card p,
.ff-head p{
  color: rgba(255,255,255,.85) !important;
}

/* ICONS POP */
.ff-icon{
  background: linear-gradient(
    135deg,
    rgba(60,140,255,.35),
    rgba(0,220,200,.25)
  ) !important;

  box-shadow:
    0 10px 30px rgba(0,0,0,.4);
}

.ff-about-head,
.ff-about-head *{
  text-align: center !important;
}

.ff-about-lead{
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 78ch !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4dc4bd3 */.ff-lux-item::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(11,28,45,.04), transparent 55%);
  opacity:0;
  transition:.25s ease;
  pointer-events: none;   /* ✅ مهم: کلیک رو آزاد می‌کنه */
  z-index: 0;             /* ✅ زیر محتوا */
}
.ff-lux-item > *{
  position: relative;
  z-index: 1;             /* ✅ محتوا و دکمه‌ها روی لایه بیاد */
}/* End custom CSS */