.fengi-container{width:min(var(--fengi-width,1560px),calc(100% - 48px));margin-inline:auto}.fengi-svg svg{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fengi-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;border:0;line-height:1;font-weight:800;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease,color .28s ease;will-change:transform}.fengi-btn:hover{transform:translateY(-2px)}.fengi-btn-primary{color:#fff;background:linear-gradient(135deg,#0b82ff,#1661ff);box-shadow:0 16px 42px rgba(0,103,255,.32),inset 0 1px rgba(255,255,255,.22)}.fengi-btn-primary:hover{box-shadow:0 22px 54px rgba(0,132,255,.42),inset 0 1px rgba(255,255,255,.25);filter:saturate(1.06)}.fengi-btn-outline{color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(196,224,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.12)}.fengi-btn-outline:hover{background:rgba(255,255,255,.09);border-color:rgba(113,203,255,.55);box-shadow:0 16px 36px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.18)}

.fengi-header{position:relative;z-index:30;width:100%;padding:28px 0;background:transparent}.fengi-header.is-sticky{position:sticky;top:0}.fengi-header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.fengi-logo-img{width:var(--logo-w,250px);height:auto;display:block}.fengi-nav{display:flex;align-items:center;gap:44px}.fengi-nav a{position:relative;color:rgba(255,255,255,.88);font-size:18px;font-weight:650;text-decoration:none!important;transition:color .24s ease}.fengi-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:3px;border-radius:99px;background:#24c7ff;transform:scaleX(0);opacity:0;transition:transform .24s ease,opacity .24s ease}.fengi-nav a:hover:after,.fengi-nav a.active:after{transform:scaleX(1);opacity:1}.fengi-header-actions{display:flex;align-items:center;gap:18px}.fengi-header .fengi-btn{font-size:17px;padding:12px 24px;border-radius:14px}.fengi-header .fengi-btn .fengi-svg{font-size:20px}.fengi-mobile-toggle{display:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;padding:12px}

.fengi-hero{position:relative;overflow:hidden;isolation:isolate;min-height:860px;padding:120px 0 35px;background:#020b21;color:#fff}.fengi-hero:before{content:"";position:absolute;inset:0;z-index:-5;background:radial-gradient(circle at 74% 28%,rgba(0,120,255,.38),transparent 38%),radial-gradient(circle at 18% 75%,rgba(0,189,255,.12),transparent 32%),linear-gradient(180deg,#020818 0%,#04112f 52%,#02081a 100%)}.fengi-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4;pointer-events:none}.fengi-video-overlay{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#02091a 0%,rgba(2,9,26,.86) 42%,rgba(2,9,26,.72) 100%);pointer-events:none}.fengi-hero.has-grid:after{content:"";position:absolute;inset:auto -10% 0;height:38%;z-index:-2;background-image:linear-gradient(rgba(37,153,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(37,153,255,.11) 1px,transparent 1px);background-size:54px 54px;transform:perspective(650px) rotateX(64deg);transform-origin:bottom;opacity:.32;pointer-events:none}.fengi-bg-glow{display:none;position:absolute;border-radius:999px;filter:blur(10px);pointer-events:none;z-index:-1}.fengi-hero.has-aurora .fengi-bg-glow{display:block}.glow-a{right:10%;top:18%;width:520px;height:520px;background:radial-gradient(circle,rgba(0,131,255,.22),transparent 68%)}.glow-b{left:-5%;bottom:4%;width:480px;height:480px;background:radial-gradient(circle,rgba(38,211,255,.12),transparent 70%)}.fengi-hero-inner{position:relative;display:grid;grid-template-columns:minmax(470px,1fr) minmax(620px,1.05fr);align-items:center;gap:38px;z-index:3}.fengi-copy{position:relative;z-index:5}.fengi-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:34px;padding:12px 20px;border:1px solid rgba(170,220,255,.28);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.18);color:#dceaff;font-size:18px;line-height:1}.fengi-kicker .fengi-svg{color:#50cfff;font-size:20px}.fengi-title{margin:0 0 24px;font-size:clamp(58px,6.2vw,118px);line-height:.98;letter-spacing:-.055em;font-weight:950}.fengi-title strong,.fengi-title span{display:block}.fengi-title span{color:transparent;background:linear-gradient(180deg,#72d8ff,#0b69ff);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 38px rgba(0,130,255,.18)}.fengi-desc{max-width:680px;margin:0 0 34px;color:#c4d1e7;font-size:24px;line-height:1.55}.fengi-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:30px}.fengi-hero .fengi-btn{padding:17px 30px;border-radius:16px;font-size:19px;min-height:56px}.fengi-hero .fengi-btn .fengi-svg{font-size:21px}.fengi-btn-arrow{font-size:23px;margin-left:4px;line-height:1}.fengi-mini-row{--glass-alpha:.20;--mini-y:0px;display:flex;align-items:stretch;gap:0;max-width:760px;margin:0 0 28px;transform:translateY(var(--mini-y));border:1px solid rgba(176,218,255,.38);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,var(--glass-alpha)),rgba(255,255,255,.055));box-shadow:0 18px 50px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.20);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}.fengi-mini-item{display:flex;align-items:center;gap:14px;padding:16px 26px;border-right:1px solid rgba(255,255,255,.13);min-width:0}.fengi-mini-item:last-child{border-right:0}.fengi-mini-icon{flex:0 0 38px;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,136,255,.36),rgba(61,217,255,.13));color:#4bd3ff}.fengi-mini-title{font-weight:850;font-size:17px;white-space:nowrap;color:#fff}.fengi-mini-text{color:#aabbd6;font-size:14px;margin-top:4px;white-space:nowrap}.fengi-visual{position:relative;min-height:680px;display:flex;align-items:flex-end;justify-content:center}.fengi-owner-wrap{position:relative;z-index:5;transform:translateY(var(--owner-y,0px))}.fengi-owner{display:block;width:560px;max-width:90%;height:auto;filter:drop-shadow(0 30px 56px rgba(0,0,0,.33));animation:fengiOwnerFloat 8s ease-in-out infinite;will-change:transform}.fengi-orbit-stage{position:absolute;width:min(690px,88%);aspect-ratio:1;border-radius:50%;top:22px;left:50%;transform:translateX(-50%);z-index:1;pointer-events:none;background:radial-gradient(circle,rgba(10,132,255,.24) 0 20%,rgba(18,95,255,.09) 36%,transparent 62%)}.fengi-orbit-stage .ring{position:absolute;border-radius:50%;border:1px solid rgba(48,163,255,.42);box-shadow:0 0 28px rgba(0,124,255,.20),inset 0 0 32px rgba(19,138,255,.12)}.ring-1{inset:0}.ring-2{inset:48px;border-style:dashed!important;opacity:.74;animation:fengiRotate 38s linear infinite}.ring-3{inset:112px;opacity:.58}.orb{position:absolute;width:10px;height:10px;border-radius:50%;background:#42d5ff;box-shadow:0 0 16px #42d5ff}.orb-1{top:13%;left:78%;animation:fengiOrb 6s ease-in-out infinite}.orb-2{bottom:19%;left:15%;animation:fengiOrb 7s ease-in-out infinite reverse}.fengi-feature-card{--glass-alpha:.20;--card-w:260px;position:absolute;z-index:6;display:flex;align-items:center;gap:16px;width:var(--card-w);padding:18px 20px;border:1px solid rgba(176,218,255,.38);background:linear-gradient(135deg,rgba(255,255,255,var(--glass-alpha)),rgba(255,255,255,.06));border-radius:18px;box-shadow:0 20px 48px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.24);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;background .35s ease;animation:fengiCardFloat 7.5s ease-in-out infinite;will-change:transform}.fengi-feature-card:nth-of-type(2n){animation-delay:-1.7s}.fengi-feature-card:hover{transform:translateY(-7px) scale(1.02);border-color:rgba(95,214,255,.78);box-shadow:0 28px 64px rgba(0,116,255,.24),inset 0 1px rgba(255,255,255,.28)}.fengi-feature-icon{flex:0 0 52px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#dff6ff;background:linear-gradient(135deg,#0d8cff,#125cff);box-shadow:0 0 24px rgba(0,132,255,.42),inset 0 1px rgba(255,255,255,.22);font-size:25px}.fengi-feature-title{font-weight:900;font-size:16px;color:#fff}.fengi-feature-text{font-size:14px;color:#b9c8dd;line-height:1.34;margin-top:4px}.fengi-card-1{top:122px;left:0}.fengi-card-2{top:150px;right:-4px}.fengi-card-3{top:310px;left:92px}.fengi-card-4{top:322px;right:-12px}.fengi-card-5{top:492px;left:-8px}.fengi-card-6{top:505px;right:6px}.fengi-stats{position:relative;z-index:9;margin-top:-28px;padding-bottom:20px}.fengi-stats-inner{--glass-alpha:.20;--stats-y:0px;transform:translateY(var(--stats-y));display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(176,218,255,.38);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,var(--glass-alpha)),rgba(255,255,255,.065));box-shadow:0 -4px 48px rgba(0,118,255,.14),0 24px 56px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.18);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);overflow:hidden}.fengi-stat{display:flex;align-items:center;justify-content:center;gap:22px;padding:28px 22px;border-right:1px solid rgba(255,255,255,.12)}.fengi-stat:last-child{border-right:0}.fengi-stat-icon{flex:0 0 58px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#188cff,#0b4ecb);color:#eaf8ff;font-size:27px;box-shadow:0 0 26px rgba(0,139,255,.36),inset 0 1px rgba(255,255,255,.22)}.fengi-stat-number{font-size:32px;font-weight:950;line-height:1;color:#edf8ff}.fengi-stat-label{color:#b9c7df;font-size:16px;margin-top:6px}.fengi-animate{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}.fengi-animate.is-visible{opacity:1;transform:translateY(0)}.fengi-delay-1{transition-delay:.08s}.fengi-delay-2{transition-delay:.16s}.fengi-delay-3{transition-delay:.24s}.fengi-delay-4{transition-delay:.32s}.elementor-editor-active .fengi-animate,.elementor-editor-preview .fengi-animate{opacity:1!important;transform:none!important}.elementor-editor-active .fengi-hero-video{display:none!important}
@keyframes fengiOwnerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fengiCardFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes fengiRotate{to{transform:rotate(360deg)}}@keyframes fengiOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){.fengi-hero *{animation:none!important;transition:none!important}.fengi-animate{opacity:1!important;transform:none!important}.fengi-hero-video{display:none!important}}
@media(max-width:1200px){.fengi-hero-inner{grid-template-columns:minmax(360px,1fr) minmax(490px,1fr)}.fengi-feature-card{width:215px;gap:12px}.fengi-feature-icon{width:46px;height:46px;flex-basis:46px}.fengi-card-1{left:0}.fengi-card-2{right:0}.fengi-card-3{left:20px}.fengi-card-4{right:0}.fengi-card-5{left:0}.fengi-card-6{right:0}.fengi-desc{font-size:21px}}@media(max-width:1024px){.fengi-container{width:min(var(--fengi-width,1560px),calc(100% - 28px))}.fengi-header{padding:18px 0}.fengi-logo-img{width:190px}.fengi-nav,.fengi-header-actions{display:none}.fengi-mobile-toggle{display:grid;place-items:center}.fengi-hero{padding-top:100px;min-height:auto}.fengi-no-video-mobile .fengi-hero-video{display:none}.fengi-hero-inner{grid-template-columns:1fr;text-align:center}.fengi-desc{margin-left:auto;margin-right:auto}.fengi-hero-actions{justify-content:center}.fengi-mini-row{justify-content:center;margin-left:auto;margin-right:auto}.fengi-visual{min-height:610px}.fengi-orbit-stage{width:560px;top:36px}.fengi-card-1{left:2%;top:70px}.fengi-card-2{right:2%;top:85px}.fengi-card-3{left:2%;top:245px}.fengi-card-4{right:2%;top:255px}.fengi-card-5{left:2%;top:430px}.fengi-card-6{right:2%;top:440px}.fengi-feature-card{width:205px;padding:14px}.fengi-stats{margin-top:10px}.fengi-stats-inner{grid-template-columns:repeat(2,1fr)}.fengi-stat:nth-child(2){border-right:0}.fengi-stat:nth-child(1),.fengi-stat:nth-child(2){border-bottom:1px solid rgba(255,255,255,.12)}}@media(max-width:640px){.fengi-container{width:calc(100% - 22px)}.fengi-title{font-size:50px;letter-spacing:-.045em}.fengi-desc{font-size:16.5px;line-height:1.6}.fengi-kicker{font-size:14px;padding:10px 15px;margin-bottom:24px}.fengi-hero .fengi-btn{width:100%;min-height:52px;padding:15px 20px;font-size:16px}.fengi-hero-actions{gap:12px}.fengi-mini-row{display:grid;grid-template-columns:1fr;background:transparent;border:0;box-shadow:none;backdrop-filter:none;gap:10px;max-width:100%}.fengi-mini-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)!important;border-radius:14px;justify-content:flex-start}.fengi-mini-title{font-size:15px}.fengi-mini-text{font-size:13px}.fengi-visual{min-height:610px;overflow:hidden}.fengi-orbit-stage{width:445px;top:82px}.fengi-owner{width:350px}.fengi-feature-card{width:172px;gap:8px;padding:10px;border-radius:14px}.fengi-feature-title{font-size:12.5px}.fengi-feature-text{display:none}.fengi-feature-icon{width:36px;height:36px;flex-basis:36px;font-size:18px}.fengi-card-1{left:0;top:42px}.fengi-card-2{right:0;top:78px}.fengi-card-3{left:0;top:190px}.fengi-card-4{right:0;top:235px}.fengi-card-5{left:0;top:352px}.fengi-card-6{right:0;top:388px}.fengi-stats-inner{grid-template-columns:1fr}.fengi-stat{justify-content:flex-start;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12);padding:18px}.fengi-stat:last-child{border-bottom:0}.fengi-stat-icon{width:50px;height:50px;flex-basis:50px;font-size:23px}.fengi-stat-number{font-size:28px}.fengi-stat-label{font-size:14px}.fengi-header .fengi-container{width:calc(100% - 20px)}}


/* v1.4 Premium polish: lighter performance, stronger glass, professional hover states */
.fengi-hero{--fengi-accent:#1494ff;--fengi-cyan:#4ddfff;--fengi-glow:rgba(0,137,255,.36)}
.fengi-hero .fengi-svg svg{stroke-width:1.65;filter:drop-shadow(0 0 8px rgba(64,207,255,.18))}
.fengi-hero .fengi-btn{position:relative;overflow:hidden;border:1px solid rgba(164,218,255,.28);transform:translateZ(0)}
.fengi-hero .fengi-btn:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 35%,transparent 65%,rgba(91,213,255,.18));opacity:.72;pointer-events:none}
.fengi-hero .fengi-btn:after{content:"";position:absolute;top:-60%;left:-38%;width:38%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:rotate(22deg) translateX(-160%);transition:transform .65s cubic-bezier(.16,1,.3,1);pointer-events:none}
.fengi-hero .fengi-btn:hover:after{transform:rotate(22deg) translateX(430%)}
.fengi-hero .fengi-btn:hover{transform:translateY(-3px);border-color:rgba(90,215,255,.68)}
.fengi-btn-primary{background:linear-gradient(135deg,#02b6ff 0%,#0b73ff 46%,#1748ff 100%);box-shadow:0 14px 34px rgba(0,101,255,.28),0 0 0 1px rgba(112,217,255,.15) inset,0 1px rgba(255,255,255,.25) inset}
.fengi-btn-primary:hover{box-shadow:0 20px 48px rgba(0,132,255,.38),0 0 36px rgba(45,205,255,.22),0 1px rgba(255,255,255,.32) inset}
.fengi-btn-outline{background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.025));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 34px rgba(0,0,0,.16),0 0 0 1px rgba(255,255,255,.08) inset}
.fengi-btn-outline:hover{background:linear-gradient(135deg,rgba(42,179,255,.18),rgba(255,255,255,.055));box-shadow:0 18px 42px rgba(0,92,255,.22),0 0 28px rgba(66,213,255,.14),0 0 0 1px rgba(255,255,255,.13) inset}
.fengi-feature-card,.fengi-mini-row,.fengi-stats-inner{background:linear-gradient(135deg,rgba(255,255,255,calc(var(--glass-alpha, .22) + .055)),rgba(35,146,255,.08) 46%,rgba(255,255,255,.05));border-color:rgba(181,228,255,.48);box-shadow:0 20px 54px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.08) inset,0 1px rgba(255,255,255,.28) inset}
.fengi-feature-card:before,.fengi-mini-row:before,.fengi-stats-inner:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.24),transparent 34%,transparent 70%,rgba(63,208,255,.13));opacity:.72;pointer-events:none}
.fengi-mini-row,.fengi-stats-inner{position:relative}.fengi-mini-item,.fengi-stat{position:relative;transition:transform .32s cubic-bezier(.16,1,.3,1),background .32s ease,box-shadow .32s ease}.fengi-mini-item:hover,.fengi-stat:hover{background:rgba(46,164,255,.10);box-shadow:0 0 34px rgba(0,141,255,.18) inset;transform:translateY(-2px)}
.fengi-feature-card{overflow:hidden}.fengi-feature-card:after,.fengi-stat:after,.fengi-mini-item:after{content:"";position:absolute;left:16%;right:16%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(85,219,255,.8),transparent);opacity:0;transition:opacity .28s ease}.fengi-feature-card:hover:after,.fengi-stat:hover:after,.fengi-mini-item:hover:after{opacity:1}
.fengi-feature-card:hover{background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(27,142,255,.13) 48%,rgba(255,255,255,.07));box-shadow:0 26px 62px rgba(0,102,255,.24),0 0 34px rgba(54,213,255,.13),0 0 0 1px rgba(255,255,255,.14) inset,0 1px rgba(255,255,255,.34) inset}
.fengi-feature-icon,.fengi-mini-icon,.fengi-stat-icon{position:relative;overflow:hidden;background:linear-gradient(145deg,#0bd3ff 0%,#086dff 52%,#0a34b8 100%);box-shadow:0 0 28px rgba(0,145,255,.36),0 0 0 1px rgba(255,255,255,.16) inset,0 1px rgba(255,255,255,.30) inset}
.fengi-feature-icon:before,.fengi-mini-icon:before,.fengi-stat-icon:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.42),transparent 34%);pointer-events:none}
.fengi-feature-card:hover .fengi-feature-icon,.fengi-mini-item:hover .fengi-mini-icon,.fengi-stat:hover .fengi-stat-icon{box-shadow:0 0 36px rgba(41,213,255,.46),0 0 0 1px rgba(255,255,255,.22) inset;transform:scale(1.04)}
.fengi-feature-icon,.fengi-mini-icon,.fengi-stat-icon{transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease}
/* Premium lightweight owner stage */
.fengi-owner-wrap:before{content:"";position:absolute;left:50%;bottom:3.5%;width:72%;height:17%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(62,214,255,.38),rgba(13,113,255,.18) 45%,transparent 72%);box-shadow:0 0 50px rgba(35,155,255,.26);z-index:-1;animation:fengiBasePulse 4.8s ease-in-out infinite;pointer-events:none}
.fengi-owner-wrap:after{content:"";position:absolute;left:50%;bottom:7%;width:62%;height:12%;transform:translateX(-50%) perspective(500px) rotateX(64deg);border:1px solid rgba(88,221,255,.55);border-radius:50%;box-shadow:0 0 26px rgba(63,205,255,.22),inset 0 0 18px rgba(15,113,255,.14);z-index:-1;animation:fengiBaseRotate 7s linear infinite;pointer-events:none}
.fengi-orbit-stage{background:radial-gradient(circle,rgba(15,142,255,.18) 0 22%,rgba(0,99,255,.07) 38%,transparent 66%)}
.fengi-orbit-stage:before{content:"";position:absolute;inset:9%;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 10%,rgba(52,205,255,.46) 12%,transparent 18%,transparent 42%,rgba(24,125,255,.35) 49%,transparent 56%,transparent 100%);opacity:.7;animation:fengiRotate 32s linear infinite;mask:radial-gradient(circle,transparent 59%,#000 61%,#000 63%,transparent 66%);-webkit-mask:radial-gradient(circle,transparent 59%,#000 61%,#000 63%,transparent 66%);pointer-events:none}
.fengi-orbit-stage .ring-1,.fengi-orbit-stage .ring-3{opacity:.28}.fengi-orbit-stage .ring-2{opacity:.42;border-style:solid!important}
@keyframes fengiBasePulse{0%,100%{opacity:.58;transform:translateX(-50%) scale(.96)}50%{opacity:1;transform:translateX(-50%) scale(1.04)}}
@keyframes fengiBaseRotate{0%{filter:hue-rotate(0deg);opacity:.72}50%{opacity:1}100%{filter:hue-rotate(20deg);opacity:.72}}
/* Mobile requested order: owner and floating cards directly after description, before buttons */
@media(max-width:1024px){.fengi-hero-inner{display:flex;flex-direction:column;align-items:center}.fengi-copy{display:contents}.fengi-kicker{order:1}.fengi-title{order:2}.fengi-desc{order:3}.fengi-visual{order:4;width:100%}.fengi-hero-actions{order:5}.fengi-mini-row{order:6}.fengi-stats{margin-top:18px}.fengi-feature-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@media(max-width:640px){.fengi-visual{min-height:520px;margin-top:8px;margin-bottom:12px}.fengi-owner{width:min(335px,86vw)}.fengi-orbit-stage{width:min(430px,110vw);top:52px}.fengi-feature-card{width:158px;background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(38,151,255,.10));border-color:rgba(190,232,255,.45)}.fengi-card-1{left:0;top:38px}.fengi-card-2{right:0;top:65px}.fengi-card-3{left:0;top:166px}.fengi-card-4{right:0;top:202px}.fengi-card-5{left:0;top:315px}.fengi-card-6{right:0;top:342px}.fengi-owner-wrap:before{width:82%;height:15%;bottom:2%}.fengi-owner-wrap:after{width:74%;bottom:6%}.fengi-mini-row{order:6}.fengi-hero-actions{width:100%;max-width:360px}.fengi-mini-item:hover,.fengi-stat:hover{transform:none}}

/* v1.5 Premium icon + mobile layout refinements */
.fengi-hero{--fengi-card-glow:rgba(45,184,255,.42);--fengi-violet:rgba(104,82,255,.34)}
.fengi-feature-icon,.fengi-mini-icon,.fengi-stat-icon{border-radius:18px;background:linear-gradient(145deg,#12d5ff 0%,#096cff 48%,#082b8f 100%)}
.fengi-feature-icon svg,.fengi-mini-icon svg,.fengi-stat-icon svg{stroke-width:1.75}
.fengi-card-1 .fengi-feature-icon{background:linear-gradient(145deg,#21d9ff,#0875ff 50%,#1237bd)}
.fengi-card-2 .fengi-feature-icon{background:linear-gradient(145deg,#33b8ff,#2858ff 54%,#1b1d86)}
.fengi-card-3 .fengi-feature-icon{background:linear-gradient(145deg,#4ceaff,#0a8dff 48%,#0644b9)}
.fengi-card-4 .fengi-feature-icon{background:linear-gradient(145deg,#7fddff,#126fff 50%,#2334d3)}
.fengi-card-5 .fengi-feature-icon{background:linear-gradient(145deg,#20f0cf,#0c95ff 52%,#1432a5)}
.fengi-card-6 .fengi-feature-icon{background:linear-gradient(145deg,#9bdcff,#136dff 48%,#5528df)}
.fengi-mini-item:nth-child(1) .fengi-mini-icon{background:linear-gradient(145deg,#19dbff,#086eff 52%,#142a9d)}
.fengi-mini-item:nth-child(2) .fengi-mini-icon{background:linear-gradient(145deg,#51e4ff,#2668ff 52%,#162680)}
.fengi-mini-item:nth-child(3) .fengi-mini-icon{background:linear-gradient(145deg,#36ffd8,#0b8cff 50%,#09328d)}
.fengi-stat:nth-child(1) .fengi-stat-icon{background:linear-gradient(145deg,#37ddff,#0b72ff 48%,#092e96)}
.fengi-stat:nth-child(2) .fengi-stat-icon{background:linear-gradient(145deg,#3af0e3,#077fff 52%,#102f92)}
.fengi-stat:nth-child(3) .fengi-stat-icon{background:linear-gradient(145deg,#83ddff,#1b64ff 48%,#2b2ab8)}
.fengi-stat:nth-child(4) .fengi-stat-icon{background:linear-gradient(145deg,#b6e8ff,#3167ff 48%,#6325dd)}
.fengi-feature-card,.fengi-mini-row,.fengi-stats-inner{border-color:rgba(185,235,255,.55)!important;box-shadow:0 22px 58px rgba(0,0,0,.24),0 0 42px rgba(0,121,255,.12),0 0 0 1px rgba(255,255,255,.1) inset,0 1px rgba(255,255,255,.32) inset!important}
.fengi-feature-card:hover,.fengi-mini-item:hover,.fengi-stat:hover{border-color:rgba(105,226,255,.82)!important;box-shadow:0 28px 68px rgba(0,99,255,.27),0 0 48px rgba(32,216,255,.19),0 0 0 1px rgba(255,255,255,.18) inset!important}
.fengi-feature-card:hover .fengi-feature-icon,.fengi-mini-item:hover .fengi-mini-icon,.fengi-stat:hover .fengi-stat-icon{transform:translateY(-1px) scale(1.06) rotate(-2deg)}

/* New modern hologram platform under owner image */
.fengi-owner-wrap{position:relative;isolation:isolate}
.fengi-owner-wrap:before{width:78%!important;height:18%!important;bottom:1.5%!important;background:radial-gradient(ellipse at center,rgba(96,231,255,.54) 0%,rgba(11,116,255,.28) 42%,rgba(96,51,255,.14) 58%,transparent 75%)!important;box-shadow:0 0 55px rgba(39,176,255,.34),0 0 95px rgba(39,99,255,.16)!important;animation:fengiHoloPulse 4.6s ease-in-out infinite!important}
.fengi-owner-wrap:after{content:"";position:absolute;left:50%;bottom:5%;width:68%;height:16%;transform:translateX(-50%) perspective(560px) rotateX(64deg);border-radius:50%;border:1px solid rgba(105,231,255,.72);background:repeating-conic-gradient(from 0deg,rgba(87,222,255,.22) 0 10deg,transparent 10deg 22deg),radial-gradient(ellipse at center,rgba(25,139,255,.18),transparent 62%);box-shadow:0 0 34px rgba(76,216,255,.30),inset 0 0 22px rgba(16,109,255,.20);z-index:-1;animation:fengiHoloSpin 8s linear infinite!important;pointer-events:none}
.fengi-owner-wrap .fengi-owner{position:relative;z-index:2}
.fengi-owner-wrap + .fengi-feature-card:before{z-index:-1}
.fengi-orbit-stage{background:radial-gradient(circle,rgba(15,150,255,.14) 0 24%,rgba(0,99,255,.055) 40%,transparent 68%)!important}
.fengi-orbit-stage:after{content:"";position:absolute;left:50%;bottom:8%;width:62%;height:18%;transform:translateX(-50%) perspective(560px) rotateX(66deg);border-radius:50%;background:linear-gradient(90deg,transparent,rgba(60,216,255,.52),transparent);filter:blur(1px);opacity:.55;animation:fengiHoloScan 3.8s ease-in-out infinite;pointer-events:none}
@keyframes fengiHoloPulse{0%,100%{opacity:.64;transform:translateX(-50%) scale(.96)}50%{opacity:1;transform:translateX(-50%) scale(1.05)}}
@keyframes fengiHoloSpin{to{background-position:100px 0;filter:hue-rotate(20deg)}}
@keyframes fengiHoloScan{0%,100%{opacity:.28;transform:translateX(-50%) perspective(560px) rotateX(66deg) translateY(0) scaleX(.9)}50%{opacity:.76;transform:translateX(-50%) perspective(560px) rotateX(66deg) translateY(-16px) scaleX(1.04)}}

@media(max-width:767px){
  .fengi-hero-inner{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:0!important}
  .fengi-copy{display:contents!important}
  .fengi-kicker{order:1!important;margin-left:auto;margin-right:auto}
  .fengi-title{order:2!important}
  .fengi-desc{order:3!important;max-width:94%;margin-bottom:18px!important}
  .fengi-visual{order:4!important;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 10px;align-items:center;justify-items:center;min-height:auto!important;overflow:visible!important;margin:4px auto 18px!important;padding:0 0 4px!important}
  .fengi-orbit-stage{position:absolute!important;width:min(380px,105vw)!important;top:10px!important;left:50%!important;transform:translateX(-50%)!important;opacity:.72!important;z-index:0!important}
  .fengi-owner-wrap{grid-column:1/-1;position:relative!important;z-index:2;transform:translateY(var(--owner-y,0px))!important;margin:0 auto -2px!important}
  .fengi-owner{width:min(310px,80vw)!important;max-width:100%!important;animation:fengiOwnerFloat 9s ease-in-out infinite!important}
  .fengi-feature-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:176px!important;min-height:64px;z-index:3!important;padding:10px 10px!important;border-radius:16px!important;gap:9px!important;animation:fengiMobileCardFloat 7s ease-in-out infinite!important;text-align:left!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
  .fengi-feature-card:nth-of-type(2n){animation-delay:-1.5s!important}
  .fengi-feature-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:18px;border-radius:13px!important}
  .fengi-feature-title{font-size:12.2px;line-height:1.2}
  .fengi-feature-text{display:none!important}
  .fengi-hero-actions{order:5!important;width:100%;max-width:360px;margin-top:4px!important;margin-bottom:18px!important}
  .fengi-mini-row{order:6!important;width:100%;max-width:380px!important}
  .fengi-mini-item{text-align:left!important}
  .fengi-stats{margin-top:12px!important}
}
@media(max-width:390px){.fengi-feature-card{max-width:160px!important}.fengi-feature-title{font-size:11.5px}.fengi-owner{width:min(286px,78vw)!important}.fengi-orbit-stage{width:min(340px,104vw)!important}}
@keyframes fengiMobileCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}


/* v1.6 icon reliability + wow hologram base + improved mobile overlay */
.fengi-btn .fengi-svg,.fengi-mini-icon .fengi-svg,.fengi-feature-icon .fengi-svg,.fengi-stat-icon .fengi-svg{display:grid;place-items:center}
.fengi-btn .fengi-svg svg,.fengi-mini-icon .fengi-svg svg,.fengi-feature-icon .fengi-svg svg,.fengi-stat-icon .fengi-svg svg{width:1em;height:1em}
.fengi-btn-primary .fengi-svg{color:#eaf7ff}.fengi-btn-outline .fengi-svg{color:#8fdcff}
.fengi-btn:hover .fengi-svg{transform:translateX(1px)}
.fengi-mini-item,.fengi-stat{transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease,background .32s ease}
.fengi-mini-item:hover{transform:translateY(-4px)}
.fengi-stat:hover{transform:translateY(-4px)}
.fengi-owner-wrap:before,.fengi-owner-wrap:after{display:none!important}
.fengi-holo-base{position:absolute;left:50%;bottom:3%;width:74%;height:26%;transform:translateX(-50%);pointer-events:none;z-index:1;filter:drop-shadow(0 0 20px rgba(47,194,255,.28))}
.fengi-holo-base .halo{position:absolute;left:50%;bottom:0;border-radius:50%;transform:translateX(-50%) perspective(650px) rotateX(70deg);border:1px solid rgba(95,228,255,.72);background:radial-gradient(ellipse at center,rgba(8,129,255,.16),transparent 60%);box-shadow:0 0 18px rgba(67,224,255,.28), inset 0 0 18px rgba(36,120,255,.12)}
.fengi-holo-base .halo-1{width:100%;height:58%;animation:fengiHaloPulse 4.4s ease-in-out infinite}
.fengi-holo-base .halo-2{width:82%;height:42%;bottom:10%;opacity:.95;animation:fengiHaloSpin 8.5s linear infinite}
.fengi-holo-base .halo-3{width:58%;height:25%;bottom:19%;border-style:dashed;opacity:.66;animation:fengiHaloSpinReverse 6.5s linear infinite}
.fengi-holo-base .scan-line{position:absolute;left:50%;bottom:12%;width:74%;height:16%;transform:translateX(-50%) perspective(650px) rotateX(70deg);border-radius:50%;background:linear-gradient(90deg,transparent,rgba(111,241,255,.8),transparent);filter:blur(1px);opacity:.6;animation:fengiHaloSweep 3.4s ease-in-out infinite}
.fengi-holo-base .spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#69ebff;box-shadow:0 0 18px #69ebff}
.fengi-holo-base .spark-1{left:16%;bottom:30%;animation:fengiSparkOrbit1 4.5s linear infinite}
.fengi-holo-base .spark-2{right:17%;bottom:38%;animation:fengiSparkOrbit2 5.2s linear infinite}
.fengi-holo-base .spark-3{left:48%;bottom:55%;animation:fengiSparkOrbit3 3.8s ease-in-out infinite}
.fengi-orbit-stage:before{opacity:.9}
@keyframes fengiHaloPulse{0%,100%{opacity:.66;transform:translateX(-50%) perspective(650px) rotateX(70deg) scale(.96)}50%{opacity:1;transform:translateX(-50%) perspective(650px) rotateX(70deg) scale(1.04)}}
@keyframes fengiHaloSpin{from{transform:translateX(-50%) perspective(650px) rotateX(70deg) rotateZ(0deg)}to{transform:translateX(-50%) perspective(650px) rotateX(70deg) rotateZ(360deg)}}
@keyframes fengiHaloSpinReverse{from{transform:translateX(-50%) perspective(650px) rotateX(70deg) rotateZ(360deg)}to{transform:translateX(-50%) perspective(650px) rotateX(70deg) rotateZ(0deg)}}
@keyframes fengiHaloSweep{0%,100%{opacity:.18;transform:translateX(-50%) perspective(650px) rotateX(70deg) translateY(12px) scaleX(.84)}50%{opacity:.8;transform:translateX(-50%) perspective(650px) rotateX(70deg) translateY(-14px) scaleX(1.06)}}
@keyframes fengiSparkOrbit1{0%{transform:translate(0,0)}25%{transform:translate(18px,-9px)}50%{transform:translate(42px,-2px)}75%{transform:translate(18px,10px)}100%{transform:translate(0,0)}}
@keyframes fengiSparkOrbit2{0%{transform:translate(0,0)}25%{transform:translate(-22px,-6px)}50%{transform:translate(-44px,8px)}75%{transform:translate(-18px,14px)}100%{transform:translate(0,0)}}
@keyframes fengiSparkOrbit3{0%,100%{opacity:.3;transform:translateY(0) scale(.85)}50%{opacity:1;transform:translateY(-18px) scale(1.14)}}

@media(max-width:767px){
  .fengi-visual{position:relative!important;display:block!important;min-height:600px!important;max-width:380px;margin:6px auto 18px!important;padding:0!important}
  .fengi-owner-wrap{position:absolute!important;left:50%!important;top:72px!important;transform:translateX(-50%) translateY(var(--owner-y,0px))!important;z-index:2!important;width:100%;display:flex;justify-content:center}
  .fengi-owner{width:min(250px,66vw)!important;max-width:none!important}
  .fengi-orbit-stage{position:absolute!important;width:min(360px,98vw)!important;top:18px!important;left:50%!important;transform:translateX(-50%)!important;opacity:.82!important;z-index:0!important}
  .fengi-holo-base{width:68%!important;height:22%!important;bottom:6%!important}
  .fengi-feature-card{position:absolute!important;width:146px!important;max-width:none!important;min-height:64px!important;padding:11px 10px!important;gap:9px!important;border-radius:16px!important;text-align:left!important}
  .fengi-feature-title{font-size:12px;line-height:1.2}
  .fengi-feature-text{display:none!important}
  .fengi-card-1{left:0!important;top:24px!important}
  .fengi-card-2{right:0!important;top:54px!important}
  .fengi-card-3{left:2px!important;top:184px!important}
  .fengi-card-4{right:0!important;top:214px!important}
  .fengi-card-5{left:8px!important;top:352px!important}
  .fengi-card-6{right:8px!important;top:382px!important}
}
@media(max-width:390px){
  .fengi-visual{min-height:560px!important;max-width:350px!important}
  .fengi-owner{width:min(230px,64vw)!important}
  .fengi-feature-card{width:136px!important;padding:10px 9px!important}
  .fengi-card-3{top:176px!important}.fengi-card-4{top:206px!important}.fengi-card-5{top:334px!important}.fengi-card-6{top:364px!important}
}


/* v1.7 full typography controls, responsive positioning and futuristic owner base */
.fengi-feature-card{margin-left:var(--card-x,0px);margin-top:var(--card-y,0px)}
.fengi-feature-title,.fengi-feature-text,.fengi-mini-title,.fengi-mini-text,.fengi-stat-number,.fengi-stat-label,.fengi-desc,.fengi-btn{transition:color .25s ease,font-size .25s ease,line-height .25s ease}
.fengi-desc{font-size:24px}
.fengi-feature-title{font-size:16px}.fengi-feature-text{font-size:14px}.fengi-mini-title{font-size:17px}.fengi-mini-text{font-size:14px}.fengi-stat-number{font-size:32px}.fengi-stat-label{font-size:16px}

/* New visible futuristic quantum platform below the owner */
.fengi-owner-wrap{isolation:isolate}
.fengi-holo-base{bottom:-1%!important;width:86%!important;height:31%!important;z-index:3!important;opacity:.96!important;mix-blend-mode:screen}
.fengi-holo-base:before{content:"";position:absolute;left:50%;bottom:20%;width:82%;height:34%;transform:translateX(-50%) perspective(620px) rotateX(67deg);border-radius:50%;background:conic-gradient(from 0deg,rgba(75,225,255,.0),rgba(75,225,255,.75),rgba(25,95,255,.0),rgba(116,76,255,.58),rgba(75,225,255,.0));filter:blur(.2px);opacity:.78;animation:fengiQuantumSpin 7.8s linear infinite;box-shadow:0 0 35px rgba(61,211,255,.28)}
.fengi-holo-base:after{content:"";position:absolute;left:50%;bottom:24%;width:58%;height:16%;transform:translateX(-50%) perspective(620px) rotateX(70deg);border-radius:50%;background:radial-gradient(ellipse at center,rgba(160,245,255,.92),rgba(31,153,255,.45) 44%,transparent 70%);filter:blur(3px);opacity:.78;animation:fengiQuantumPulse 2.8s ease-in-out infinite}
.fengi-holo-base .halo{border-width:1.5px!important;box-shadow:0 0 24px rgba(77,232,255,.42),0 0 54px rgba(31,117,255,.20),inset 0 0 22px rgba(63,193,255,.20)!important}
.fengi-holo-base .halo-1{width:104%!important;height:58%!important;bottom:8%!important;border-color:rgba(113,239,255,.88)!important;background:repeating-conic-gradient(from 0deg,rgba(77,224,255,.28) 0 8deg,transparent 8deg 18deg),radial-gradient(ellipse at center,rgba(0,132,255,.14),transparent 66%)!important;animation:fengiHaloSpin 10s linear infinite!important}
.fengi-holo-base .halo-2{width:78%!important;height:38%!important;bottom:18%!important;border-color:rgba(50,143,255,.8)!important;animation:fengiHaloSpinReverse 7s linear infinite!important}
.fengi-holo-base .halo-3{width:46%!important;height:20%!important;bottom:28%!important;border-color:rgba(152,243,255,.72)!important;animation:fengiHaloPulse 3.2s ease-in-out infinite!important}
.fengi-holo-base .scan-line{bottom:23%!important;height:19%!important;background:linear-gradient(90deg,transparent,rgba(143,249,255,.96),rgba(50,125,255,.7),transparent)!important;filter:blur(1.4px)!important;animation:fengiLaserSweep 3.2s ease-in-out infinite!important}
.fengi-holo-base .spark{z-index:4;width:7px!important;height:7px!important;background:#9ff8ff!important;box-shadow:0 0 16px #7ff6ff,0 0 34px rgba(47,159,255,.55)!important}
@keyframes fengiQuantumSpin{to{transform:translateX(-50%) perspective(620px) rotateX(67deg) rotateZ(360deg)}}
@keyframes fengiQuantumPulse{0%,100%{opacity:.45;transform:translateX(-50%) perspective(620px) rotateX(70deg) scale(.9)}50%{opacity:.95;transform:translateX(-50%) perspective(620px) rotateX(70deg) scale(1.12)}}
@keyframes fengiLaserSweep{0%,100%{opacity:.25;transform:translateX(-50%) perspective(650px) rotateX(70deg) translateY(18px) scaleX(.78)}50%{opacity:1;transform:translateX(-50%) perspective(650px) rotateX(70deg) translateY(-24px) scaleX(1.12)}}

@media(max-width:1024px){
  .fengi-animate.is-visible{opacity:1!important;transform:translateY(0)!important}
  .fengi-feature-card{margin-left:var(--card-x,0px)!important;margin-top:var(--card-y,0px)!important}
}

@media(max-width:767px){
  .fengi-hero{overflow:hidden}
  .fengi-owner{width:min(var(--owner-mobile-w,250px),70vw)!important}
  .fengi-visual{min-height:610px!important;max-width:390px!important}
  .fengi-owner-wrap{top:76px!important}
  .fengi-feature-card{width:min(150px,41vw)!important;max-width:150px!important;min-height:62px!important;padding:10px 9px!important;display:flex!important;opacity:1!important;transform:none!important;animation:fengiMobileFloatLite 6s ease-in-out infinite!important}
  .fengi-feature-icon{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:17px}
  .fengi-feature-title{font-size:12px;line-height:1.16}.fengi-feature-text{display:none!important}
  .fengi-card-1{left:1px!important;top:18px!important}.fengi-card-2{right:1px!important;top:52px!important}.fengi-card-3{left:2px!important;top:188px!important}.fengi-card-4{right:1px!important;top:218px!important}.fengi-card-5{left:8px!important;top:366px!important}.fengi-card-6{right:8px!important;top:394px!important}
  .fengi-holo-base{width:80%!important;height:27%!important;bottom:-1%!important}
  .fengi-mini-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;max-width:380px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;margin-left:auto!important;margin-right:auto!important}
  .fengi-mini-item{border:1px solid rgba(185,235,255,.42)!important;border-radius:17px!important;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.045))!important;box-shadow:0 14px 30px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.22)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;padding:13px 16px!important;justify-content:flex-start!important}
  .fengi-mini-title{font-size:14px}.fengi-mini-text{font-size:12.5px}
  .fengi-stats-inner{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
  .fengi-stat{border:1px solid rgba(185,235,255,.42)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.055))!important;box-shadow:0 16px 34px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.22)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;display:flex!important;justify-content:flex-start!important;gap:12px!important;padding:15px 13px!important;text-align:left!important}
  .fengi-stat-icon{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:19px!important}.fengi-stat-number{font-size:22px}.fengi-stat-label{font-size:12px;margin-top:3px}
}
@media(max-width:390px){
  .fengi-visual{min-height:585px!important;max-width:355px!important}.fengi-owner{width:min(var(--owner-mobile-w,235px),68vw)!important}.fengi-feature-card{width:min(139px,40vw)!important}.fengi-feature-title{font-size:11.4px}.fengi-card-5{top:346px!important}.fengi-card-6{top:374px!important}
}
@keyframes fengiMobileFloatLite{0%,100%{translate:0 0}50%{translate:0 -5px}}


/* v1.8 real Elementor control fixes: typography variables, mobile owner width, overlay controls, futuristic under-owner animation */
.fengi-hero{--fengi-title-size:96px;--fengi-desc-size:24px;--fengi-btn-size:19px;--fengi-feature-title-size:16px;--fengi-feature-text-size:14px;--fengi-mini-title-size:17px;--fengi-mini-text-size:14px;--fengi-stat-number-size:32px;--fengi-stat-label-size:16px;--fengi-overlay-top:.88;--fengi-overlay-middle:.66;--fengi-overlay-bottom:.82;--owner-mobile-w:250px}
.fengi-video-overlay{background:linear-gradient(180deg,rgba(2,8,24,var(--fengi-overlay-top)) 0%,rgba(2,9,26,var(--fengi-overlay-middle)) 43%,rgba(2,8,22,var(--fengi-overlay-bottom)) 100%),linear-gradient(90deg,rgba(2,9,26,.92) 0%,rgba(2,9,26,.82) 42%,rgba(2,9,26,.64) 100%)!important}
.fengi-title{font-size:var(--fengi-title-size)!important}
.fengi-desc{font-size:var(--fengi-desc-size)!important}
.fengi-hero .fengi-btn{font-size:var(--fengi-btn-size)!important}
.fengi-feature-title{font-size:var(--fengi-feature-title-size)!important}
.fengi-feature-text{font-size:var(--fengi-feature-text-size)!important}
.fengi-mini-title{font-size:var(--fengi-mini-title-size)!important}
.fengi-mini-text{font-size:var(--fengi-mini-text-size)!important}
.fengi-stat-number{font-size:var(--fengi-stat-number-size)!important}
.fengi-stat-label{font-size:var(--fengi-stat-label-size)!important}

/* Better under-owner futuristic energy pad, placed behind/under the PNG not below it */
.fengi-owner-wrap{isolation:isolate}
.fengi-holo-base{position:absolute!important;left:50%!important;bottom:0!important;width:82%!important;height:32%!important;transform:translateX(-50%)!important;z-index:1!important;pointer-events:none!important;filter:drop-shadow(0 0 24px rgba(53,207,255,.38))!important}
.fengi-owner{position:relative!important;z-index:3!important}
.fengi-holo-base:before{content:"";position:absolute;left:50%;bottom:6%;width:92%;height:54%;transform:translateX(-50%) perspective(680px) rotateX(70deg);border-radius:50%;background:radial-gradient(ellipse at center,rgba(92,235,255,.36),rgba(15,110,255,.18) 44%,rgba(77,55,255,.08) 63%,transparent 76%);box-shadow:0 0 38px rgba(54,212,255,.40),0 0 90px rgba(28,113,255,.20),inset 0 0 30px rgba(66,225,255,.24);animation:fengiV18EnergyPulse 4.2s ease-in-out infinite}
.fengi-holo-base:after{content:"";position:absolute;left:50%;bottom:13%;width:68%;height:36%;transform:translateX(-50%) perspective(680px) rotateX(70deg);border-radius:50%;background:conic-gradient(from 0deg,transparent 0 8%,rgba(101,238,255,.72) 10%,transparent 15%,transparent 31%,rgba(22,130,255,.64) 36%,transparent 41%,transparent 61%,rgba(130,92,255,.58) 66%,transparent 72%,transparent 100%);-webkit-mask:radial-gradient(ellipse at center,transparent 0 43%,#000 45% 57%,transparent 60%);mask:radial-gradient(ellipse at center,transparent 0 43%,#000 45% 57%,transparent 60%);filter:blur(.2px);animation:fengiV18EnergySpin 9s linear infinite}
.fengi-holo-base .halo{position:absolute!important;left:50%!important;border-radius:50%!important;transform:translateX(-50%) perspective(680px) rotateX(70deg)!important;border:1px solid rgba(124,238,255,.78)!important;background:transparent!important;box-shadow:0 0 22px rgba(71,226,255,.34),inset 0 0 22px rgba(27,120,255,.18)!important}
.fengi-holo-base .halo-1{bottom:8%!important;width:104%!important;height:58%!important;animation:fengiV18RingFloat 5.2s ease-in-out infinite!important}
.fengi-holo-base .halo-2{bottom:21%!important;width:82%!important;height:42%!important;border-style:dashed!important;opacity:.82!important;animation:fengiV18EnergySpin 12s linear infinite reverse!important}
.fengi-holo-base .halo-3{bottom:32%!important;width:54%!important;height:27%!important;opacity:.60!important;animation:fengiV18RingFloat 3.8s ease-in-out infinite reverse!important}
.fengi-holo-base .scan-line{position:absolute!important;left:50%!important;bottom:18%!important;width:88%!important;height:17%!important;transform:translateX(-50%) perspective(680px) rotateX(70deg)!important;border-radius:50%!important;background:linear-gradient(90deg,transparent,rgba(145,246,255,.92),rgba(40,155,255,.82),transparent)!important;filter:blur(1px)!important;opacity:.68!important;animation:fengiV18Scan 3.1s ease-in-out infinite!important}
.fengi-holo-base .spark{position:absolute!important;width:7px!important;height:7px!important;border-radius:999px!important;background:#83f6ff!important;box-shadow:0 0 16px #83f6ff,0 0 28px rgba(22,115,255,.55)!important}
.fengi-holo-base .spark-1{left:18%!important;bottom:34%!important;animation:fengiV18SparkA 4.4s ease-in-out infinite!important}
.fengi-holo-base .spark-2{right:18%!important;bottom:42%!important;animation:fengiV18SparkB 5.4s ease-in-out infinite!important}
.fengi-holo-base .spark-3{left:49%!important;bottom:64%!important;animation:fengiV18SparkC 3.6s ease-in-out infinite!important}
@keyframes fengiV18EnergyPulse{0%,100%{opacity:.58;transform:translateX(-50%) perspective(680px) rotateX(70deg) scale(.94)}50%{opacity:1;transform:translateX(-50%) perspective(680px) rotateX(70deg) scale(1.06)}}
@keyframes fengiV18EnergySpin{to{transform:translateX(-50%) perspective(680px) rotateX(70deg) rotateZ(360deg)}}
@keyframes fengiV18RingFloat{0%,100%{opacity:.48;filter:hue-rotate(0deg)}50%{opacity:1;filter:hue-rotate(24deg)}}
@keyframes fengiV18Scan{0%,100%{opacity:.18;transform:translateX(-50%) perspective(680px) rotateX(70deg) translateY(16px) scaleX(.76)}50%{opacity:.85;transform:translateX(-50%) perspective(680px) rotateX(70deg) translateY(-18px) scaleX(1.08)}}
@keyframes fengiV18SparkA{0%,100%{transform:translate(0,0) scale(.8);opacity:.35}40%{transform:translate(32px,-16px) scale(1.12);opacity:1}75%{transform:translate(64px,4px) scale(.9);opacity:.55}}
@keyframes fengiV18SparkB{0%,100%{transform:translate(0,0) scale(.8);opacity:.38}42%{transform:translate(-34px,-18px) scale(1.14);opacity:1}78%{transform:translate(-65px,6px) scale(.88);opacity:.52}}
@keyframes fengiV18SparkC{0%,100%{transform:translateY(0) scale(.72);opacity:.22}50%{transform:translateY(-24px) scale(1.18);opacity:.95}}

@media(max-width:1024px){.fengi-title{font-size:var(--fengi-title-size)!important}.fengi-desc{font-size:var(--fengi-desc-size)!important}.fengi-hero .fengi-btn{font-size:var(--fengi-btn-size)!important}}
@media(max-width:767px){
  .fengi-title{font-size:var(--fengi-title-size)!important}.fengi-desc{font-size:var(--fengi-desc-size)!important}.fengi-hero .fengi-btn{font-size:var(--fengi-btn-size)!important}.fengi-feature-title{font-size:var(--fengi-feature-title-size)!important}.fengi-feature-text{font-size:var(--fengi-feature-text-size)!important}.fengi-mini-title{font-size:var(--fengi-mini-title-size)!important}.fengi-mini-text{font-size:var(--fengi-mini-text-size)!important}.fengi-stat-number{font-size:var(--fengi-stat-number-size)!important}.fengi-stat-label{font-size:var(--fengi-stat-label-size)!important}
  .fengi-owner{width:var(--owner-mobile-w,250px)!important;max-width:86vw!important}
  .fengi-owner-wrap{top:70px!important}
  .fengi-holo-base{width:78%!important;height:28%!important;bottom:2%!important}
  .fengi-mini-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;max-width:370px!important;margin-left:auto!important;margin-right:auto!important;overflow:visible!important}
  .fengi-mini-item{border:1px solid rgba(185,235,255,.42)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.055))!important;box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.22)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;justify-content:flex-start!important;padding:13px 16px!important}
  .fengi-stats-inner{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
  .fengi-stat{border:1px solid rgba(185,235,255,.38)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.055))!important;box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.22)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;padding:16px 10px!important;gap:12px!important}
  .fengi-stat-icon{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:20px!important}
}
@media(max-width:390px){.fengi-owner{width:var(--owner-mobile-w,230px)!important}.fengi-stats-inner{grid-template-columns:1fr!important}.fengi-stat{justify-content:flex-start!important;padding-left:22px!important}}


/* v1.9 clean premium header + compact mobile hero + futuristic owner energy field */
.fengi-header{--header-glass:rgba(6,18,46,.46);--header-border:rgba(190,229,255,.22)}
.fengi-header:not(.is-sticky){position:absolute;left:0;right:0;top:0;z-index:80;background:transparent!important}
.fengi-header-inner{position:relative;padding:12px 16px;border:1px solid var(--header-border);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.fengi-logo-link{display:inline-flex;align-items:center}.fengi-logo-img{max-height:62px;object-fit:contain}.fengi-nav a{padding:10px 4px}.fengi-nav a:after{bottom:3px;height:2px;box-shadow:0 0 16px rgba(45,201,255,.78)}
.fengi-header-actions .fengi-btn{position:relative;overflow:hidden;border:1px solid rgba(178,222,255,.25)!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.025))!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 30px rgba(0,0,0,.12)!important;color:#fff!important}
.fengi-header-actions .fengi-btn-primary{background:linear-gradient(135deg,rgba(0,174,255,.95),rgba(29,89,255,.95))!important;border-color:rgba(122,213,255,.45)!important;box-shadow:0 16px 38px rgba(0,102,255,.32),inset 0 1px rgba(255,255,255,.22)!important}
.fengi-header-actions .fengi-btn:before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.34) 50%,transparent 65%);transform:translateX(-130%);transition:transform .7s ease;pointer-events:none}.fengi-header-actions .fengi-btn:hover:before{transform:translateX(130%)}
.fengi-header-actions .fengi-btn:hover{transform:translateY(-2px);border-color:rgba(93,220,255,.62)!important;box-shadow:0 20px 45px rgba(0,132,255,.22),inset 0 1px rgba(255,255,255,.22)!important}.fengi-mobile-toggle{transition:transform .25s ease,background .25s ease,border-color .25s ease}.fengi-mobile-toggle:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:rgba(90,220,255,.55)}

/* replace old circular owner effect with futuristic aurora/hex energy field */
.fengi-orbit-stage{background:radial-gradient(ellipse at center,rgba(0,168,255,.18) 0 18%,rgba(18,86,255,.10) 34%,transparent 62%)!important;overflow:hidden;filter:drop-shadow(0 0 30px rgba(23,143,255,.20))}
.fengi-orbit-stage .ring{display:none!important}.fengi-orbit-stage .orb{display:block;width:9px;height:9px;background:#52e8ff;box-shadow:0 0 18px #52e8ff,0 0 38px rgba(31,119,255,.5)}
.fengi-orbit-stage:before{content:""!important;position:absolute!important;inset:4%!important;border-radius:50%!important;background:conic-gradient(from 0deg,transparent 0 7%,rgba(48,217,255,.70) 10%,transparent 15%,transparent 28%,rgba(31,112,255,.46) 32%,transparent 39%,transparent 57%,rgba(95,70,255,.38) 64%,transparent 71%,transparent 100%),repeating-radial-gradient(circle at center,transparent 0 42px,rgba(79,194,255,.16) 43px 44px,transparent 45px 88px)!important;opacity:.78!important;animation:fengiV19QuantumRotate 18s linear infinite!important;-webkit-mask:radial-gradient(circle,transparent 0 38%,#000 39% 77%,transparent 79%);mask:radial-gradient(circle,transparent 0 38%,#000 39% 77%,transparent 79%)}
.fengi-orbit-stage:after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:86%!important;height:86%!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;background:linear-gradient(90deg,transparent,rgba(102,235,255,.54),transparent),linear-gradient(0deg,transparent,rgba(31,127,255,.22),transparent)!important;filter:blur(1px)!important;opacity:.42!important;animation:fengiV19EnergySweep 4.4s ease-in-out infinite!important}.fengi-owner-wrap{isolation:isolate}.fengi-holo-base{position:absolute!important;left:50%!important;bottom:10%!important;width:78%!important;height:34%!important;transform:translateX(-50%)!important;z-index:1!important;pointer-events:none!important;filter:drop-shadow(0 0 28px rgba(63,214,255,.35))!important}.fengi-holo-base:before{content:"";position:absolute;inset:auto 0 0 0;margin:auto;width:100%;height:70%;border-radius:50%;transform:perspective(700px) rotateX(72deg);background:radial-gradient(ellipse at center,rgba(135,244,255,.42),rgba(20,132,255,.24) 42%,rgba(79,42,255,.12) 61%,transparent 76%);box-shadow:0 0 42px rgba(75,225,255,.45),0 0 110px rgba(25,105,255,.25),inset 0 0 28px rgba(126,243,255,.28);animation:fengiV19PadPulse 3.9s ease-in-out infinite}.fengi-holo-base:after{content:"";position:absolute;left:50%;bottom:20%;width:72%;height:42%;transform:translateX(-50%) perspective(700px) rotateX(72deg);border-radius:50%;background:conic-gradient(from 30deg,transparent 0 10%,rgba(135,247,255,.88) 12%,transparent 18%,transparent 34%,rgba(38,143,255,.75) 39%,transparent 45%,transparent 63%,rgba(111,89,255,.65) 69%,transparent 76%,transparent 100%);-webkit-mask:radial-gradient(ellipse at center,transparent 0 42%,#000 44% 58%,transparent 61%);mask:radial-gradient(ellipse at center,transparent 0 42%,#000 44% 58%,transparent 61%);animation:fengiV19PadSpin 6.8s linear infinite}.fengi-holo-base .halo{position:absolute!important;left:50%!important;bottom:14%!important;border-radius:50%!important;transform:translateX(-50%) perspective(700px) rotateX(72deg)!important;border:1px solid rgba(136,244,255,.82)!important;background:transparent!important;box-shadow:0 0 28px rgba(88,229,255,.34),inset 0 0 18px rgba(32,125,255,.18)!important}.fengi-holo-base .halo-1{width:104%!important;height:58%!important;animation:fengiV19HaloFloat 4.8s ease-in-out infinite!important}.fengi-holo-base .halo-2{width:82%!important;height:42%!important;bottom:25%!important;border-style:dashed!important;animation:fengiV19PadSpin 10s linear infinite reverse!important}.fengi-holo-base .halo-3{width:52%!important;height:27%!important;bottom:36%!important;opacity:.58!important;animation:fengiV19HaloFloat 3.6s ease-in-out infinite reverse!important}.fengi-holo-base .scan-line{position:absolute!important;left:50%!important;bottom:25%!important;width:92%!important;height:18%!important;transform:translateX(-50%) perspective(700px) rotateX(72deg)!important;border-radius:50%!important;background:linear-gradient(90deg,transparent,rgba(164,251,255,.95),rgba(62,170,255,.82),transparent)!important;filter:blur(1px)!important;animation:fengiV19ScanLine 2.8s ease-in-out infinite!important}.fengi-holo-base .spark{width:7px!important;height:7px!important;background:#91fbff!important;box-shadow:0 0 17px #91fbff,0 0 34px rgba(30,118,255,.70)!important}
@keyframes fengiV19QuantumRotate{to{transform:rotate(360deg)}}@keyframes fengiV19EnergySweep{0%,100%{opacity:.16;transform:translate(-50%,-50%) rotate(0deg) scale(.86)}50%{opacity:.58;transform:translate(-50%,-50%) rotate(28deg) scale(1.05)}}@keyframes fengiV19PadPulse{0%,100%{opacity:.58;transform:perspective(700px) rotateX(72deg) scale(.92)}50%{opacity:1;transform:perspective(700px) rotateX(72deg) scale(1.08)}}@keyframes fengiV19PadSpin{to{transform:translateX(-50%) perspective(700px) rotateX(72deg) rotateZ(360deg)}}@keyframes fengiV19HaloFloat{0%,100%{opacity:.52;filter:hue-rotate(0deg)}50%{opacity:1;filter:hue-rotate(35deg)}}@keyframes fengiV19ScanLine{0%,100%{opacity:.12;transform:translateX(-50%) perspective(700px) rotateX(72deg) translateY(16px) scaleX(.74)}50%{opacity:.84;transform:translateX(-50%) perspective(700px) rotateX(72deg) translateY(-17px) scaleX(1.12)}}

/* compact mobile solution: no tall stacks, no huge blank gap */
@media(max-width:1024px){.fengi-header:not(.is-sticky){position:relative}.fengi-header{padding:14px 0!important}.fengi-header-inner{border-radius:22px}.fengi-logo-img{--logo-w:min(var(--logo-w,210px),190px)!important}.fengi-nav{position:absolute;left:12px;right:12px;top:calc(100% + 10px);display:grid!important;grid-template-columns:1fr;gap:2px!important;padding:12px;border:1px solid rgba(187,226,255,.20);border-radius:20px;background:linear-gradient(135deg,rgba(5,17,45,.96),rgba(7,28,64,.92));box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;z-index:100}.fengi-header.fengi-menu-open .fengi-nav{opacity:1;visibility:visible;transform:translateY(0)}.fengi-nav a{padding:13px 14px;border-radius:14px}.fengi-nav a:hover,.fengi-nav a.active{background:rgba(255,255,255,.075)}.fengi-nav a:after{display:none}.fengi-header-actions{display:none}.fengi-mobile-toggle{display:grid!important;place-items:center}}
@media(max-width:767px){
  .fengi-hero{padding-top:34px!important;padding-bottom:24px!important;min-height:auto!important;--fengi-title-size:46px;--fengi-desc-size:16px;--fengi-btn-size:15px}
  .fengi-container{width:min(var(--fengi-width,1560px),calc(100% - 28px))}
  .fengi-title{line-height:1.02!important;margin-bottom:14px!important}.fengi-desc{margin-bottom:14px!important;line-height:1.48!important}.fengi-kicker{margin-bottom:18px!important;padding:9px 14px!important;font-size:13px!important}
  .fengi-visual{position:relative!important;display:block!important;max-width:390px!important;width:100%!important;min-height:430px!important;margin:0 auto 14px!important;padding:0!important;overflow:visible!important;order:4!important}.fengi-owner-wrap{position:absolute!important;left:50%!important;top:20px!important;transform:translateX(-50%) translateY(var(--owner-y,0px))!important;width:100%!important;display:flex!important;justify-content:center!important}.fengi-owner{width:min(var(--owner-mobile-w,230px),68vw)!important;max-width:none!important}.fengi-orbit-stage{width:min(330px,96vw)!important;top:4px!important;opacity:.92!important}.fengi-holo-base{bottom:7%!important;width:70%!important;height:30%!important}.fengi-feature-card{position:absolute!important;width:126px!important;max-width:none!important;min-height:52px!important;padding:8px 8px!important;gap:7px!important;border-radius:14px!important;animation:fengiMobileFloatLite 7s ease-in-out infinite!important}.fengi-feature-icon{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:15px!important;border-radius:12px!important}.fengi-feature-title{font-size:10.6px!important;line-height:1.1!important}.fengi-feature-text{display:none!important}.fengi-card-1{left:4px!important;top:12px!important}.fengi-card-2{right:4px!important;top:42px!important}.fengi-card-3{left:0!important;top:157px!important}.fengi-card-4{right:0!important;top:179px!important}.fengi-card-5{left:9px!important;top:302px!important}.fengi-card-6{right:9px!important;top:322px!important}.fengi-hero-actions{order:5!important;margin:4px auto 12px!important;width:100%!important;max-width:360px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.fengi-hero .fengi-btn{width:100%!important;min-height:50px!important;padding:14px 18px!important}.fengi-mini-row{order:6!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;max-width:390px!important;margin:0 auto 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}.fengi-mini-item{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;padding:10px 6px!important;border:1px solid rgba(173,222,255,.34)!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;box-shadow:0 12px 26px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.18)!important}.fengi-mini-icon{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:14px!important}.fengi-mini-title{font-size:10.6px!important;line-height:1.1!important;white-space:normal!important}.fengi-mini-text{display:none!important}.fengi-stats{margin-top:0!important;padding-bottom:0!important}.fengi-stats-inner{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}.fengi-stat{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:5px!important;padding:10px 4px!important;border:1px solid rgba(173,222,255,.32)!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;box-shadow:0 12px 26px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.18)!important}.fengi-stat-icon{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:14px!important}.fengi-stat-number{font-size:16px!important;line-height:1!important}.fengi-stat-label{font-size:9.2px!important;line-height:1.12!important;margin:0!important}.fengi-stats .fengi-container{width:calc(100% - 28px)!important}
}
@media(max-width:390px){.fengi-visual{min-height:405px!important;max-width:350px!important}.fengi-owner{width:min(var(--owner-mobile-w,210px),64vw)!important}.fengi-feature-card{width:114px!important}.fengi-feature-title{font-size:10px!important}.fengi-card-5{top:284px!important}.fengi-card-6{top:304px!important}.fengi-stat-label{display:none!important}}


/* v2.0 cleanup: cleaner owner animation, mobile fade, compact bars, smaller cards */
.fengi-feature-card{--card-scale:.92;transform:translate(var(--card-x,0px),var(--card-y,0px)) scale(var(--card-scale));transform-origin:center center}
.fengi-feature-card:hover{transform:translate(var(--card-x,0px),var(--card-y,0px)) scale(var(--card-scale));border-color:rgba(95,214,255,.82);box-shadow:0 28px 64px rgba(0,116,255,.24),inset 0 1px rgba(255,255,255,.28),0 0 0 1px rgba(131,230,255,.12)}
.fengi-holo-base{display:none!important}
.fengi-orbit-stage{background:radial-gradient(circle at center,rgba(0,132,255,.18) 0 16%,rgba(18,95,255,.08) 26%,transparent 58%)!important;filter:drop-shadow(0 0 24px rgba(41,162,255,.12));overflow:visible}
.fengi-orbit-stage .ring{border-color:rgba(66,183,255,.30)!important;box-shadow:none!important}
.fengi-orbit-stage .ring-1{animation:fengiCleanPulse 6.4s ease-in-out infinite}
.fengi-orbit-stage .ring-2{opacity:.55!important;animation:fengiCleanRotate 20s linear infinite}
.fengi-orbit-stage .ring-3{opacity:.3!important;animation:fengiCleanPulse 7.2s ease-in-out infinite reverse}
.fengi-orbit-stage:before{content:""!important;position:absolute!important;inset:10%!important;border-radius:50%!important;background:conic-gradient(from 0deg,transparent 0 74%,rgba(130,245,255,.92) 80%,transparent 86%,rgba(51,142,255,.76) 92%,transparent 100%)!important;-webkit-mask:radial-gradient(circle at center,transparent 54%,#000 56% 59%,transparent 61%)!important;mask:radial-gradient(circle at center,transparent 54%,#000 56% 59%,transparent 61%)!important;animation:fengiCleanRotate 8s linear infinite!important;opacity:.92!important}
.fengi-orbit-stage:after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:88%!important;height:88%!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;background:linear-gradient(90deg,transparent,rgba(126,246,255,.65),transparent)!important;-webkit-mask:radial-gradient(circle at center,transparent 60%,#000 62% 64%,transparent 66%)!important;mask:radial-gradient(circle at center,transparent 60%,#000 62% 64%,transparent 66%)!important;animation:fengiCleanSweep 4.4s ease-in-out infinite!important;opacity:.82!important}
.fengi-orbit-stage .orb{width:8px;height:8px;box-shadow:0 0 14px currentColor}
.fengi-orbit-stage .orb-1{animation:fengiCleanOrbA 5.8s ease-in-out infinite}
.fengi-orbit-stage .orb-2{animation:fengiCleanOrbB 7.1s ease-in-out infinite}
@keyframes fengiCleanRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes fengiCleanPulse{0%,100%{transform:scale(.98);opacity:.45}50%{transform:scale(1.02);opacity:.75}}
@keyframes fengiCleanSweep{0%,100%{opacity:.18}50%{opacity:.8}}
@keyframes fengiCleanOrbA{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-14px)}}
@keyframes fengiCleanOrbB{0%,100%{transform:translate(0,0)}50%{transform:translate(-14px,10px)}}

@media(max-width:767px){
  .fengi-visual{min-height:360px!important;max-width:380px!important;margin:0 auto 2px!important}
  .fengi-owner-wrap{top:0!important}
  .fengi-owner{width:var(--owner-mobile-w,230px)!important;max-width:92vw!important;-webkit-mask-image:linear-gradient(to bottom,#000 0 82%,rgba(0,0,0,.85) 90%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 82%,rgba(0,0,0,.85) 90%,transparent 100%)}
  .fengi-orbit-stage{width:min(320px,94vw)!important;top:-6px!important}
  .fengi-feature-card{width:126px!important;min-height:50px!important;padding:8px 8px!important;gap:7px!important;--card-scale:.80}
  .fengi-card-1{left:0!important;top:8px!important}
  .fengi-card-2{right:0!important;top:34px!important}
  .fengi-card-3{left:0!important;top:126px!important}
  .fengi-card-4{right:0!important;top:148px!important}
  .fengi-card-5{left:8px!important;top:240px!important}
  .fengi-card-6{right:8px!important;top:260px!important}
  .fengi-hero-actions{margin:0 auto 10px!important}
  .fengi-mini-row{display:flex!important;overflow-x:auto!important;gap:8px!important;max-width:100%!important;margin:0 auto 10px!important;padding:0 0 3px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;scroll-snap-type:x proximity}
  .fengi-mini-row::-webkit-scrollbar,.fengi-stats-inner::-webkit-scrollbar{display:none}
  .fengi-mini-item{flex:0 0 114px!important;min-width:114px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;padding:9px 7px!important;border:1px solid rgba(173,222,255,.34)!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;box-shadow:0 12px 26px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.18)!important;scroll-snap-align:start}
  .fengi-mini-title{font-size:10.6px!important;line-height:1.08!important;white-space:normal!important}
  .fengi-mini-text{display:none!important}
  .fengi-stats{margin-top:0!important;padding-bottom:0!important}
  .fengi-stats .fengi-container{width:100%!important}
  .fengi-stats-inner{display:flex!important;overflow-x:auto!important;gap:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-bottom:3px!important;scroll-snap-type:x proximity}
  .fengi-stat{flex:0 0 112px!important;min-width:112px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:4px!important;padding:10px 6px!important;border:1px solid rgba(173,222,255,.32)!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;box-shadow:0 12px 26px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.18)!important;scroll-snap-align:start}
  .fengi-stat-number{font-size:18px!important;line-height:1!important}
  .fengi-stat-label{font-size:10px!important;line-height:1.1!important;margin:0!important;display:block!important}
}
@media(max-width:390px){
  .fengi-visual{min-height:340px!important;max-width:350px!important}
  .fengi-owner{width:var(--owner-mobile-w,210px)!important;max-width:92vw!important}
  .fengi-feature-card{width:114px!important}
  .fengi-card-5{top:226px!important}.fengi-card-6{top:246px!important}
}

/* v2.0 header polish */
.fengi-header-inner{background:linear-gradient(135deg,rgba(9,20,52,.70),rgba(6,17,44,.34))!important;border-color:rgba(187,228,255,.24)!important}
.fengi-nav a:hover{color:#fff!important}
.fengi-header-actions .fengi-btn{min-height:48px}
@media(max-width:1024px){
  .fengi-header{padding:12px 0!important}
  .fengi-header-inner{padding:10px 12px!important;border-radius:20px!important}
  .fengi-logo-img{width:min(var(--logo-w,190px),160px)!important}
  .fengi-mobile-toggle{width:42px!important;height:42px!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04))!important;border-color:rgba(145,222,255,.32)!important;box-shadow:inset 0 1px rgba(255,255,255,.14),0 10px 24px rgba(0,0,0,.16)!important}
  .fengi-nav{top:calc(100% + 8px)!important;border-radius:18px!important;padding:10px!important}
  .fengi-nav a{font-size:15px!important;padding:12px 14px!important}
}


/* v2.1 fixes: visible mobile menu icon, reliable mobile padding, education hologram under owner */
.fengi-hero{--fengi-hero-pt:120px;--fengi-hero-pr:0px;--fengi-hero-pb:35px;--fengi-hero-pl:0px;padding:var(--fengi-hero-pt) var(--fengi-hero-pr) var(--fengi-hero-pb) var(--fengi-hero-pl)!important}
.fengi-mobile-toggle{color:#ffffff!important;display:none;align-items:center;justify-content:center;position:relative;z-index:105;line-height:1}
.fengi-mobile-toggle svg{width:22px!important;height:22px!important;display:block!important;stroke:#ffffff!important;fill:none!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;visibility:visible!important}
.fengi-mobile-toggle:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 20%,rgba(110,229,255,.26),transparent 42%);opacity:.75;pointer-events:none}
.fengi-header.fengi-menu-open .fengi-mobile-toggle svg{transform:rotate(90deg);transition:transform .25s ease}

/* Replace circle/base with clean education related holographic open-book animation */
.fengi-holo-base{display:block!important;position:absolute!important;left:50%!important;bottom:5%!important;width:76%!important;height:24%!important;transform:translateX(-50%)!important;z-index:1!important;pointer-events:none!important;filter:drop-shadow(0 0 24px rgba(60,203,255,.36))!important}
.fengi-holo-base:before{content:"";position:absolute;left:50%;bottom:18%;width:86%;height:52%;transform:translateX(-50%) perspective(720px) rotateX(68deg);border-radius:42% 42% 50% 50%;background:linear-gradient(110deg,transparent 0 9%,rgba(127,240,255,.70) 11% 12%,transparent 14% 48%,rgba(255,255,255,.36) 50%,transparent 52% 86%,rgba(52,176,255,.68) 88% 89%,transparent 91%),radial-gradient(ellipse at 30% 50%,rgba(79,220,255,.38),rgba(9,115,255,.16) 52%,transparent 72%),radial-gradient(ellipse at 70% 50%,rgba(108,185,255,.34),rgba(52,80,255,.15) 52%,transparent 72%);box-shadow:0 0 38px rgba(75,220,255,.38),inset 0 0 28px rgba(126,245,255,.20);animation:fengiEduBookPulse 4.8s ease-in-out infinite}
.fengi-holo-base:after{content:"";position:absolute;left:50%;bottom:4%;width:96%;height:46%;transform:translateX(-50%) perspective(720px) rotateX(72deg);border-radius:50%;border:1px solid rgba(114,239,255,.62);background:radial-gradient(ellipse at center,rgba(85,225,255,.14),transparent 62%);box-shadow:0 0 24px rgba(63,214,255,.26),inset 0 0 18px rgba(28,122,255,.16);animation:fengiEduPlatform 5.6s ease-in-out infinite}
.fengi-holo-base .halo{position:absolute!important;left:50%!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;transform:none!important}
.fengi-holo-base .halo-1{bottom:44%!important;width:70%!important;height:36%!important;transform:translateX(-50%)!important;background:linear-gradient(90deg,transparent,rgba(93,226,255,.0) 8%,rgba(93,226,255,.55) 12%,transparent 16%,transparent 84%,rgba(93,226,255,.55) 88%,transparent 92%)!important;animation:fengiEduPages 3.8s ease-in-out infinite!important}
.fengi-holo-base .halo-2{bottom:38%!important;width:58%!important;height:26%!important;transform:translateX(-50%)!important;background:linear-gradient(90deg,transparent 0 46%,rgba(255,255,255,.45) 49% 51%,transparent 54% 100%)!important;opacity:.8!important;animation:fengiEduCenterGlow 2.9s ease-in-out infinite!important}
.fengi-holo-base .halo-3{left:50%!important;bottom:73%!important;width:72px!important;height:34px!important;transform:translateX(-50%)!important;background:linear-gradient(135deg,rgba(72,215,255,.0),rgba(72,215,255,.46),rgba(67,102,255,.0))!important;clip-path:polygon(50% 0,100% 38%,50% 76%,0 38%)!important;opacity:.62!important;animation:fengiEduCapFloat 4.6s ease-in-out infinite!important}
.fengi-holo-base .scan-line{position:absolute!important;left:50%!important;bottom:29%!important;width:88%!important;height:12%!important;transform:translateX(-50%) perspective(720px) rotateX(70deg)!important;border-radius:50%!important;background:linear-gradient(90deg,transparent,rgba(168,250,255,.88),rgba(61,178,255,.70),transparent)!important;filter:blur(1px)!important;animation:fengiEduScan 3.2s ease-in-out infinite!important}
.fengi-holo-base .spark{position:absolute!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#9af8ff!important;box-shadow:0 0 14px #9af8ff,0 0 28px rgba(51,146,255,.72)!important}
.fengi-holo-base .spark-1{left:22%!important;bottom:55%!important;animation:fengiEduSparkA 4.4s ease-in-out infinite!important}
.fengi-holo-base .spark-2{right:22%!important;bottom:57%!important;animation:fengiEduSparkB 5.1s ease-in-out infinite!important}
.fengi-holo-base .spark-3{left:49%!important;bottom:88%!important;animation:fengiEduSparkC 3.6s ease-in-out infinite!important}
@keyframes fengiEduBookPulse{0%,100%{opacity:.76;transform:translateX(-50%) perspective(720px) rotateX(68deg) scale(.98)}50%{opacity:1;transform:translateX(-50%) perspective(720px) rotateX(68deg) scale(1.035)}}
@keyframes fengiEduPlatform{0%,100%{opacity:.46;transform:translateX(-50%) perspective(720px) rotateX(72deg) scale(.96)}50%{opacity:.88;transform:translateX(-50%) perspective(720px) rotateX(72deg) scale(1.04)}}
@keyframes fengiEduPages{0%,100%{opacity:.30;transform:translateX(-50%) translateY(5px)}50%{opacity:.92;transform:translateX(-50%) translateY(-8px)}}
@keyframes fengiEduCenterGlow{0%,100%{opacity:.28}50%{opacity:.88}}
@keyframes fengiEduCapFloat{0%,100%{opacity:.45;transform:translateX(-50%) translateY(2px) scale(.94)}50%{opacity:.85;transform:translateX(-50%) translateY(-8px) scale(1.04)}}
@keyframes fengiEduScan{0%,100%{opacity:.18;transform:translateX(-50%) perspective(720px) rotateX(70deg) translateY(12px) scaleX(.84)}50%{opacity:.82;transform:translateX(-50%) perspective(720px) rotateX(70deg) translateY(-10px) scaleX(1.05)}}
@keyframes fengiEduSparkA{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(30px,-16px);opacity:1}}
@keyframes fengiEduSparkB{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(-28px,-18px);opacity:1}}
@keyframes fengiEduSparkC{0%,100%{transform:translateY(0) scale(.82);opacity:.28}50%{transform:translateY(-18px) scale(1.12);opacity:.95}}

@media(max-width:1024px){.fengi-mobile-toggle{display:grid!important}}
@media(max-width:767px){
  .fengi-hero{padding:var(--fengi-hero-pt,80px) var(--fengi-hero-pr,0px) var(--fengi-hero-pb,24px) var(--fengi-hero-pl,0px)!important}
  .fengi-holo-base{bottom:4%!important;width:70%!important;height:22%!important}
  .fengi-holo-base .halo-3{width:54px!important;height:26px!important;bottom:75%!important}
}


/* v2.2 premium education animation under owner: open digital book + learning orbit */
.fengi-holo-base{display:block!important;position:absolute!important;left:50%!important;bottom:3%!important;width:82%!important;height:28%!important;transform:translateX(-50%)!important;z-index:1!important;pointer-events:none!important;filter:drop-shadow(0 0 26px rgba(68,210,255,.34))!important;mix-blend-mode:screen!important}
.fengi-holo-base:before{content:"";position:absolute;left:50%;bottom:8%;width:94%;height:64%;transform:translateX(-50%) perspective(760px) rotateX(67deg);border-radius:44% 44% 54% 54%;background:linear-gradient(110deg,transparent 0 7%,rgba(129,241,255,.74) 9% 10%,transparent 12% 43%,rgba(255,255,255,.45) 49% 51%,transparent 57% 88%,rgba(68,182,255,.72) 90% 91%,transparent 93%),radial-gradient(ellipse at 27% 52%,rgba(83,226,255,.40),rgba(7,111,255,.18) 52%,transparent 75%),radial-gradient(ellipse at 73% 52%,rgba(98,185,255,.36),rgba(60,82,255,.16) 53%,transparent 75%);box-shadow:0 0 42px rgba(73,220,255,.38),0 0 90px rgba(21,110,255,.16),inset 0 0 30px rgba(135,244,255,.21);animation:fengiV22BookBreath 4.6s ease-in-out infinite!important}
.fengi-holo-base:after{content:"";position:absolute;left:50%;bottom:2%;width:100%;height:44%;transform:translateX(-50%) perspective(760px) rotateX(73deg);border-radius:50%;border:1px solid rgba(126,239,255,.64);background:radial-gradient(ellipse at center,rgba(88,225,255,.16),transparent 63%);box-shadow:0 0 24px rgba(75,220,255,.26),inset 0 0 18px rgba(30,126,255,.16);animation:fengiV22PlatformPulse 5.4s ease-in-out infinite!important}
.fengi-holo-base .halo{position:absolute!important;left:50%!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important}
.fengi-holo-base .halo-1{bottom:46%!important;width:76%!important;height:34%!important;transform:translateX(-50%)!important;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(142,246,255,.36) 15px 17px,transparent 18px 28px)!important;-webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)!important;mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)!important;animation:fengiV22PageLines 3.7s ease-in-out infinite!important}
.fengi-holo-base .halo-2{bottom:66%!important;width:108px!important;height:42px!important;transform:translateX(-50%)!important;background:linear-gradient(135deg,transparent 0 19%,rgba(86,221,255,.62) 20% 28%,transparent 29% 100%),linear-gradient(225deg,transparent 0 19%,rgba(85,120,255,.50) 20% 28%,transparent 29% 100%)!important;clip-path:polygon(50% 0,100% 36%,50% 72%,0 36%)!important;opacity:.78!important;animation:fengiV22CapFloat 4.8s ease-in-out infinite!important}
.fengi-holo-base .halo-3{bottom:30%!important;width:72%!important;height:20%!important;transform:translateX(-50%) perspective(760px) rotateX(70deg)!important;border-radius:50%!important;background:conic-gradient(from 0deg,transparent 0 12%,rgba(127,244,255,.85) 14%,transparent 19%,transparent 42%,rgba(42,144,255,.72) 47%,transparent 52%,transparent 75%,rgba(135,96,255,.62) 80%,transparent 86%,transparent 100%)!important;-webkit-mask:radial-gradient(ellipse at center,transparent 0 43%,#000 45% 57%,transparent 60%)!important;mask:radial-gradient(ellipse at center,transparent 0 43%,#000 45% 57%,transparent 60%)!important;animation:fengiV22Orbit 8.5s linear infinite!important}
.fengi-holo-base .scan-line{position:absolute!important;left:50%!important;bottom:30%!important;width:92%!important;height:13%!important;transform:translateX(-50%) perspective(760px) rotateX(70deg)!important;border-radius:50%!important;background:linear-gradient(90deg,transparent,rgba(174,252,255,.90),rgba(63,179,255,.72),transparent)!important;filter:blur(1px)!important;animation:fengiV22Scan 3.1s ease-in-out infinite!important}
.fengi-holo-base .spark{position:absolute!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#9ef9ff!important;box-shadow:0 0 14px #9ef9ff,0 0 26px rgba(48,146,255,.66)!important}
.fengi-holo-base .spark-1{left:22%!important;bottom:60%!important;animation:fengiV22SparkA 4.2s ease-in-out infinite!important}.fengi-holo-base .spark-2{right:22%!important;bottom:59%!important;animation:fengiV22SparkB 5s ease-in-out infinite!important}.fengi-holo-base .spark-3{left:50%!important;bottom:88%!important;animation:fengiV22SparkC 3.6s ease-in-out infinite!important}
@keyframes fengiV22BookBreath{0%,100%{opacity:.72;transform:translateX(-50%) perspective(760px) rotateX(67deg) scale(.97)}50%{opacity:1;transform:translateX(-50%) perspective(760px) rotateX(67deg) scale(1.035)}}
@keyframes fengiV22PlatformPulse{0%,100%{opacity:.36;transform:translateX(-50%) perspective(760px) rotateX(73deg) scale(.96)}50%{opacity:.72;transform:translateX(-50%) perspective(760px) rotateX(73deg) scale(1.04)}}
@keyframes fengiV22PageLines{0%,100%{opacity:.38;transform:translateX(-50%) translateY(0)}50%{opacity:.82;transform:translateX(-50%) translateY(-7px)}}
@keyframes fengiV22CapFloat{0%,100%{opacity:.48;transform:translateX(-50%) translateY(0)}50%{opacity:.92;transform:translateX(-50%) translateY(-14px)}}
@keyframes fengiV22Orbit{to{transform:translateX(-50%) perspective(760px) rotateX(70deg) rotateZ(360deg)}}
@keyframes fengiV22Scan{0%,100%{opacity:.18;transform:translateX(-50%) perspective(760px) rotateX(70deg) translateY(10px) scaleX(.86)}50%{opacity:.78;transform:translateX(-50%) perspective(760px) rotateX(70deg) translateY(-11px) scaleX(1.06)}}
@keyframes fengiV22SparkA{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(18px,-18px);opacity:1}}@keyframes fengiV22SparkB{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(-18px,-16px);opacity:1}}@keyframes fengiV22SparkC{0%,100%{transform:translateY(0) scale(.8);opacity:.3}50%{transform:translateY(-20px) scale(1.12);opacity:1}}
@media(max-width:767px){.fengi-holo-base{bottom:5%!important;width:70%!important;height:22%!important}.fengi-holo-base .halo-2{width:72px!important;height:30px!important;bottom:70%!important}.fengi-holo-base .halo-1{width:72%!important}.fengi-holo-base .spark{width:5px!important;height:5px!important}}


/* v2.3 – premium education animation: open glass book + graduation cap + learning sparks */
.fengi-holo-base{display:block!important;position:absolute!important;left:50%!important;bottom:4%!important;width:86%!important;height:30%!important;transform:translateX(-50%)!important;z-index:1!important;pointer-events:none!important;filter:drop-shadow(0 0 18px rgba(88,218,255,.22))!important;mix-blend-mode:screen!important}
.fengi-holo-base:before{content:"";position:absolute;left:50%;bottom:6%;width:98%;height:26%;transform:translateX(-50%) perspective(760px) rotateX(73deg);border-radius:50%;background:radial-gradient(ellipse at center,rgba(69,214,255,.16),rgba(16,106,255,.06) 52%,transparent 72%);border:1px solid rgba(118,236,255,.36);box-shadow:0 0 18px rgba(77,224,255,.20), inset 0 0 16px rgba(88,200,255,.08);animation:fengiV23BasePulse 4.8s ease-in-out infinite}
.fengi-holo-base:after{content:"";position:absolute;left:50%;bottom:18%;width:84%;height:12%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(168,248,255,.85),transparent);filter:blur(1px);opacity:.7;animation:fengiV23CenterGlow 3.3s ease-in-out infinite}
.fengi-holo-base .halo{position:absolute!important;display:block!important;box-shadow:none!important;border:0!important;background:none!important}
/* left book page */
.fengi-holo-base .halo-1{left:50%!important;bottom:18%!important;width:43%!important;height:52%!important;transform:translateX(-97%) perspective(900px) rotateY(23deg) rotateX(18deg)!important;border-radius:18px 10px 26px 18px!important;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(121,236,255,.18) 32%,rgba(17,100,255,.10) 100%)!important;border:1px solid rgba(144,238,255,.50)!important;box-shadow:inset 0 1px rgba(255,255,255,.36),inset -14px 0 22px rgba(255,255,255,.06),0 10px 30px rgba(35,123,255,.10)!important;overflow:hidden!important;animation:fengiV23LeftPage 4.8s ease-in-out infinite!important}
.fengi-holo-base .halo-1:before{content:"";position:absolute;inset:10% 12%;background:repeating-linear-gradient(180deg,transparent 0 9px,rgba(146,244,255,.24) 10px 11px);opacity:.8}
/* right book page */
.fengi-holo-base .halo-2{left:50%!important;bottom:18%!important;width:43%!important;height:52%!important;transform:translateX(-3%) perspective(900px) rotateY(-23deg) rotateX(18deg)!important;border-radius:10px 18px 18px 26px!important;background:linear-gradient(200deg,rgba(255,255,255,.22),rgba(121,236,255,.18) 32%,rgba(17,100,255,.10) 100%)!important;border:1px solid rgba(144,238,255,.50)!important;box-shadow:inset 0 1px rgba(255,255,255,.36),inset 14px 0 22px rgba(255,255,255,.06),0 10px 30px rgba(35,123,255,.10)!important;overflow:hidden!important;animation:fengiV23RightPage 4.8s ease-in-out infinite!important}
.fengi-holo-base .halo-2:before{content:"";position:absolute;inset:10% 12%;background:repeating-linear-gradient(180deg,transparent 0 9px,rgba(146,244,255,.24) 10px 11px);opacity:.8}
/* book spine */
.fengi-holo-base .scan-line{position:absolute!important;left:50%!important;bottom:25%!important;width:10%!important;height:48%!important;transform:translateX(-50%) perspective(700px) rotateX(20deg)!important;border-radius:0 0 14px 14px!important;background:linear-gradient(180deg,rgba(190,251,255,.85),rgba(77,196,255,.28) 35%,rgba(60,90,255,.14) 100%)!important;box-shadow:0 0 18px rgba(149,244,255,.30)!important;opacity:.9!important;animation:fengiV23SpinePulse 3.8s ease-in-out infinite!important}
/* graduation cap */
.fengi-holo-base .halo-3{left:50%!important;bottom:72%!important;width:92px!important;height:52px!important;transform:translateX(-50%) translateY(0)!important;opacity:.9!important;animation:fengiV23CapFloat 4.2s ease-in-out infinite!important}
.fengi-holo-base .halo-3:before{content:"";position:absolute;left:50%;top:8px;width:74px;height:26px;transform:translateX(-50%);background:linear-gradient(135deg,rgba(151,247,255,.86),rgba(64,126,255,.78));clip-path:polygon(50% 0,100% 48%,50% 96%,0 48%);box-shadow:0 0 16px rgba(103,225,255,.28)}
.fengi-holo-base .halo-3:after{content:"";position:absolute;left:50%;top:28px;width:36px;height:12px;transform:translateX(-50%);border-radius:0 0 10px 10px;background:linear-gradient(180deg,rgba(177,250,255,.92),rgba(76,167,255,.66));box-shadow:0 0 14px rgba(103,225,255,.28)}
.fengi-holo-base .spark{position:absolute!important;display:block!important;border-radius:50%!important;background:#a8faff!important;box-shadow:0 0 12px #a8faff,0 0 24px rgba(62,153,255,.44)!important}
.fengi-holo-base .spark-1{left:14%!important;bottom:54%!important;width:10px!important;height:10px!important;animation:fengiV23SparkA 4.8s ease-in-out infinite!important}
.fengi-holo-base .spark-2{right:15%!important;bottom:56%!important;width:10px!important;height:10px!important;animation:fengiV23SparkB 5.4s ease-in-out infinite!important}
.fengi-holo-base .spark-3{left:50%!important;bottom:88%!important;width:8px!important;height:8px!important;animation:fengiV23SparkC 3.7s ease-in-out infinite!important}
@keyframes fengiV23BasePulse{0%,100%{opacity:.58;transform:translateX(-50%) perspective(760px) rotateX(73deg) scale(.98)}50%{opacity:.95;transform:translateX(-50%) perspective(760px) rotateX(73deg) scale(1.02)}}
@keyframes fengiV23CenterGlow{0%,100%{opacity:.25}50%{opacity:.9}}
@keyframes fengiV23LeftPage{0%,100%{transform:translateX(-97%) perspective(900px) rotateY(23deg) rotateX(18deg) translateY(0)}50%{transform:translateX(-97%) perspective(900px) rotateY(29deg) rotateX(18deg) translateY(-4px)}}
@keyframes fengiV23RightPage{0%,100%{transform:translateX(-3%) perspective(900px) rotateY(-23deg) rotateX(18deg) translateY(0)}50%{transform:translateX(-3%) perspective(900px) rotateY(-29deg) rotateX(18deg) translateY(-4px)}}
@keyframes fengiV23SpinePulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes fengiV23CapFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-9px)}}
@keyframes fengiV23SparkA{0%,100%{transform:translate(0,0) scale(.8);opacity:.35}50%{transform:translate(26px,-10px) scale(1.2);opacity:1}}
@keyframes fengiV23SparkB{0%,100%{transform:translate(0,0) scale(.8);opacity:.35}50%{transform:translate(-26px,-8px) scale(1.2);opacity:1}}
@keyframes fengiV23SparkC{0%,100%{transform:translateX(-50%) translateY(0) scale(.8);opacity:.3}50%{transform:translateX(-50%) translateY(-12px) scale(1.16);opacity:1}}
@media(max-width:767px){
  .fengi-holo-base{bottom:6%!important;width:74%!important;height:20%!important}
  .fengi-holo-base .halo-3{width:68px!important;height:40px!important;bottom:76%!important}
  .fengi-holo-base .halo-3:before{width:56px!important;height:20px!important}
  .fengi-holo-base .halo-3:after{width:28px!important;height:10px!important;top:22px!important}
}


/* v2.4 – education themed orbit behind owner: open-book aura + page lines */
.fengi-orbit-stage{
  position:absolute;
  width:min(690px,88%);
  aspect-ratio:1;
  border-radius:0 !important;
  top:22px;
  left:50%;
  transform:translateX(-50%);
  z-index:1;
  pointer-events:none;
  background:none !important;
  filter:drop-shadow(0 0 18px rgba(78,207,255,.18));
  overflow:visible;
}
.fengi-orbit-stage .ring,.fengi-orbit-stage .orb{display:none !important;}
/* subtle center glow */
.fengi-orbit-stage .edu-core-glow,
.fengi-orbit-stage:before,
.fengi-orbit-stage:after{content:"";position:absolute;pointer-events:none;}
.fengi-orbit-stage:before{
  left:50%;top:44%;width:54%;height:54%;transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(59,155,255,.28) 0%, rgba(58,193,255,.10) 38%, rgba(0,0,0,0) 68%);
  filter:blur(2px);
  animation:fengiEduGlowPulse 5.2s ease-in-out infinite;
}
/* open book spread */
.fengi-orbit-stage:after{
  left:50%;bottom:14%;width:74%;height:34%;transform:translateX(-50%) perspective(980px) rotateX(58deg);
  border-radius:28px 28px 44px 44px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.02)),
    linear-gradient(90deg,
      rgba(111,236,255,.24) 0%, rgba(111,236,255,.08) 12%, transparent 12%, transparent 48%,
      rgba(173,248,255,.28) 49.2%, rgba(173,248,255,.10) 50.8%,
      transparent 52%, transparent 88%, rgba(111,236,255,.08) 88%, rgba(111,236,255,.22) 100%);
  border:1px solid rgba(136,236,255,.30);
  box-shadow:0 0 24px rgba(79,213,255,.16), inset 0 0 18px rgba(88,174,255,.10);
  clip-path:polygon(0 44%, 9% 25%, 43% 10%, 50% 16%, 57% 10%, 91% 25%, 100% 44%, 100% 100%, 0 100%);
  animation:fengiEduBookFloat 6.4s ease-in-out infinite;
}
/* left and right page outlines */
.fengi-orbit-stage .edu-page{
  position:absolute;bottom:20%;width:31%;height:22%;
  border:1px solid rgba(123,233,255,.34);
  border-radius:18px 18px 26px 22px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.015));
  box-shadow:inset 0 1px rgba(255,255,255,.16), 0 0 18px rgba(73,199,255,.08);
  overflow:hidden;opacity:.88;
}
.fengi-orbit-stage .edu-page:before{
  content:"";position:absolute;inset:16% 12%;
  background:repeating-linear-gradient(180deg, transparent 0 11px, rgba(126,236,255,.16) 11px 12px);
  opacity:.9;
}
.fengi-orbit-stage .edu-page.left{left:17%;transform:perspective(900px) rotateY(22deg) rotateX(14deg);animation:fengiEduPageLeft 6s ease-in-out infinite;}
.fengi-orbit-stage .edu-page.right{right:17%;border-radius:18px 18px 22px 26px;transform:perspective(900px) rotateY(-22deg) rotateX(14deg);animation:fengiEduPageRight 6s ease-in-out infinite;}
/* floating education icons */
.fengi-orbit-stage .edu-cap,
.fengi-orbit-stage .edu-pencil,
.fengi-orbit-stage .edu-star{
  position:absolute;display:block;opacity:.78;
}
.fengi-orbit-stage .edu-cap{
  left:50%;top:6%;width:88px;height:52px;transform:translateX(-50%);animation:fengiEduCapBob 5s ease-in-out infinite;
}
.fengi-orbit-stage .edu-cap:before{content:"";position:absolute;left:50%;top:6px;width:68px;height:22px;transform:translateX(-50%);background:linear-gradient(135deg, rgba(146,246,255,.90), rgba(69,109,255,.84));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 16px rgba(97,228,255,.24)}
.fengi-orbit-stage .edu-cap:after{content:"";position:absolute;left:50%;top:24px;width:28px;height:10px;transform:translateX(-50%);border-radius:0 0 10px 10px;background:linear-gradient(180deg, rgba(170,250,255,.95), rgba(87,176,255,.70));box-shadow:0 0 10px rgba(97,228,255,.18)}
.fengi-orbit-stage .edu-pencil{right:18%;top:19%;width:70px;height:8px;border-radius:999px;background:linear-gradient(90deg, rgba(255,209,102,.96) 0 66%, rgba(255,147,61,.92) 66% 82%, rgba(255,245,220,.90) 82% 100%);box-shadow:0 0 12px rgba(255,209,102,.18);transform:rotate(-26deg);animation:fengiEduPencilMove 5.8s ease-in-out infinite;}
.fengi-orbit-stage .edu-pencil:after{content:"";position:absolute;right:-6px;top:0;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid rgba(255,245,220,.96)}
.fengi-orbit-stage .edu-star{left:16%;top:23%;width:10px;height:10px;border-radius:50%;background:#7feeff;box-shadow:0 0 12px #7feeff,0 0 22px rgba(74,170,255,.35);animation:fengiEduSparkle 4.2s ease-in-out infinite;}
.fengi-orbit-stage .edu-star.s2{left:auto;right:20%;top:54%;animation-delay:-1.8s;}
.fengi-orbit-stage .edu-star.s3{left:22%;top:66%;width:8px;height:8px;animation-delay:-3.1s;}
@keyframes fengiEduGlowPulse{0%,100%{opacity:.38;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.78;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes fengiEduBookFloat{0%,100%{transform:translateX(-50%) perspective(980px) rotateX(58deg) translateY(0)}50%{transform:translateX(-50%) perspective(980px) rotateX(58deg) translateY(-7px)}}
@keyframes fengiEduPageLeft{0%,100%{transform:perspective(900px) rotateY(22deg) rotateX(14deg) translateY(0)}50%{transform:perspective(900px) rotateY(27deg) rotateX(14deg) translateY(-4px)}}
@keyframes fengiEduPageRight{0%,100%{transform:perspective(900px) rotateY(-22deg) rotateX(14deg) translateY(0)}50%{transform:perspective(900px) rotateY(-27deg) rotateX(14deg) translateY(-4px)}}
@keyframes fengiEduCapBob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}
@keyframes fengiEduPencilMove{0%,100%{transform:rotate(-26deg) translate(0,0)}50%{transform:rotate(-20deg) translate(-8px,-4px)}}
@keyframes fengiEduSparkle{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
@media(max-width:1024px){
  .fengi-orbit-stage:after{width:78%;height:30%;bottom:18%;}
  .fengi-orbit-stage .edu-page{bottom:23%;height:20%;}
}
@media(max-width:767px){
  .fengi-orbit-stage{width:min(320px,94vw)!important;top:0!important}
  .fengi-orbit-stage:before{width:56%!important;height:56%!important;top:42%!important}
  .fengi-orbit-stage:after{width:78%!important;height:28%!important;bottom:16%!important}
  .fengi-orbit-stage .edu-page{width:30%!important;height:18%!important;bottom:22%!important}
  .fengi-orbit-stage .edu-page.left{left:16%!important}
  .fengi-orbit-stage .edu-page.right{right:16%!important}
  .fengi-orbit-stage .edu-cap{width:62px!important;height:40px!important;top:7%!important}
  .fengi-orbit-stage .edu-cap:before{width:50px!important;height:18px!important}
  .fengi-orbit-stage .edu-cap:after{top:19px!important;width:22px!important}
  .fengi-orbit-stage .edu-pencil{width:48px!important;right:16%!important;top:21%!important}
}


/* v2.5 – clean premium education aura behind owner */
/* simplify previous busy orbit into a minimal open-book inspired learning aura */
.fengi-orbit-stage{
  background:none !important;
  filter:drop-shadow(0 0 18px rgba(72,196,255,.12)) !important;
}
.fengi-orbit-stage .ring,
.fengi-orbit-stage .orb,
.fengi-orbit-stage .edu-cap,
.fengi-orbit-stage .edu-pencil,
.fengi-orbit-stage .edu-star,
.fengi-orbit-stage .edu-core-glow{display:none !important;}

/* soft center glow */
.fengi-orbit-stage:before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:42% !important;
  width:56% !important;
  height:56% !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(56,148,255,.22) 0%, rgba(59,193,255,.08) 38%, rgba(0,0,0,0) 68%) !important;
  filter:blur(4px) !important;
  animation:fengiV25Glow 5.8s ease-in-out infinite !important;
}

/* subtle open book floor behind owner */
.fengi-orbit-stage:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:14% !important;
  width:72% !important;
  height:24% !important;
  transform:translateX(-50%) perspective(980px) rotateX(66deg) !important;
  border-radius:32px 32px 46px 46px !important;
  border:1px solid rgba(129,236,255,.22) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),
    linear-gradient(90deg,
      rgba(112,232,255,.14) 0%, rgba(112,232,255,.04) 12%, transparent 12%, transparent 48%,
      rgba(180,247,255,.18) 49.5%, rgba(180,247,255,.06) 50.5%,
      transparent 52%, transparent 88%, rgba(112,232,255,.04) 88%, rgba(112,232,255,.14) 100%) !important;
  clip-path:polygon(0 48%, 9% 24%, 44% 10%, 50% 16%, 56% 10%, 91% 24%, 100% 48%, 100% 100%, 0 100%) !important;
  box-shadow:0 0 22px rgba(74,212,255,.10), inset 0 0 16px rgba(89,170,255,.06) !important;
  animation:fengiV25Book 6.6s ease-in-out infinite !important;
}

/* left + right transparent pages */
.fengi-orbit-stage .edu-page{
  position:absolute !important;
  display:block !important;
  bottom:17% !important;
  width:26% !important;
  height:46% !important;
  opacity:.6 !important;
  border:1px solid rgba(124,233,255,.22) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.10), 0 0 16px rgba(75,202,255,.05) !important;
  overflow:hidden !important;
}
.fengi-orbit-stage .edu-page:before{
  content:"" !important;
  position:absolute !important;
  inset:14% 12% !important;
  background:repeating-linear-gradient(180deg, transparent 0 12px, rgba(121,232,255,.10) 12px 13px) !important;
  opacity:.7 !important;
}
.fengi-orbit-stage .edu-page.left{
  left:18% !important;
  border-radius:22px 12px 28px 18px !important;
  transform:perspective(900px) rotateY(20deg) rotateX(10deg) !important;
  animation:fengiV25PageLeft 6.6s ease-in-out infinite !important;
}
.fengi-orbit-stage .edu-page.right{
  right:18% !important;
  border-radius:12px 22px 18px 28px !important;
  transform:perspective(900px) rotateY(-20deg) rotateX(10deg) !important;
  animation:fengiV25PageRight 6.6s ease-in-out infinite !important;
}

/* subtle top education glyph */
.fengi-orbit-stage .edu-page.left:after,
.fengi-orbit-stage .edu-page.right:after{
  content:"" !important;
  position:absolute !important;
  top:8% !important;
  width:28px !important;
  height:6px !important;
  left:14% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(153,244,255,.75), rgba(81,119,255,.55)) !important;
  box-shadow:0 0 10px rgba(110,226,255,.12) !important;
}

@keyframes fengiV25Glow{
  0%,100%{opacity:.34;transform:translate(-50%,-50%) scale(.96)}
  50%{opacity:.75;transform:translate(-50%,-50%) scale(1.04)}
}
@keyframes fengiV25Book{
  0%,100%{transform:translateX(-50%) perspective(980px) rotateX(66deg) translateY(0)}
  50%{transform:translateX(-50%) perspective(980px) rotateX(66deg) translateY(-4px)}
}
@keyframes fengiV25PageLeft{
  0%,100%{transform:perspective(900px) rotateY(20deg) rotateX(10deg) translateY(0)}
  50%{transform:perspective(900px) rotateY(24deg) rotateX(10deg) translateY(-4px)}
}
@keyframes fengiV25PageRight{
  0%,100%{transform:perspective(900px) rotateY(-20deg) rotateX(10deg) translateY(0)}
  50%{transform:perspective(900px) rotateY(-24deg) rotateX(10deg) translateY(-4px)}
}

@media(max-width:1024px){
  .fengi-orbit-stage:after{width:76% !important;height:22% !important;bottom:16% !important;}
  .fengi-orbit-stage .edu-page{bottom:19% !important;height:40% !important;width:27% !important;}
}
@media(max-width:767px){
  .fengi-orbit-stage:before{width:54% !important;height:54% !important;top:40% !important;}
  .fengi-orbit-stage:after{width:78% !important;height:22% !important;bottom:15% !important;}
  .fengi-orbit-stage .edu-page{width:28% !important;height:34% !important;bottom:18% !important;opacity:.52 !important;}
  .fengi-orbit-stage .edu-page.left{left:16% !important;}
  .fengi-orbit-stage .edu-page.right{right:16% !important;}
}


/* v2.6 – visible clean premium education animation behind owner */
/* keep it modern + lightweight + clearly visible */
.fengi-orbit-stage{
  width:min(700px,90%) !important;
  top:14px !important;
  overflow:visible !important;
  filter:drop-shadow(0 0 20px rgba(76,199,255,.16)) !important;
}
/* more visible ambient glow */
.fengi-orbit-stage:before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:42% !important;
  width:68% !important;
  height:68% !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle, rgba(52,145,255,.34) 0%, rgba(51,188,255,.16) 32%, rgba(0,0,0,0) 68%),
    radial-gradient(circle at 30% 38%, rgba(143,245,255,.18), transparent 28%),
    radial-gradient(circle at 72% 60%, rgba(111,148,255,.16), transparent 26%) !important;
  filter:blur(3px) !important;
  animation:fengiV26Glow 5.5s ease-in-out infinite !important;
}
/* large open-book neon base */
.fengi-orbit-stage:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:13% !important;
  width:78% !important;
  height:28% !important;
  transform:translateX(-50%) perspective(1100px) rotateX(67deg) !important;
  border-radius:28px 28px 52px 52px !important;
  border:1px solid rgba(133,234,255,.34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.015)),
    linear-gradient(90deg,
      rgba(115,236,255,.18) 0%, rgba(115,236,255,.06) 10%, transparent 10%, transparent 47.8%,
      rgba(216,252,255,.22) 49.2%, rgba(216,252,255,.08) 50.8%,
      transparent 52.2%, transparent 90%, rgba(115,236,255,.06) 90%, rgba(115,236,255,.18) 100%) !important;
  clip-path:polygon(0 52%, 10% 28%, 44% 12%, 50% 18%, 56% 12%, 90% 28%, 100% 52%, 100% 100%, 0 100%) !important;
  box-shadow:0 0 30px rgba(86,219,255,.16), inset 0 0 22px rgba(89,166,255,.08) !important;
  animation:fengiV26Book 6.2s ease-in-out infinite !important;
}
/* page panels */
.fengi-orbit-stage .edu-page{
  position:absolute !important;
  display:block !important;
  bottom:18% !important;
  width:27% !important;
  height:48% !important;
  opacity:.9 !important;
  border:1px solid rgba(132,235,255,.30) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.012)) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.14), 0 0 20px rgba(71,200,255,.08) !important;
  overflow:hidden !important;
}
.fengi-orbit-stage .edu-page:before{
  content:"" !important;
  position:absolute !important;
  inset:12% 12% !important;
  background:repeating-linear-gradient(180deg, transparent 0 12px, rgba(127,236,255,.16) 12px 13px) !important;
  opacity:.82 !important;
}
.fengi-orbit-stage .edu-page:after{
  content:"" !important;
  position:absolute !important;
  left:14% !important;
  top:10% !important;
  width:26px !important;
  height:6px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(160,248,255,.88), rgba(76,121,255,.54)) !important;
  box-shadow:0 0 12px rgba(114,231,255,.16) !important;
}
.fengi-orbit-stage .edu-page.left{
  left:17% !important;
  border-radius:22px 12px 28px 18px !important;
  transform:perspective(900px) rotateY(20deg) rotateX(10deg) !important;
  animation:fengiV26PageLeft 6.2s ease-in-out infinite !important;
}
.fengi-orbit-stage .edu-page.right{
  right:17% !important;
  border-radius:12px 22px 18px 28px !important;
  transform:perspective(900px) rotateY(-20deg) rotateX(10deg) !important;
  animation:fengiV26PageRight 6.2s ease-in-out infinite !important;
}
/* graduation cap, more subtle but visible */
.fengi-orbit-stage .edu-cap,
.fengi-orbit-stage .edu-pencil,
.fengi-orbit-stage .edu-star{display:block !important;position:absolute !important;}
.fengi-orbit-stage .edu-cap{
  left:50% !important;
  top:7% !important;
  width:78px !important;
  height:46px !important;
  transform:translateX(-50%) !important;
  opacity:.8 !important;
  animation:fengiV26Cap 4.8s ease-in-out infinite !important;
}
.fengi-orbit-stage .edu-cap:before{content:"" !important;position:absolute !important;left:50% !important;top:6px !important;width:62px !important;height:20px !important;transform:translateX(-50%) !important;background:linear-gradient(135deg, rgba(151,246,255,.92), rgba(70,108,255,.82)) !important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%) !important;box-shadow:0 0 14px rgba(95,227,255,.22) !important}
.fengi-orbit-stage .edu-cap:after{content:"" !important;position:absolute !important;left:50% !important;top:23px !important;width:24px !important;height:9px !important;transform:translateX(-50%) !important;border-radius:0 0 10px 10px !important;background:linear-gradient(180deg, rgba(180,250,255,.92), rgba(88,174,255,.68)) !important;box-shadow:0 0 10px rgba(95,227,255,.16) !important}
/* very subtle pencil accent */
.fengi-orbit-stage .edu-pencil{
  right:20% !important;
  top:18% !important;
  width:54px !important;
  height:6px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(255,213,102,.94) 0 64%, rgba(255,149,68,.90) 64% 80%, rgba(255,245,220,.92) 80% 100%) !important;
  box-shadow:0 0 10px rgba(255,213,102,.14) !important;
  transform:rotate(-24deg) !important;
  opacity:.55 !important;
  animation:fengiV26Pencil 5.6s ease-in-out infinite !important;
}
.fengi-orbit-stage .edu-pencil:after{content:"" !important;position:absolute !important;right:-5px !important;top:0 !important;width:0 !important;height:0 !important;border-top:3px solid transparent !important;border-bottom:3px solid transparent !important;border-left:5px solid rgba(255,245,220,.94) !important}
/* spark dots */
.fengi-orbit-stage .edu-star{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#86f2ff !important;
  box-shadow:0 0 10px #86f2ff,0 0 18px rgba(75,158,255,.34) !important;
  opacity:.85 !important;
}
.fengi-orbit-stage .edu-star.s1{left:18% !important;top:26% !important;animation:fengiV26Spark 4.2s ease-in-out infinite !important}
.fengi-orbit-stage .edu-star.s2{right:18% !important;top:58% !important;animation:fengiV26Spark 4.2s ease-in-out infinite -1.4s !important}
.fengi-orbit-stage .edu-star.s3{left:26% !important;top:70% !important;width:6px !important;height:6px !important;animation:fengiV26Spark 4.2s ease-in-out infinite -2.5s !important}

@keyframes fengiV26Glow{0%,100%{opacity:.42;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.86;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes fengiV26Book{0%,100%{transform:translateX(-50%) perspective(1100px) rotateX(67deg) translateY(0)}50%{transform:translateX(-50%) perspective(1100px) rotateX(67deg) translateY(-5px)}}
@keyframes fengiV26PageLeft{0%,100%{transform:perspective(900px) rotateY(20deg) rotateX(10deg) translateY(0)}50%{transform:perspective(900px) rotateY(24deg) rotateX(10deg) translateY(-4px)}}
@keyframes fengiV26PageRight{0%,100%{transform:perspective(900px) rotateY(-20deg) rotateX(10deg) translateY(0)}50%{transform:perspective(900px) rotateY(-24deg) rotateX(10deg) translateY(-4px)}}
@keyframes fengiV26Cap{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}
@keyframes fengiV26Pencil{0%,100%{transform:rotate(-24deg) translate(0,0)}50%{transform:rotate(-18deg) translate(-6px,-4px)}}
@keyframes fengiV26Spark{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.26)}}

@media(max-width:1024px){
  .fengi-orbit-stage{width:min(620px,90%) !important}
  .fengi-orbit-stage:after{width:80% !important;height:26% !important}
  .fengi-orbit-stage .edu-page{height:44% !important;width:28% !important}
}
@media(max-width:767px){
  .fengi-orbit-stage{width:min(320px,94vw) !important;top:0 !important}
  .fengi-orbit-stage:before{width:64% !important;height:64% !important;top:40% !important}
  .fengi-orbit-stage:after{width:82% !important;height:22% !important;bottom:16% !important}
  .fengi-orbit-stage .edu-page{width:28% !important;height:34% !important;bottom:18% !important;opacity:.74 !important}
  .fengi-orbit-stage .edu-page.left{left:15% !important}
  .fengi-orbit-stage .edu-page.right{right:15% !important}
  .fengi-orbit-stage .edu-cap{width:60px !important;height:38px !important;top:8% !important}
  .fengi-orbit-stage .edu-cap:before{width:48px !important;height:16px !important}
  .fengi-orbit-stage .edu-cap:after{top:19px !important;width:20px !important;height:8px !important}
  .fengi-orbit-stage .edu-pencil{width:40px !important;right:18% !important;top:20% !important}
}


/* v2.7 – futuristic circle animation with clean education icons */
.fengi-orbit-stage{
  width:min(720px,90%) !important;
  aspect-ratio:1 !important;
  top:10px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  background:none !important;
  filter:drop-shadow(0 0 22px rgba(69,196,255,.20)) !important;
  overflow:visible !important;
}
/* center holographic glow */
.fengi-orbit-stage:before{
  content:"" !important;
  position:absolute !important;
  inset:22% !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle, rgba(56,144,255,.30) 0%, rgba(58,195,255,.14) 34%, rgba(0,0,0,0) 66%),
    radial-gradient(circle at 32% 32%, rgba(160,247,255,.12), transparent 22%),
    radial-gradient(circle at 70% 68%, rgba(126,162,255,.10), transparent 24%) !important;
  filter:blur(4px) !important;
  animation:fengiV27CorePulse 5.4s ease-in-out infinite !important;
}
/* sweeping arc highlight */
.fengi-orbit-stage:after{
  content:"" !important;
  position:absolute !important;
  inset:6% !important;
  border-radius:50% !important;
  background:conic-gradient(from 0deg, transparent 0 16%, rgba(131,244,255,.72) 20%, rgba(72,139,255,.58) 27%, transparent 34%, transparent 56%, rgba(140,244,255,.58) 62%, transparent 68%, transparent 100%) !important;
  -webkit-mask: radial-gradient(circle at center, transparent 68%, #000 70% 73%, transparent 76%) !important;
  mask: radial-gradient(circle at center, transparent 68%, #000 70% 73%, transparent 76%) !important;
  opacity:.92 !important;
  animation:fengiV27Sweep 9.6s linear infinite !important;
}
.fengi-orbit-stage .ring,
.fengi-orbit-stage .orb,
.fengi-orbit-stage .edu-page,
.fengi-orbit-stage .edu-cap,
.fengi-orbit-stage .edu-pencil,
.fengi-orbit-stage .edu-star{display:block !important;position:absolute !important}
/* rings */
.fengi-orbit-stage .ring{border-radius:50% !important;box-shadow:0 0 24px rgba(72,191,255,.12), inset 0 0 18px rgba(53,140,255,.08) !important}
.fengi-orbit-stage .ring-1{inset:10% !important;border:1px solid rgba(120,226,255,.22) !important;animation:fengiV27PulseRing 5.8s ease-in-out infinite !important}
.fengi-orbit-stage .ring-2{inset:18% !important;border:1px dashed rgba(105,213,255,.28) !important;opacity:.88 !important;animation:fengiRotate 18s linear infinite !important}
.fengi-orbit-stage .ring-3{inset:29% !important;border:1px solid rgba(109,152,255,.20) !important;opacity:.72 !important;animation:fengiV27PulseRing 6.6s ease-in-out infinite reverse !important}
.fengi-orbit-stage .orb{width:9px !important;height:9px !important;border-radius:50% !important;background:#8df5ff !important;box-shadow:0 0 12px #8df5ff,0 0 26px rgba(75,157,255,.36) !important}
.fengi-orbit-stage .orb-1{top:19% !important;left:76% !important;animation:fengiV27OrbA 6s ease-in-out infinite !important}
.fengi-orbit-stage .orb-2{bottom:18% !important;left:18% !important;animation:fengiV27OrbB 7s ease-in-out infinite !important}
/* small education icon chips around circle */
.fengi-orbit-stage .edu-page,
.fengi-orbit-stage .edu-cap,
.fengi-orbit-stage .edu-pencil{
  width:58px !important;
  height:58px !important;
  border-radius:18px !important;
  border:1px solid rgba(163,236,255,.30) !important;
  background:linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04)) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.12), inset 0 1px rgba(255,255,255,.16), 0 0 18px rgba(64,184,255,.10) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}
/* book icon */
.fengi-orbit-stage .edu-page.left{left:12% !important;top:21% !important;transform:none !important;animation:fengiV27ChipFloat 5.8s ease-in-out infinite !important}
.fengi-orbit-stage .edu-page.left:before,
.fengi-orbit-stage .edu-page.left:after{content:"" !important;position:absolute !important;top:17px !important;width:14px !important;height:20px !important;border:2px solid rgba(160,247,255,.82) !important;background:transparent !important;box-shadow:none !important}
.fengi-orbit-stage .edu-page.left:before{left:14px !important;border-radius:6px 2px 2px 6px !important;border-right-width:1px !important}
.fengi-orbit-stage .edu-page.left:after{right:14px !important;border-radius:2px 6px 6px 2px !important;border-left-width:1px !important}
/* notebook/checklist icon */
.fengi-orbit-stage .edu-page.right{right:12% !important;bottom:22% !important;transform:none !important;animation:fengiV27ChipFloat 6.2s ease-in-out infinite -1.2s !important}
.fengi-orbit-stage .edu-page.right:before{content:"" !important;position:absolute !important;left:18px !important;top:15px !important;width:20px !important;height:24px !important;border:2px solid rgba(160,247,255,.82) !important;border-radius:5px !important}
.fengi-orbit-stage .edu-page.right:after{content:"" !important;position:absolute !important;left:23px !important;top:21px !important;width:10px !important;height:10px !important;border-left:2px solid rgba(160,247,255,.82) !important;border-bottom:2px solid rgba(160,247,255,.82) !important;transform:rotate(-45deg) !important}
/* graduation cap icon */
.fengi-orbit-stage .edu-cap{left:50% !important;top:5% !important;transform:translateX(-50%) !important;animation:fengiV27CapBob 5s ease-in-out infinite !important}
.fengi-orbit-stage .edu-cap:before{content:"" !important;position:absolute !important;left:50% !important;top:16px !important;width:28px !important;height:14px !important;transform:translateX(-50%) !important;background:linear-gradient(135deg, rgba(156,246,255,.94), rgba(73,112,255,.84)) !important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%) !important;box-shadow:0 0 12px rgba(97,228,255,.22) !important}
.fengi-orbit-stage .edu-cap:after{content:"" !important;position:absolute !important;left:50% !important;top:29px !important;width:16px !important;height:6px !important;transform:translateX(-50%) !important;border-radius:0 0 8px 8px !important;background:linear-gradient(180deg, rgba(180,250,255,.92), rgba(88,174,255,.68)) !important}
/* pencil icon */
.fengi-orbit-stage .edu-pencil{right:16% !important;top:18% !important;transform:none !important;animation:fengiV27ChipFloat 6s ease-in-out infinite -2s !important}
.fengi-orbit-stage .edu-pencil:before{content:"" !important;position:absolute !important;left:13px !important;top:25px !important;width:28px !important;height:6px !important;border-radius:999px !important;background:linear-gradient(90deg, rgba(255,213,102,.94) 0 64%, rgba(255,149,68,.90) 64% 80%, rgba(255,245,220,.92) 80% 100%) !important;transform:rotate(-24deg) !important}
.fengi-orbit-stage .edu-pencil:after{content:"" !important;position:absolute !important;left:34px !important;top:22px !important;width:0 !important;height:0 !important;border-top:6px solid transparent !important;border-bottom:6px solid transparent !important;border-left:8px solid rgba(255,245,220,.92) !important;transform:rotate(-24deg) !important}
/* little spark dots */
.fengi-orbit-stage .edu-star{width:7px !important;height:7px !important;border-radius:50% !important;background:#8cf3ff !important;box-shadow:0 0 10px #8cf3ff,0 0 18px rgba(75,158,255,.32) !important;opacity:.85 !important}
.fengi-orbit-stage .edu-star.s1{left:20% !important;bottom:22% !important;animation:fengiV27Spark 4.4s ease-in-out infinite !important}
.fengi-orbit-stage .edu-star.s2{right:21% !important;top:34% !important;animation:fengiV27Spark 4.4s ease-in-out infinite -1.7s !important}
.fengi-orbit-stage .edu-star.s3{left:74% !important;bottom:28% !important;width:5px !important;height:5px !important;animation:fengiV27Spark 4.4s ease-in-out infinite -2.8s !important}
@keyframes fengiV27CorePulse{0%,100%{opacity:.46;transform:scale(.96)}50%{opacity:.95;transform:scale(1.04)}}
@keyframes fengiV27Sweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes fengiV27PulseRing{0%,100%{opacity:.42;transform:scale(.98)}50%{opacity:.86;transform:scale(1.02)}}
@keyframes fengiV27OrbA{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-12px)}}
@keyframes fengiV27OrbB{0%,100%{transform:translate(0,0)}50%{transform:translate(-12px,12px)}}
@keyframes fengiV27ChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes fengiV27CapBob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-6px)}}
@keyframes fengiV27Spark{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}
@media(max-width:1024px){
  .fengi-orbit-stage{width:min(640px,90%) !important}
  .fengi-orbit-stage .edu-page,.fengi-orbit-stage .edu-cap,.fengi-orbit-stage .edu-pencil{width:52px !important;height:52px !important}
}
@media(max-width:767px){
  .fengi-orbit-stage{width:min(330px,95vw) !important;top:-2px !important}
  .fengi-orbit-stage .ring-1{inset:11% !important}
  .fengi-orbit-stage .ring-2{inset:20% !important}
  .fengi-orbit-stage .ring-3{inset:31% !important}
  .fengi-orbit-stage .edu-page,.fengi-orbit-stage .edu-cap,.fengi-orbit-stage .edu-pencil{width:42px !important;height:42px !important;border-radius:14px !important}
  .fengi-orbit-stage .edu-page.left{left:8% !important;top:25% !important}
  .fengi-orbit-stage .edu-page.right{right:8% !important;bottom:24% !important}
  .fengi-orbit-stage .edu-cap{top:7% !important}
  .fengi-orbit-stage .edu-pencil{right:10% !important;top:20% !important}
  .fengi-orbit-stage .edu-page.left:before,.fengi-orbit-stage .edu-page.left:after{top:12px !important;width:10px !important;height:15px !important}
  .fengi-orbit-stage .edu-page.left:before{left:11px !important}
  .fengi-orbit-stage .edu-page.left:after{right:11px !important}
  .fengi-orbit-stage .edu-page.right:before{left:13px !important;top:11px !important;width:15px !important;height:18px !important}
  .fengi-orbit-stage .edu-page.right:after{left:17px !important;top:16px !important;width:8px !important;height:8px !important}
  .fengi-orbit-stage .edu-cap:before{top:12px !important;width:22px !important;height:12px !important}
  .fengi-orbit-stage .edu-cap:after{top:23px !important;width:12px !important;height:5px !important}
  .fengi-orbit-stage .edu-pencil:before{left:10px !important;top:18px !important;width:20px !important;height:5px !important}
  .fengi-orbit-stage .edu-pencil:after{left:24px !important;top:15px !important;border-top-width:5px !important;border-bottom-width:5px !important;border-left-width:7px !important}
}


/* v2.8 – clearly visible futuristic orbit + education icon bubbles */
.fengi-orbit-stage{
  width:min(720px,92%) !important;
  aspect-ratio:1 !important;
  top:6px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:1 !important;
  pointer-events:none !important;
  overflow:visible !important;
  filter:drop-shadow(0 0 28px rgba(63,190,255,.22)) !important;
}
.fengi-orbit-stage:before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:62% !important;
  height:62% !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(48,137,255,.28) 0%, rgba(62,193,255,.14) 34%, rgba(0,0,0,0) 68%) !important;
  filter:blur(3px) !important;
  animation:fengiV28CorePulse 4.6s ease-in-out infinite !important;
  opacity:1 !important;
}
.fengi-orbit-stage:after{
  content:"" !important;
  position:absolute !important;
  inset:12% !important;
  border-radius:50% !important;
  background:conic-gradient(from 0deg, transparent 0 8%, rgba(138,244,255,.85) 12%, rgba(74,126,255,.75) 20%, transparent 28%, transparent 52%, rgba(132,246,255,.75) 60%, rgba(59,114,255,.68) 68%, transparent 76%, transparent 100%) !important;
  -webkit-mask: radial-gradient(circle at center, transparent 63%, #000 65% 69%, transparent 72%) !important;
  mask: radial-gradient(circle at center, transparent 63%, #000 65% 69%, transparent 72%) !important;
  opacity:.95 !important;
  animation:fengiV28Sweep 8s linear infinite !important;
}
/* visible rings */
.fengi-orbit-stage .ring,
.fengi-orbit-stage .orb,
.fengi-orbit-stage .edu-page,
.fengi-orbit-stage .edu-cap,
.fengi-orbit-stage .edu-pencil,
.fengi-orbit-stage .edu-star{display:block !important;position:absolute !important;pointer-events:none !important}
.fengi-orbit-stage .ring{border-radius:50% !important;opacity:1 !important}
.fengi-orbit-stage .ring-1{inset:14% !important;border:1.5px solid rgba(129,232,255,.34) !important;box-shadow:0 0 16px rgba(76,195,255,.10), inset 0 0 16px rgba(51,135,255,.06) !important;animation:fengiV28RingPulse 4.8s ease-in-out infinite !important}
.fengi-orbit-stage .ring-2{inset:23% !important;border:1.5px dashed rgba(120,215,255,.42) !important;box-shadow:0 0 14px rgba(71,180,255,.12) !important;animation:fengiV28Rotate 12s linear infinite !important}
.fengi-orbit-stage .ring-3{inset:33% !important;border:1.5px solid rgba(88,137,255,.28) !important;box-shadow:0 0 14px rgba(88,137,255,.12) !important;animation:fengiV28RingPulse 6s ease-in-out infinite reverse !important}
.fengi-orbit-stage .orb{width:10px !important;height:10px !important;border-radius:50% !important;background:#8cf4ff !important;box-shadow:0 0 12px #8cf4ff,0 0 26px rgba(72,150,255,.42) !important}
.fengi-orbit-stage .orb-1{left:74% !important;top:21% !important;animation:fengiV28OrbA 5.4s ease-in-out infinite !important}
.fengi-orbit-stage .orb-2{left:20% !important;bottom:22% !important;animation:fengiV28OrbB 6.4s ease-in-out infinite !important}

/* icon bubbles */
.fengi-orbit-stage .edu-page,
.fengi-orbit-stage .edu-cap,
.fengi-orbit-stage .edu-pencil{
  width:64px !important;
  height:64px !important;
  border-radius:18px !important;
  border:1px solid rgba(164,236,255,.40) !important;
  background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.05)) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.18), 0 0 24px rgba(63,184,255,.14) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  opacity:1 !important;
}
/* book bubble */
.fengi-orbit-stage .edu-page.left{left:10% !important;top:24% !important;animation:fengiV28BubbleFloat 5.2s ease-in-out infinite !important}
.fengi-orbit-stage .edu-page.left:before,
.fengi-orbit-stage .edu-page.left:after{content:"" !important;position:absolute !important;top:18px !important;width:16px !important;height:22px !important;border:2px solid rgba(165,245,255,.92) !important;border-top-width:2px !important;border-bottom-width:2px !important;background:transparent !important}
.fengi-orbit-stage .edu-page.left:before{left:15px !important;border-right-width:1px !important;border-radius:7px 3px 3px 7px !important}
.fengi-orbit-stage .edu-page.left:after{right:15px !important;border-left-width:1px !important;border-radius:3px 7px 7px 3px !important}
/* checklist bubble */
.fengi-orbit-stage .edu-page.right{right:10% !important;bottom:24% !important;animation:fengiV28BubbleFloat 5.8s ease-in-out infinite -1.2s !important}
.fengi-orbit-stage .edu-page.right:before{content:"" !important;position:absolute !important;left:20px !important;top:16px !important;width:22px !important;height:28px !important;border:2px solid rgba(165,245,255,.92) !important;border-radius:6px !important;background:transparent !important}
.fengi-orbit-stage .edu-page.right:after{content:"" !important;position:absolute !important;left:26px !important;top:23px !important;width:10px !important;height:10px !important;border-left:2px solid rgba(165,245,255,.92) !important;border-bottom:2px solid rgba(165,245,255,.92) !important;transform:rotate(-45deg) !important}
/* cap bubble */
.fengi-orbit-stage .edu-cap{left:50% !important;top:7% !important;transform:translateX(-50%) !important;animation:fengiV28CapBob 4.8s ease-in-out infinite !important}
.fengi-orbit-stage .edu-cap:before{content:"" !important;position:absolute !important;left:50% !important;top:18px !important;width:30px !important;height:14px !important;transform:translateX(-50%) !important;background:linear-gradient(135deg, rgba(156,246,255,.96), rgba(72,112,255,.86)) !important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%) !important;box-shadow:0 0 16px rgba(96,228,255,.26) !important}
.fengi-orbit-stage .edu-cap:after{content:"" !important;position:absolute !important;left:50% !important;top:31px !important;width:18px !important;height:7px !important;transform:translateX(-50%) !important;border-radius:0 0 8px 8px !important;background:linear-gradient(180deg, rgba(180,250,255,.95), rgba(89,174,255,.72)) !important}
/* pencil bubble */
.fengi-orbit-stage .edu-pencil{right:13% !important;top:18% !important;animation:fengiV28BubbleFloat 5.6s ease-in-out infinite -2s !important}
.fengi-orbit-stage .edu-pencil:before{content:"" !important;position:absolute !important;left:14px !important;top:29px !important;width:30px !important;height:6px !important;border-radius:999px !important;background:linear-gradient(90deg, rgba(255,213,102,.96) 0 64%, rgba(255,149,68,.92) 64% 82%, rgba(255,245,220,.94) 82% 100%) !important;transform:rotate(-22deg) !important;box-shadow:0 0 12px rgba(255,213,102,.16) !important}
.fengi-orbit-stage .edu-pencil:after{content:"" !important;position:absolute !important;left:37px !important;top:25px !important;width:0 !important;height:0 !important;border-top:6px solid transparent !important;border-bottom:6px solid transparent !important;border-left:8px solid rgba(255,245,220,.94) !important;transform:rotate(-22deg) !important}
/* spark dots */
.fengi-orbit-stage .edu-star{width:8px !important;height:8px !important;border-radius:50% !important;background:#8cf4ff !important;box-shadow:0 0 12px #8cf4ff,0 0 18px rgba(77,158,255,.34) !important;opacity:1 !important}
.fengi-orbit-stage .edu-star.s1{left:18% !important;bottom:26% !important;animation:fengiV28Spark 3.8s ease-in-out infinite !important}
.fengi-orbit-stage .edu-star.s2{right:18% !important;top:36% !important;animation:fengiV28Spark 3.8s ease-in-out infinite -1.4s !important}
.fengi-orbit-stage .edu-star.s3{left:74% !important;bottom:30% !important;width:6px !important;height:6px !important;animation:fengiV28Spark 3.8s ease-in-out infinite -2.5s !important}

@keyframes fengiV28CorePulse{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.05)}}
@keyframes fengiV28Sweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes fengiV28Rotate{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes fengiV28RingPulse{0%,100%{opacity:.42;transform:scale(.985)}50%{opacity:.86;transform:scale(1.02)}}
@keyframes fengiV28OrbA{0%,100%{transform:translate(0,0)}50%{transform:translate(16px,-12px)}}
@keyframes fengiV28OrbB{0%,100%{transform:translate(0,0)}50%{transform:translate(-14px,13px)}}
@keyframes fengiV28BubbleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes fengiV28CapBob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
@keyframes fengiV28Spark{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.28)}}

@media(max-width:1024px){
  .fengi-orbit-stage{width:min(640px,90%) !important}
  .fengi-orbit-stage .edu-page,.fengi-orbit-stage .edu-cap,.fengi-orbit-stage .edu-pencil{width:58px !important;height:58px !important}
}
@media(max-width:767px){
  .fengi-orbit-stage{width:min(330px,96vw) !important;top:0 !important}
  .fengi-orbit-stage .ring-1{inset:14% !important}.fengi-orbit-stage .ring-2{inset:24% !important}.fengi-orbit-stage .ring-3{inset:34% !important}
  .fengi-orbit-stage .edu-page,.fengi-orbit-stage .edu-cap,.fengi-orbit-stage .edu-pencil{width:44px !important;height:44px !important;border-radius:14px !important}
  .fengi-orbit-stage .edu-page.left{left:4% !important;top:28% !important}
  .fengi-orbit-stage .edu-page.right{right:4% !important;bottom:28% !important}
  .fengi-orbit-stage .edu-cap{top:8% !important}
  .fengi-orbit-stage .edu-pencil{right:8% !important;top:19% !important}
  .fengi-orbit-stage .edu-page.left:before,.fengi-orbit-stage .edu-page.left:after{top:12px !important;width:10px !important;height:14px !important}
  .fengi-orbit-stage .edu-page.left:before{left:10px !important}.fengi-orbit-stage .edu-page.left:after{right:10px !important}
  .fengi-orbit-stage .edu-page.right:before{left:13px !important;top:11px !important;width:15px !important;height:18px !important}
  .fengi-orbit-stage .edu-page.right:after{left:18px !important;top:17px !important;width:8px !important;height:8px !important}
  .fengi-orbit-stage .edu-cap:before{top:12px !important;width:22px !important;height:11px !important}
  .fengi-orbit-stage .edu-cap:after{top:22px !important;width:12px !important;height:5px !important}
  .fengi-orbit-stage .edu-pencil:before{left:9px !important;top:20px !important;width:22px !important;height:5px !important}
  .fengi-orbit-stage .edu-pencil:after{left:25px !important;top:17px !important;border-top-width:5px !important;border-bottom-width:5px !important;border-left-width:7px !important}
}


/* v2.9 – remove icon chips, add clean futuristic circle + moving dots */
.fengi-orbit-stage{
  width:min(700px,88%) !important;
  aspect-ratio:1 !important;
  top:8px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:1 !important;
  overflow:visible !important;
  pointer-events:none !important;
  filter:drop-shadow(0 0 26px rgba(64,190,255,.20)) !important;
}
/* hide previous education icon chips */
.fengi-orbit-stage .edu-page,
.fengi-orbit-stage .edu-cap,
.fengi-orbit-stage .edu-pencil{display:none !important;}
/* center glow */
.fengi-orbit-stage:before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:64% !important;
  height:64% !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle, rgba(39,132,255,.28) 0%, rgba(64,196,255,.16) 34%, rgba(0,0,0,0) 68%),
    radial-gradient(circle at 34% 30%, rgba(167,247,255,.14), transparent 18%),
    radial-gradient(circle at 70% 66%, rgba(111,150,255,.12), transparent 20%) !important;
  filter:blur(4px) !important;
  animation:fengiV29CorePulse 4.8s ease-in-out infinite !important;
}
/* sweeping neon ring arc */
.fengi-orbit-stage:after{
  content:"" !important;
  position:absolute !important;
  inset:10% !important;
  border-radius:50% !important;
  background:conic-gradient(from 0deg,
      transparent 0 8%, rgba(132,244,255,.94) 12%, rgba(73,120,255,.86) 18%, transparent 26%,
      transparent 54%, rgba(128,241,255,.84) 60%, rgba(61,113,255,.74) 68%, transparent 76%,
      transparent 100%) !important;
  -webkit-mask: radial-gradient(circle at center, transparent 68%, #000 70% 73%, transparent 76%) !important;
  mask: radial-gradient(circle at center, transparent 68%, #000 70% 73%, transparent 76%) !important;
  opacity:1 !important;
  animation:fengiV29Sweep 7.4s linear infinite !important;
}
/* 3 visible rings */
.fengi-orbit-stage .ring{display:block !important;position:absolute !important;border-radius:50% !important;opacity:1 !important}
.fengi-orbit-stage .ring-1{inset:12% !important;border:1.5px solid rgba(132,234,255,.34) !important;box-shadow:0 0 16px rgba(74,194,255,.10), inset 0 0 18px rgba(53,132,255,.06) !important;animation:fengiV29RingPulse 4.6s ease-in-out infinite !important}
.fengi-orbit-stage .ring-2{inset:22% !important;border:1.5px dashed rgba(120,214,255,.48) !important;box-shadow:0 0 16px rgba(72,181,255,.12) !important;animation:fengiV29RotateReverse 10s linear infinite !important}
.fengi-orbit-stage .ring-3{inset:33% !important;border:1.3px solid rgba(88,139,255,.30) !important;box-shadow:0 0 16px rgba(88,139,255,.10) !important;animation:fengiV29RingPulse 6s ease-in-out infinite reverse !important}
/* moving dots */
.fengi-orbit-stage .orb,
.fengi-orbit-stage .edu-star{display:block !important;position:absolute !important;left:50% !important;top:50% !important;border-radius:50% !important;opacity:1 !important;background:#92f5ff !important;box-shadow:0 0 10px #92f5ff, 0 0 24px rgba(73,154,255,.42) !important}
.fengi-orbit-stage .orb-1{width:10px !important;height:10px !important;animation:fengiV29OrbitA 7s linear infinite !important}
.fengi-orbit-stage .orb-2{width:8px !important;height:8px !important;animation:fengiV29OrbitB 9.5s linear infinite !important}
.fengi-orbit-stage .edu-star.s1{width:7px !important;height:7px !important;animation:fengiV29OrbitC 6.2s linear infinite !important}
.fengi-orbit-stage .edu-star.s2{width:6px !important;height:6px !important;animation:fengiV29OrbitD 8.4s linear infinite reverse !important}
.fengi-orbit-stage .edu-star.s3{width:5px !important;height:5px !important;animation:fengiV29OrbitE 10.6s linear infinite !important}
@keyframes fengiV29CorePulse{0%,100%{opacity:.48;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.05)}}
@keyframes fengiV29Sweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes fengiV29RotateReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes fengiV29RingPulse{0%,100%{opacity:.42;transform:scale(.985)}50%{opacity:.88;transform:scale(1.02)}}
@keyframes fengiV29OrbitA{from{transform:translate(-50%,-50%) rotate(0deg) translateX(215px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(215px) rotate(-360deg)}}
@keyframes fengiV29OrbitB{from{transform:translate(-50%,-50%) rotate(360deg) translateX(165px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(165px) rotate(-360deg)}}
@keyframes fengiV29OrbitC{from{transform:translate(-50%,-50%) rotate(0deg) translateX(125px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(125px) rotate(-360deg)}}
@keyframes fengiV29OrbitD{from{transform:translate(-50%,-50%) rotate(0deg) translateX(195px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(195px) rotate(-360deg)}}
@keyframes fengiV29OrbitE{from{transform:translate(-50%,-50%) rotate(360deg) translateX(90px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(90px) rotate(-360deg)}}
@media(max-width:1024px){
  .fengi-orbit-stage{width:min(620px,90%) !important}
  @keyframes fengiV29OrbitA{from{transform:translate(-50%,-50%) rotate(0deg) translateX(185px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(185px) rotate(-360deg)}}
  @keyframes fengiV29OrbitB{from{transform:translate(-50%,-50%) rotate(360deg) translateX(145px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(145px) rotate(-360deg)}}
  @keyframes fengiV29OrbitC{from{transform:translate(-50%,-50%) rotate(0deg) translateX(110px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(110px) rotate(-360deg)}}
  @keyframes fengiV29OrbitD{from{transform:translate(-50%,-50%) rotate(0deg) translateX(170px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(170px) rotate(-360deg)}}
}
@media(max-width:767px){
  .fengi-orbit-stage{width:min(320px,94vw) !important;top:2px !important}
  .fengi-orbit-stage .ring-1{inset:12% !important}.fengi-orbit-stage .ring-2{inset:22% !important}.fengi-orbit-stage .ring-3{inset:33% !important}
  .fengi-orbit-stage .orb-1{width:8px !important;height:8px !important}
  .fengi-orbit-stage .orb-2{width:7px !important;height:7px !important}
  .fengi-orbit-stage .edu-star.s1{width:6px !important;height:6px !important}
  .fengi-orbit-stage .edu-star.s2{width:5px !important;height:5px !important}
  .fengi-orbit-stage .edu-star.s3{width:4px !important;height:4px !important}
  @keyframes fengiV29OrbitA{from{transform:translate(-50%,-50%) rotate(0deg) translateX(100px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(100px) rotate(-360deg)}}
  @keyframes fengiV29OrbitB{from{transform:translate(-50%,-50%) rotate(360deg) translateX(78px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(78px) rotate(-360deg)}}
  @keyframes fengiV29OrbitC{from{transform:translate(-50%,-50%) rotate(0deg) translateX(58px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(58px) rotate(-360deg)}}
  @keyframes fengiV29OrbitD{from{transform:translate(-50%,-50%) rotate(0deg) translateX(92px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(92px) rotate(-360deg)}}
  @keyframes fengiV29OrbitE{from{transform:translate(-50%,-50%) rotate(360deg) translateX(40px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(40px) rotate(-360deg)}}
}


/* v3.0 – slower futuristic orbit with education symbols + mobile login button */
/* mobile header login + menu */
.fengi-mobile-actions{display:none;align-items:center;gap:10px;position:relative;z-index:106}
.fengi-mobile-login{display:none;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border-radius:14px;border:1px solid rgba(155,228,255,.30);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.14),0 10px 24px rgba(0,0,0,.14);color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:600;line-height:1;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}
.fengi-mobile-login:hover{transform:translateY(-2px);border-color:rgba(95,221,255,.56);background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));box-shadow:0 14px 28px rgba(0,112,255,.16),inset 0 1px rgba(255,255,255,.18)}
.fengi-mobile-login .fengi-svg{display:inline-flex;font-size:18px;line-height:1}
.fengi-mobile-login .fengi-svg svg{width:18px;height:18px;display:block;stroke:#fff;fill:none;stroke-width:2.1}

/* hero orbit: replace moving dots with slow orbiting education symbols */
.fengi-orbit-stage .orb,
.fengi-orbit-stage .edu-star{display:none!important}
.fengi-orbit-stage .edu-page,
.fengi-orbit-stage .edu-cap,
.fengi-orbit-stage .edu-pencil{display:block!important;position:absolute!important;left:50%!important;top:50%!important;pointer-events:none!important;transform-origin:center center!important;width:52px!important;height:52px!important;border-radius:16px!important;border:1px solid rgba(158,232,255,.34)!important;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05))!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 14px 28px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.16), 0 0 20px rgba(71,186,255,.12)!important;opacity:1!important}
/* book symbol */
.fengi-orbit-stage .edu-page.left{animation:fengiV30OrbitBook 18s linear infinite!important}
.fengi-orbit-stage .edu-page.left:before,.fengi-orbit-stage .edu-page.left:after{content:""!important;position:absolute!important;top:15px!important;width:12px!important;height:18px!important;border:2px solid rgba(166,245,255,.92)!important;background:transparent!important;box-shadow:none!important}
.fengi-orbit-stage .edu-page.left:before{left:12px!important;border-right-width:1px!important;border-radius:6px 2px 2px 6px!important}
.fengi-orbit-stage .edu-page.left:after{right:12px!important;border-left-width:1px!important;border-radius:2px 6px 6px 2px!important}
/* checklist symbol */
.fengi-orbit-stage .edu-page.right{animation:fengiV30OrbitChecklist 22s linear infinite reverse!important}
.fengi-orbit-stage .edu-page.right:before{content:""!important;position:absolute!important;left:17px!important;top:13px!important;width:18px!important;height:22px!important;border:2px solid rgba(166,245,255,.92)!important;border-radius:5px!important;background:transparent!important}
.fengi-orbit-stage .edu-page.right:after{content:""!important;position:absolute!important;left:22px!important;top:19px!important;width:9px!important;height:9px!important;border-left:2px solid rgba(166,245,255,.92)!important;border-bottom:2px solid rgba(166,245,255,.92)!important;transform:rotate(-45deg)!important}
/* cap symbol */
.fengi-orbit-stage .edu-cap{animation:fengiV30OrbitCap 16s linear infinite!important}
.fengi-orbit-stage .edu-cap:before{content:""!important;position:absolute!important;left:50%!important;top:15px!important;width:26px!important;height:12px!important;transform:translateX(-50%)!important;background:linear-gradient(135deg,rgba(156,246,255,.96),rgba(70,112,255,.86))!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;box-shadow:0 0 14px rgba(96,228,255,.24)!important}
.fengi-orbit-stage .edu-cap:after{content:""!important;position:absolute!important;left:50%!important;top:27px!important;width:16px!important;height:6px!important;transform:translateX(-50%)!important;border-radius:0 0 8px 8px!important;background:linear-gradient(180deg,rgba(182,250,255,.94),rgba(88,175,255,.70))!important}
/* pencil symbol */
.fengi-orbit-stage .edu-pencil{animation:fengiV30OrbitPencil 20s linear infinite!important}
.fengi-orbit-stage .edu-pencil:before{content:""!important;position:absolute!important;left:12px!important;top:24px!important;width:26px!important;height:6px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(255,213,102,.96) 0 64%,rgba(255,149,68,.92) 64% 82%,rgba(255,245,220,.94) 82% 100%)!important;transform:rotate(-24deg)!important;box-shadow:0 0 10px rgba(255,213,102,.16)!important}
.fengi-orbit-stage .edu-pencil:after{content:""!important;position:absolute!important;left:33px!important;top:20px!important;width:0!important;height:0!important;border-top:6px solid transparent!important;border-bottom:6px solid transparent!important;border-left:8px solid rgba(255,245,220,.94)!important;transform:rotate(-24deg)!important}
@keyframes fengiV30OrbitBook{from{transform:translate(-50%,-50%) rotate(0deg) translateX(210px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(210px) rotate(-360deg)}}
@keyframes fengiV30OrbitChecklist{from{transform:translate(-50%,-50%) rotate(360deg) translateX(175px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(175px) rotate(-360deg)}}
@keyframes fengiV30OrbitCap{from{transform:translate(-50%,-50%) rotate(0deg) translateX(125px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(125px) rotate(-360deg)}}
@keyframes fengiV30OrbitPencil{from{transform:translate(-50%,-50%) rotate(360deg) translateX(240px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(240px) rotate(-360deg)}}

@media(max-width:1024px){
  .fengi-mobile-actions{display:flex!important}
  .fengi-mobile-login{display:inline-flex!important}
  .fengi-header-actions{display:none!important}
  .fengi-orbit-stage .edu-page,.fengi-orbit-stage .edu-cap,.fengi-orbit-stage .edu-pencil{width:48px!important;height:48px!important}
  @keyframes fengiV30OrbitBook{from{transform:translate(-50%,-50%) rotate(0deg) translateX(170px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(170px) rotate(-360deg)}}
  @keyframes fengiV30OrbitChecklist{from{transform:translate(-50%,-50%) rotate(360deg) translateX(145px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(145px) rotate(-360deg)}}
  @keyframes fengiV30OrbitCap{from{transform:translate(-50%,-50%) rotate(0deg) translateX(102px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(102px) rotate(-360deg)}}
  @keyframes fengiV30OrbitPencil{from{transform:translate(-50%,-50%) rotate(360deg) translateX(194px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(194px) rotate(-360deg)}}
}
@media(max-width:767px){
  .fengi-mobile-actions{gap:8px!important}
  .fengi-mobile-login{min-height:40px!important;padding:0 12px!important;border-radius:12px!important;font-size:13px!important}
  .fengi-mobile-login-text{display:none!important}
  .fengi-orbit-stage .edu-page,.fengi-orbit-stage .edu-cap,.fengi-orbit-stage .edu-pencil{width:38px!important;height:38px!important;border-radius:12px!important}
  .fengi-orbit-stage .edu-page.left:before,.fengi-orbit-stage .edu-page.left:after{top:10px!important;width:9px!important;height:13px!important}
  .fengi-orbit-stage .edu-page.left:before{left:8px!important}.fengi-orbit-stage .edu-page.left:after{right:8px!important}
  .fengi-orbit-stage .edu-page.right:before{left:12px!important;top:9px!important;width:13px!important;height:16px!important}
  .fengi-orbit-stage .edu-page.right:after{left:16px!important;top:14px!important;width:7px!important;height:7px!important}
  .fengi-orbit-stage .edu-cap:before{top:11px!important;width:18px!important;height:9px!important}.fengi-orbit-stage .edu-cap:after{top:19px!important;width:10px!important;height:4px!important}
  .fengi-orbit-stage .edu-pencil:before{left:8px!important;top:17px!important;width:18px!important;height:5px!important}.fengi-orbit-stage .edu-pencil:after{left:21px!important;top:14px!important;border-top-width:5px!important;border-bottom-width:5px!important;border-left-width:6px!important}
  @keyframes fengiV30OrbitBook{from{transform:translate(-50%,-50%) rotate(0deg) translateX(92px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(92px) rotate(-360deg)}}
  @keyframes fengiV30OrbitChecklist{from{transform:translate(-50%,-50%) rotate(360deg) translateX(72px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(72px) rotate(-360deg)}}
  @keyframes fengiV30OrbitCap{from{transform:translate(-50%,-50%) rotate(0deg) translateX(52px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(52px) rotate(-360deg)}}
  @keyframes fengiV30OrbitPencil{from{transform:translate(-50%,-50%) rotate(360deg) translateX(106px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(106px) rotate(-360deg)}}
}


/* v3.1 – visible premium circle + clear education symbols + cleaner mobile login */
/* Clean mobile login button beside menu */
@media(max-width:1024px){
  .fengi-mobile-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important}
  .fengi-mobile-login{display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border-radius:14px!important;border:1px solid rgba(139,225,255,.38)!important;background:linear-gradient(135deg,rgba(15,139,255,.92),rgba(22,67,217,.88))!important;box-shadow:0 14px 30px rgba(0,107,255,.26),inset 0 1px rgba(255,255,255,.20)!important;color:#fff!important;text-decoration:none!important;overflow:hidden!important}
  .fengi-mobile-login:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 0 34%,rgba(255,255,255,.34) 50%,transparent 66%);transform:translateX(-130%);transition:transform .65s ease;pointer-events:none}.fengi-mobile-login:hover:before{transform:translateX(130%)}
  .fengi-mobile-login-text{display:none!important}
  .fengi-mobile-login .fengi-svg{font-size:19px!important;display:grid!important;place-items:center!important}
  .fengi-mobile-login .fengi-svg svg{width:19px!important;height:19px!important;stroke:#fff!important;display:block!important}
  .fengi-mobile-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.045))!important;border:1px solid rgba(139,225,255,.34)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 26px rgba(0,0,0,.18)!important}
}

/* Stronger and clearly visible orbit layer */
.fengi-orbit-stage{z-index:4!important;width:min(700px,90%)!important;top:4px!important;overflow:visible!important;opacity:1!important;filter:drop-shadow(0 0 34px rgba(52,188,255,.24))!important}
.fengi-owner-wrap{z-index:5!important}.fengi-feature-card{z-index:8!important}
.fengi-orbit-stage:before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:70%!important;height:70%!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;background:radial-gradient(circle,rgba(14,126,255,.33) 0%,rgba(64,204,255,.16) 36%,rgba(0,0,0,0) 70%)!important;filter:blur(2px)!important;animation:fengiV31Glow 5s ease-in-out infinite!important;opacity:1!important}
.fengi-orbit-stage:after{content:""!important;position:absolute!important;inset:9%!important;border-radius:50%!important;background:conic-gradient(from 0deg,transparent 0 9%,rgba(132,247,255,.98) 13%,rgba(48,114,255,.88) 20%,transparent 28%,transparent 50%,rgba(142,247,255,.88) 58%,rgba(66,129,255,.82) 66%,transparent 75%,transparent 100%)!important;-webkit-mask:radial-gradient(circle at center,transparent 67%,#000 69% 74%,transparent 77%)!important;mask:radial-gradient(circle at center,transparent 67%,#000 69% 74%,transparent 77%)!important;animation:fengiV31Arc 16s linear infinite!important;opacity:1!important}
.fengi-orbit-stage .ring{display:block!important;position:absolute!important;border-radius:50%!important;opacity:1!important;box-sizing:border-box!important}
.fengi-orbit-stage .ring-1{inset:11%!important;border:2px solid rgba(122,234,255,.40)!important;box-shadow:0 0 22px rgba(77,202,255,.18),inset 0 0 22px rgba(56,129,255,.10)!important;animation:fengiV31Pulse 5.5s ease-in-out infinite!important}
.fengi-orbit-stage .ring-2{inset:20%!important;border:1.5px dashed rgba(127,221,255,.55)!important;box-shadow:0 0 18px rgba(78,184,255,.16)!important;animation:fengiV31ArcReverse 28s linear infinite!important}
.fengi-orbit-stage .ring-3{inset:31%!important;border:1.5px solid rgba(92,145,255,.36)!important;box-shadow:0 0 18px rgba(91,145,255,.12)!important;animation:fengiV31Pulse 6.8s ease-in-out infinite reverse!important}
/* Hide old dots. Use education symbols only. */
.fengi-orbit-stage .orb,.fengi-orbit-stage .edu-star{display:none!important}
.fengi-orbit-stage .edu-page,.fengi-orbit-stage .edu-cap,.fengi-orbit-stage .edu-pencil{display:block!important;position:absolute!important;left:50%!important;top:50%!important;pointer-events:none!important;width:64px!important;height:64px!important;border-radius:18px!important;border:1px solid rgba(168,239,255,.46)!important;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06))!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 20px 40px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.22),0 0 28px rgba(72,196,255,.20)!important;opacity:1!important;z-index:5!important}
/* book */
.fengi-orbit-stage .edu-page.left{animation:fengiV31Book 32s linear infinite!important}
.fengi-orbit-stage .edu-page.left:before,.fengi-orbit-stage .edu-page.left:after{content:""!important;position:absolute!important;top:18px!important;width:16px!important;height:22px!important;border:2.2px solid rgba(175,248,255,.96)!important;background:transparent!important;box-shadow:none!important;opacity:1!important}.fengi-orbit-stage .edu-page.left:before{left:15px!important;border-right-width:1px!important;border-radius:7px 3px 3px 7px!important}.fengi-orbit-stage .edu-page.left:after{right:15px!important;border-left-width:1px!important;border-radius:3px 7px 7px 3px!important}
/* checklist */
.fengi-orbit-stage .edu-page.right{animation:fengiV31Checklist 38s linear infinite reverse!important}
.fengi-orbit-stage .edu-page.right:before{content:""!important;position:absolute!important;left:20px!important;top:16px!important;width:23px!important;height:28px!important;border:2.2px solid rgba(175,248,255,.96)!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important}.fengi-orbit-stage .edu-page.right:after{content:""!important;position:absolute!important;left:27px!important;top:24px!important;width:10px!important;height:10px!important;border-left:2.2px solid rgba(175,248,255,.96)!important;border-bottom:2.2px solid rgba(175,248,255,.96)!important;transform:rotate(-45deg)!important;background:transparent!important;box-shadow:none!important}
/* cap */
.fengi-orbit-stage .edu-cap{animation:fengiV31Cap 30s linear infinite!important}.fengi-orbit-stage .edu-cap:before{content:""!important;position:absolute!important;left:50%!important;top:18px!important;width:32px!important;height:15px!important;transform:translateX(-50%)!important;background:linear-gradient(135deg,rgba(167,249,255,.98),rgba(73,112,255,.88))!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;box-shadow:0 0 17px rgba(96,228,255,.28)!important}.fengi-orbit-stage .edu-cap:after{content:""!important;position:absolute!important;left:50%!important;top:32px!important;width:18px!important;height:7px!important;transform:translateX(-50%)!important;border-radius:0 0 8px 8px!important;background:linear-gradient(180deg,rgba(182,250,255,.96),rgba(88,175,255,.74))!important}
/* pencil */
.fengi-orbit-stage .edu-pencil{animation:fengiV31Pencil 36s linear infinite!important}.fengi-orbit-stage .edu-pencil:before{content:""!important;position:absolute!important;left:14px!important;top:29px!important;width:31px!important;height:7px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(255,215,99,.98) 0 64%,rgba(255,149,68,.94) 64% 82%,rgba(255,245,220,.96) 82% 100%)!important;transform:rotate(-24deg)!important;box-shadow:0 0 12px rgba(255,213,102,.20)!important}.fengi-orbit-stage .edu-pencil:after{content:""!important;position:absolute!important;left:38px!important;top:25px!important;width:0!important;height:0!important;border-top:7px solid transparent!important;border-bottom:7px solid transparent!important;border-left:9px solid rgba(255,245,220,.96)!important;transform:rotate(-24deg)!important}
@keyframes fengiV31Glow{0%,100%{opacity:.54;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
@keyframes fengiV31Arc{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes fengiV31ArcReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes fengiV31Pulse{0%,100%{opacity:.55;transform:scale(.985)}50%{opacity:1;transform:scale(1.02)}}
@keyframes fengiV31Book{from{transform:translate(-50%,-50%) rotate(0deg) translateX(235px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(235px) rotate(-360deg)}}
@keyframes fengiV31Checklist{from{transform:translate(-50%,-50%) rotate(360deg) translateX(198px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(198px) rotate(-360deg)}}
@keyframes fengiV31Cap{from{transform:translate(-50%,-50%) rotate(0deg) translateX(145px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(145px) rotate(-360deg)}}
@keyframes fengiV31Pencil{from{transform:translate(-50%,-50%) rotate(360deg) translateX(270px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(270px) rotate(-360deg)}}
@media(max-width:1024px){.fengi-orbit-stage .edu-page,.fengi-orbit-stage .edu-cap,.fengi-orbit-stage .edu-pencil{width:54px!important;height:54px!important}@keyframes fengiV31Book{from{transform:translate(-50%,-50%) rotate(0deg) translateX(178px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(178px) rotate(-360deg)}}@keyframes fengiV31Checklist{from{transform:translate(-50%,-50%) rotate(360deg) translateX(148px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(148px) rotate(-360deg)}}@keyframes fengiV31Cap{from{transform:translate(-50%,-50%) rotate(0deg) translateX(108px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(108px) rotate(-360deg)}}@keyframes fengiV31Pencil{from{transform:translate(-50%,-50%) rotate(360deg) translateX(200px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(200px) rotate(-360deg)}}}
@media(max-width:767px){.fengi-orbit-stage .edu-page,.fengi-orbit-stage .edu-cap,.fengi-orbit-stage .edu-pencil{width:40px!important;height:40px!important;border-radius:12px!important}.fengi-orbit-stage .edu-page.left:before,.fengi-orbit-stage .edu-page.left:after{top:11px!important;width:9px!important;height:14px!important}.fengi-orbit-stage .edu-page.left:before{left:9px!important}.fengi-orbit-stage .edu-page.left:after{right:9px!important}.fengi-orbit-stage .edu-page.right:before{left:12px!important;top:10px!important;width:14px!important;height:17px!important}.fengi-orbit-stage .edu-page.right:after{left:17px!important;top:15px!important;width:7px!important;height:7px!important}.fengi-orbit-stage .edu-cap:before{top:11px!important;width:20px!important;height:10px!important}.fengi-orbit-stage .edu-cap:after{top:20px!important;width:11px!important;height:5px!important}.fengi-orbit-stage .edu-pencil:before{left:8px!important;top:18px!important;width:20px!important;height:5px!important}.fengi-orbit-stage .edu-pencil:after{left:23px!important;top:15px!important;border-top-width:5px!important;border-bottom-width:5px!important;border-left-width:7px!important}@keyframes fengiV31Book{from{transform:translate(-50%,-50%) rotate(0deg) translateX(98px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(98px) rotate(-360deg)}}@keyframes fengiV31Checklist{from{transform:translate(-50%,-50%) rotate(360deg) translateX(76px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(76px) rotate(-360deg)}}@keyframes fengiV31Cap{from{transform:translate(-50%,-50%) rotate(0deg) translateX(56px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(56px) rotate(-360deg)}}@keyframes fengiV31Pencil{from{transform:translate(-50%,-50%) rotate(360deg) translateX(108px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(108px) rotate(-360deg)}}}


/* ======================================================================
   v3.4 FINAL FIX – clearly visible futuristic education orbit + better mobile login
   ====================================================================== */

/* ---------- Better mobile header actions ---------- */
@media(max-width:1024px){
  .fengi-mobile-actions{display:flex!important;align-items:center!important;gap:10px!important;position:relative!important;z-index:120!important}
  .fengi-header-actions{display:none!important}
  .fengi-mobile-login{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    min-height:42px!important;padding:0 14px!important;border-radius:14px!important;
    border:1px solid rgba(161,229,255,.34)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05))!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.16),0 10px 26px rgba(0,0,0,.16)!important;
    color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important;line-height:1!important;
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease!important;
  }
  .fengi-mobile-login:hover{transform:translateY(-2px)!important;border-color:rgba(94,220,255,.58)!important;box-shadow:0 14px 30px rgba(0,112,255,.18),inset 0 1px rgba(255,255,255,.18)!important}
  .fengi-mobile-login .fengi-svg,.fengi-mobile-toggle .fengi-svg{display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .fengi-mobile-login .fengi-svg svg,.fengi-mobile-toggle .fengi-svg svg{display:block!important;width:18px!important;height:18px!important;stroke:#fff!important;fill:none!important;stroke-width:2.2!important}
  .fengi-mobile-toggle{
    display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;
    border-radius:14px!important;border:1px solid rgba(161,229,255,.34)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05))!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.16),0 10px 26px rgba(0,0,0,.16)!important;
    color:#fff!important;
  }
}
@media(max-width:767px){
  .fengi-mobile-login{min-height:40px!important;padding:0 12px!important;border-radius:12px!important;font-size:13px!important}
  .fengi-mobile-login-text{display:none!important}
  .fengi-mobile-login .fengi-svg svg,.fengi-mobile-toggle .fengi-svg svg{width:17px!important;height:17px!important}
  .fengi-mobile-toggle{width:40px!important;height:40px!important;border-radius:12px!important}
}

/* ---------- FINAL orbit design ---------- */
.fengi-orbit-stage{
  position:absolute!important;left:50%!important;top:10px!important;transform:translateX(-50%)!important;
  width:min(720px,90%)!important;aspect-ratio:1!important;border-radius:50%!important;
  z-index:1!important;pointer-events:none!important;overflow:visible!important;
  background:radial-gradient(circle at center,rgba(14,110,255,.14) 0%,rgba(14,110,255,.06) 26%,transparent 66%)!important;
  filter:drop-shadow(0 0 26px rgba(66,194,255,.20))!important;
}
/* remove old moving dots */
.fengi-orbit-stage .orb,
.fengi-orbit-stage .edu-star{display:none!important}
/* strong visible glow */
.fengi-orbit-stage:before{
  content:""!important;position:absolute!important;left:50%!important;top:50%!important;
  width:62%!important;height:62%!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(39,134,255,.34) 0%,rgba(68,201,255,.16) 35%,rgba(0,0,0,0) 68%)!important;
  filter:blur(4px)!important;opacity:1!important;animation:fengiV34CorePulse 5.2s ease-in-out infinite!important;
}
/* futuristic sweeping arc */
.fengi-orbit-stage:after{
  content:""!important;position:absolute!important;inset:9%!important;border-radius:50%!important;opacity:1!important;
  background:conic-gradient(from 0deg,
      transparent 0 10%, rgba(135,244,255,.94) 14%, rgba(69,119,255,.82) 22%, transparent 30%,
      transparent 56%, rgba(120,240,255,.80) 62%, rgba(62,111,255,.72) 70%, transparent 78%,
      transparent 100%)!important;
  -webkit-mask:radial-gradient(circle at center, transparent 67%, #000 69% 72%, transparent 75%)!important;
  mask:radial-gradient(circle at center, transparent 67%, #000 69% 72%, transparent 75%)!important;
  animation:fengiV34Sweep 10s linear infinite!important;
}
/* rings */
.fengi-orbit-stage .ring{display:block!important;position:absolute!important;border-radius:50%!important;opacity:1!important;z-index:1!important}
.fengi-orbit-stage .ring-1{inset:12%!important;border:1.6px solid rgba(132,234,255,.40)!important;box-shadow:0 0 18px rgba(74,194,255,.14), inset 0 0 18px rgba(53,132,255,.07)!important;animation:fengiV34RingPulse 5.4s ease-in-out infinite!important}
.fengi-orbit-stage .ring-2{inset:22%!important;border:1.6px dashed rgba(120,214,255,.50)!important;box-shadow:0 0 16px rgba(72,181,255,.14)!important;animation:fengiV34RotateReverse 18s linear infinite!important}
.fengi-orbit-stage .ring-3{inset:33%!important;border:1.3px solid rgba(88,139,255,.32)!important;box-shadow:0 0 14px rgba(88,139,255,.12)!important;animation:fengiV34RingPulse 7s ease-in-out infinite reverse!important}

/* education symbol bubbles orbiting slowly */
.fengi-orbit-stage .edu-page,
.fengi-orbit-stage .edu-cap,
.fengi-orbit-stage .edu-pencil{
  display:block!important;position:absolute!important;left:50%!important;top:50%!important;z-index:3!important;
  width:56px!important;height:56px!important;border-radius:18px!important;
  border:1px solid rgba(163,236,255,.42)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05))!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
  box-shadow:0 16px 30px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.18), 0 0 22px rgba(63,184,255,.14)!important;
  overflow:visible!important;
}
/* Book */
.fengi-orbit-stage .edu-page.left{animation:fengiV34OrbitBook 16s linear infinite!important}
.fengi-orbit-stage .edu-page.left:before,
.fengi-orbit-stage .edu-page.left:after{content:""!important;position:absolute!important;top:16px!important;width:13px!important;height:18px!important;border:2px solid rgba(166,245,255,.95)!important;background:transparent!important;box-shadow:none!important}
.fengi-orbit-stage .edu-page.left:before{left:13px!important;border-right-width:1px!important;border-radius:6px 2px 2px 6px!important}
.fengi-orbit-stage .edu-page.left:after{right:13px!important;border-left-width:1px!important;border-radius:2px 6px 6px 2px!important}
/* Checklist */
.fengi-orbit-stage .edu-page.right{animation:fengiV34OrbitChecklist 20s linear infinite reverse!important}
.fengi-orbit-stage .edu-page.right:before{content:""!important;position:absolute!important;left:18px!important;top:15px!important;width:19px!important;height:23px!important;border:2px solid rgba(166,245,255,.95)!important;border-radius:5px!important;background:transparent!important}
.fengi-orbit-stage .edu-page.right:after{content:""!important;position:absolute!important;left:24px!important;top:22px!important;width:9px!important;height:9px!important;border-left:2px solid rgba(166,245,255,.95)!important;border-bottom:2px solid rgba(166,245,255,.95)!important;transform:rotate(-45deg)!important}
/* Graduation cap */
.fengi-orbit-stage .edu-cap{animation:fengiV34OrbitCap 14s linear infinite!important}
.fengi-orbit-stage .edu-cap:before{content:""!important;position:absolute!important;left:50%!important;top:16px!important;width:28px!important;height:13px!important;transform:translateX(-50%)!important;background:linear-gradient(135deg,rgba(156,246,255,.96),rgba(70,112,255,.86))!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;box-shadow:0 0 16px rgba(96,228,255,.26)!important}
.fengi-orbit-stage .edu-cap:after{content:""!important;position:absolute!important;left:50%!important;top:29px!important;width:17px!important;height:6px!important;transform:translateX(-50%)!important;border-radius:0 0 8px 8px!important;background:linear-gradient(180deg,rgba(182,250,255,.94),rgba(88,175,255,.70))!important}
/* Pencil */
.fengi-orbit-stage .edu-pencil{animation:fengiV34OrbitPencil 18s linear infinite!important}
.fengi-orbit-stage .edu-pencil:before{content:""!important;position:absolute!important;left:13px!important;top:25px!important;width:28px!important;height:6px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(255,213,102,.96) 0 64%,rgba(255,149,68,.92) 64% 82%,rgba(255,245,220,.94) 82% 100%)!important;transform:rotate(-24deg)!important;box-shadow:0 0 10px rgba(255,213,102,.16)!important}
.fengi-orbit-stage .edu-pencil:after{content:""!important;position:absolute!important;left:35px!important;top:21px!important;width:0!important;height:0!important;border-top:6px solid transparent!important;border-bottom:6px solid transparent!important;border-left:8px solid rgba(255,245,220,.94)!important;transform:rotate(-24deg)!important}

@keyframes fengiV34CorePulse{0%,100%{opacity:.52;transform:translate(-50%,-50%) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
@keyframes fengiV34Sweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes fengiV34RotateReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes fengiV34RingPulse{0%,100%{opacity:.48;transform:scale(.986)}50%{opacity:.92;transform:scale(1.018)}}
@keyframes fengiV34OrbitBook{from{transform:translate(-50%,-50%) rotate(0deg) translateX(215px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(215px) rotate(-360deg)}}
@keyframes fengiV34OrbitChecklist{from{transform:translate(-50%,-50%) rotate(360deg) translateX(175px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(175px) rotate(-360deg)}}
@keyframes fengiV34OrbitCap{from{transform:translate(-50%,-50%) rotate(0deg) translateX(120px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(120px) rotate(-360deg)}}
@keyframes fengiV34OrbitPencil{from{transform:translate(-50%,-50%) rotate(360deg) translateX(245px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(245px) rotate(-360deg)}}

@media(max-width:1024px){
  .fengi-orbit-stage{width:min(620px,90%)!important;top:20px!important}
  .fengi-orbit-stage .edu-page,.fengi-orbit-stage .edu-cap,.fengi-orbit-stage .edu-pencil{width:50px!important;height:50px!important;border-radius:16px!important}
  @keyframes fengiV34OrbitBook{from{transform:translate(-50%,-50%) rotate(0deg) translateX(180px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(180px) rotate(-360deg)}}
  @keyframes fengiV34OrbitChecklist{from{transform:translate(-50%,-50%) rotate(360deg) translateX(145px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(145px) rotate(-360deg)}}
  @keyframes fengiV34OrbitCap{from{transform:translate(-50%,-50%) rotate(0deg) translateX(98px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(98px) rotate(-360deg)}}
  @keyframes fengiV34OrbitPencil{from{transform:translate(-50%,-50%) rotate(360deg) translateX(205px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(205px) rotate(-360deg)}}
}
@media(max-width:767px){
  .fengi-orbit-stage{width:min(320px,94vw)!important;top:-2px!important}
  .fengi-orbit-stage .ring-1{inset:12%!important}.fengi-orbit-stage .ring-2{inset:22%!important}.fengi-orbit-stage .ring-3{inset:33%!important}
  .fengi-orbit-stage .edu-page,.fengi-orbit-stage .edu-cap,.fengi-orbit-stage .edu-pencil{width:38px!important;height:38px!important;border-radius:12px!important}
  .fengi-orbit-stage .edu-page.left:before,.fengi-orbit-stage .edu-page.left:after{top:10px!important;width:9px!important;height:13px!important}
  .fengi-orbit-stage .edu-page.left:before{left:8px!important}.fengi-orbit-stage .edu-page.left:after{right:8px!important}
  .fengi-orbit-stage .edu-page.right:before{left:12px!important;top:10px!important;width:13px!important;height:16px!important}
  .fengi-orbit-stage .edu-page.right:after{left:16px!important;top:15px!important;width:7px!important;height:7px!important}
  .fengi-orbit-stage .edu-cap:before{top:11px!important;width:18px!important;height:9px!important}.fengi-orbit-stage .edu-cap:after{top:20px!important;width:10px!important;height:4px!important}
  .fengi-orbit-stage .edu-pencil:before{left:8px!important;top:17px!important;width:18px!important;height:5px!important}.fengi-orbit-stage .edu-pencil:after{left:22px!important;top:14px!important;border-top-width:5px!important;border-bottom-width:5px!important;border-left-width:6px!important}
  @keyframes fengiV34OrbitBook{from{transform:translate(-50%,-50%) rotate(0deg) translateX(94px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(94px) rotate(-360deg)}}
  @keyframes fengiV34OrbitChecklist{from{transform:translate(-50%,-50%) rotate(360deg) translateX(73px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(73px) rotate(-360deg)}}
  @keyframes fengiV34OrbitCap{from{transform:translate(-50%,-50%) rotate(0deg) translateX(52px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg) translateX(52px) rotate(-360deg)}}
  @keyframes fengiV34OrbitPencil{from{transform:translate(-50%,-50%) rotate(360deg) translateX(110px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(0deg) translateX(110px) rotate(-360deg)}}
}

/* ======================================================================
   v3.5 Tutor LMS Courses Carousel Widget
   ====================================================================== */
.fengi-courses-section{position:relative;overflow:hidden;background:#fbf8f3;padding:70px 20px;color:#111827}.fengi-courses-container{width:100%;max-width:1540px;margin:0 auto}.fengi-courses-heading{text-align:center;max-width:780px;margin:0 auto 28px}.fengi-courses-title{margin:0 0 10px;font-size:clamp(32px,3.2vw,54px);line-height:1.05;font-weight:900;letter-spacing:-.035em}.fengi-courses-subtitle{margin:0;color:#667085;font-size:18px;line-height:1.6}.fengi-course-tabs{display:flex;align-items:center;justify-content:center;gap:38px;margin:0 0 46px;flex-wrap:wrap}.fengi-course-tab{appearance:none;border:0;background:transparent;color:#252525;cursor:pointer;font-size:17px;font-weight:800;line-height:1;padding:8px 0;border-radius:999px;transition:color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease}.fengi-course-tab:hover{transform:translateY(-2px)}.fengi-course-tab.is-active{color:#ff5b45}.fengi-courses-carousel{position:relative}.fengi-courses-viewport{overflow:hidden;width:100%;padding:4px 0 18px}.fengi-courses-track{--course-gap:32px;--course-visible:4;display:flex;gap:var(--course-gap);transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}.fengi-course-slide{flex:0 0 calc((100% - (var(--course-gap) * (var(--course-visible) - 1))) / var(--course-visible));min-width:0}.fengi-course-card{--course-lift:10px;position:relative;display:block;height:420px;border-radius:22px;overflow:hidden;text-decoration:none!important;color:#fff;box-shadow:0 18px 38px rgba(17,24,39,.14);transform:translateY(0);transition:transform .38s ease,box-shadow .38s ease,filter .38s ease}.fengi-course-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.68));opacity:.36;transition:opacity .38s ease}.fengi-course-card:after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.18) 49%,transparent 60%);transform:translateX(-120%);transition:transform .75s ease;pointer-events:none}.fengi-course-card:hover{transform:translateY(calc(var(--course-lift) * -1));box-shadow:0 30px 70px rgba(17,24,39,.24);filter:saturate(1.05)}.fengi-course-card:hover:before{opacity:.22}.fengi-course-card:hover:after{transform:translateX(120%)}.fengi-course-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .5s ease}.fengi-course-card:hover img{transform:scale(1.06);filter:brightness(1.04)}.fengi-course-info{position:absolute;left:22px;right:22px;bottom:22px;z-index:4;padding:24px 26px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(34,34,34,.58);box-shadow:0 18px 45px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.10);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:transform .35s ease,border-color .35s ease,background .35s ease}.fengi-course-card:hover .fengi-course-info{transform:translateY(-4px);border-color:rgba(255,255,255,.24);background:rgba(32,36,44,.64)}.fengi-course-badge{display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:13px;font-weight:800;line-height:1}.fengi-course-title{margin:0;color:#fff;font-size:21px;line-height:1.45;font-weight:900;letter-spacing:-.02em}.fengi-course-divider{height:1px;margin:18px 0 12px;background:rgba(255,255,255,.10)}.fengi-course-meta{display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.78);font-size:14px;font-weight:650}.fengi-course-meta span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.fengi-course-meta svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fengi-course-arrow{position:absolute;top:50%;z-index:10;width:46px;height:46px;border:0;border-radius:999px;background:rgba(255,255,255,.72);color:#2680ff;box-shadow:0 12px 28px rgba(17,24,39,.12);display:grid;place-items:center;cursor:pointer;font-size:34px;line-height:1;transform:translateY(-50%);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,opacity .25s ease}.fengi-course-arrow:hover{transform:translateY(-50%) scale(1.08);background:#fff;box-shadow:0 16px 34px rgba(24,118,255,.18)}.fengi-course-prev{left:-24px}.fengi-course-next{right:-24px}.fengi-course-arrow[disabled]{opacity:.35;cursor:not-allowed}.fengi-course-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}.fengi-course-dot{width:8px;height:8px;border-radius:999px;border:0;background:rgba(24,118,255,.28);padding:0;cursor:pointer;transition:width .25s ease,background .25s ease,transform .25s ease}.fengi-course-dot.is-active{width:22px;background:#2680ff}.fengi-course-empty{width:100%;padding:40px;text-align:center;border:1px dashed rgba(0,0,0,.18);border-radius:18px;color:#667085}.fengi-course-slide.is-hidden{display:none}.fengi-course-animate{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}.fengi-course-animate.is-visible{opacity:1;transform:translateY(0)}.elementor-editor-active .fengi-course-animate,.elementor-editor-preview .fengi-course-animate{opacity:1!important;transform:none!important}
@media(max-width:1350px){.fengi-course-prev{left:8px}.fengi-course-next{right:8px}.fengi-courses-viewport{padding-left:56px;padding-right:56px}}@media(max-width:1024px){.fengi-courses-track{--course-visible:2}.fengi-course-tabs{gap:18px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.fengi-course-tabs::-webkit-scrollbar{display:none}.fengi-course-tab{flex:0 0 auto}.fengi-course-card{height:390px}.fengi-course-title{font-size:19px}.fengi-course-meta{font-size:13px;gap:12px}.fengi-course-info{padding:20px;left:18px;right:18px;bottom:18px}}@media(max-width:767px){.fengi-courses-section{padding:52px 14px}.fengi-courses-track{--course-visible:1}.fengi-courses-heading{text-align:left}.fengi-courses-subtitle{font-size:15px}.fengi-course-tabs{margin-bottom:26px;gap:12px}.fengi-course-tab{font-size:14px;padding:9px 14px;background:rgba(255,255,255,.72);box-shadow:0 8px 18px rgba(17,24,39,.06)}.fengi-course-tab.is-active{background:#fff;color:#ff5b45}.fengi-courses-viewport{padding-left:0;padding-right:0}.fengi-course-arrow{display:none}.fengi-course-card{height:360px;border-radius:18px}.fengi-course-info{left:14px;right:14px;bottom:14px;padding:18px;border-radius:16px}.fengi-course-title{font-size:18px;line-height:1.38}.fengi-course-meta{font-size:12px;gap:10px;flex-wrap:wrap}.fengi-course-dots{margin-top:10px}}


/* ==================== v3.6 Tutor LMS courses carousel refinements ==================== */
.fengi-courses-section{position:relative;overflow:hidden;background:#fbf8f3;padding:70px 20px;color:#111827}
.fengi-courses-section:before{content:"";position:absolute;left:-10%;top:-8%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(41,121,255,.10),transparent 70%);pointer-events:none;filter:blur(2px)}
.fengi-courses-section:after{content:"";position:absolute;right:-5%;top:10%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(0,222,255,.08),transparent 68%);pointer-events:none;filter:blur(2px)}
.fengi-courses-heading{position:relative;text-align:center;max-width:860px;margin:0 auto 20px;padding:8px 18px 8px}
.fengi-courses-title{position:relative;display:inline-block;margin:0 0 10px;font-size:clamp(34px,3.3vw,58px);line-height:1.04;font-weight:900;letter-spacing:-.04em;color:#0f172a;background:linear-gradient(180deg,#0b1530 0%,#132d5f 42%,#1970ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 30px rgba(47,116,255,.10)}
.fengi-courses-title:after{content:"";display:block;width:100px;max-width:45%;height:3px;margin:14px auto 0;border-radius:999px;background:linear-gradient(90deg,rgba(34,197,255,0),rgba(32,120,255,.95),rgba(56,214,255,.95),rgba(34,197,255,0));box-shadow:0 0 20px rgba(56,214,255,.26);animation:fengiCoursesLineGlow 4s ease-in-out infinite}
.fengi-courses-subtitle{margin:0 auto;color:#667085;font-size:18px;line-height:1.55;max-width:760px}
.fengi-heading-float{position:absolute;display:grid;place-items:center;border-radius:50%;pointer-events:none;opacity:.95}
.fengi-heading-float svg{display:block;width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fengi-heading-float-book{left:8%;top:0;width:54px;height:54px;border:1px solid rgba(117,207,255,.28);background:linear-gradient(135deg,rgba(26,131,255,.92),rgba(27,199,255,.72));box-shadow:0 18px 34px rgba(33,122,255,.15);animation:fengiHeadingFloatY 4.6s ease-in-out infinite}
.fengi-heading-float-cap{right:8%;top:18px;width:48px;height:48px;border:1px solid rgba(117,207,255,.24);background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(227,243,255,.62));box-shadow:0 16px 30px rgba(15,23,42,.08);animation:fengiHeadingFloatY 5.2s ease-in-out infinite reverse}
.fengi-heading-float-cap svg{stroke:#1f72ff}
.fengi-heading-float-spark{right:15%;bottom:8px;width:10px;height:10px;background:#30d5ff;box-shadow:0 0 0 6px rgba(48,213,255,.08),0 0 18px rgba(48,213,255,.38);animation:fengiHeadingSpark 3.6s ease-in-out infinite}
.fengi-course-animate{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.fengi-course-animate.is-visible{opacity:1;transform:translateY(0) scale(1)}

/* tabs glass */
.fengi-course-tabs{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 40px;flex-wrap:wrap}
.fengi-course-tab{appearance:none;border:1px solid transparent;background:rgba(255,255,255,.46);color:#252525;cursor:pointer;font-size:16px;font-weight:800;line-height:1;padding:12px 18px;border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 26px rgba(17,24,39,.06), inset 0 1px rgba(255,255,255,.58);transition:color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.fengi-course-tab:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.46));border-color:rgba(69,184,255,.24);box-shadow:0 14px 30px rgba(17,24,39,.08),0 0 0 1px rgba(69,184,255,.08) inset}
.fengi-course-tab.is-active{color:#1677ff;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(239,247,255,.68));border-color:rgba(75,190,255,.34);box-shadow:0 14px 34px rgba(16,112,255,.10),inset 0 1px rgba(255,255,255,.92),0 0 20px rgba(80,201,255,.14)}

/* arrows */
.fengi-courses-carousel{position:relative}
.fengi-courses-viewport{overflow:hidden;width:100%;padding:4px 0 18px}
.fengi-course-arrow{position:absolute;top:50%;z-index:10;width:54px;height:54px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:linear-gradient(135deg,rgba(11,20,38,.88),rgba(28,43,72,.74));color:#fff;box-shadow:0 16px 32px rgba(9,17,33,.18),inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;place-items:center;cursor:pointer;font-size:30px;font-weight:400;line-height:1;transform:translateY(-50%);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,opacity .25s ease}
.fengi-course-arrow:hover{transform:translateY(-50%) scale(1.06);border-color:rgba(84,201,255,.45);background:linear-gradient(135deg,rgba(19,30,54,.94),rgba(33,53,95,.82));box-shadow:0 20px 36px rgba(8,24,54,.22),0 0 26px rgba(55,171,255,.16)}
.fengi-course-prev{left:-26px}.fengi-course-next{right:-26px}
.fengi-course-arrow[disabled]{opacity:.35;cursor:not-allowed}

/* card hover underline */
.fengi-course-title{margin:0;color:#fff;font-size:21px;line-height:1.45;font-weight:900;letter-spacing:-.02em}
.fengi-course-title{display:inline;position:relative;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0% 2px;background-position:0 100%;transition:background-size .42s cubic-bezier(.2,.8,.2,1),color .25s ease}
.fengi-course-card:hover .fengi-course-title{background-size:100% 2px}

/* course info slight premium tweak */
.fengi-course-info{position:absolute;left:22px;right:22px;bottom:22px;z-index:4;padding:24px 26px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(34,34,34,.50);box-shadow:0 18px 45px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.10);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .35s ease,border-color .35s ease,background .35s ease}
.fengi-course-card:hover .fengi-course-info{transform:translateY(-4px);border-color:rgba(255,255,255,.26);background:rgba(20,26,37,.58)}

@keyframes fengiCoursesLineGlow{0%,100%{opacity:.62;transform:scaleX(.96)}50%{opacity:1;transform:scaleX(1)}}
@keyframes fengiHeadingFloatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes fengiHeadingSpark{0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.24);opacity:1}}

@media(max-width:1350px){
  .fengi-course-prev{left:6px}.fengi-course-next{right:6px}.fengi-courses-viewport{padding-left:62px;padding-right:62px}
}
@media(max-width:1024px){
  .fengi-courses-heading{padding:4px 10px 2px}.fengi-courses-subtitle{font-size:16px}
  .fengi-heading-float-book{left:0;top:-2px;width:46px;height:46px}.fengi-heading-float-cap{right:0;top:10px;width:42px;height:42px}.fengi-heading-float svg{width:18px;height:18px}
  .fengi-course-tabs{gap:14px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.fengi-course-tabs::-webkit-scrollbar{display:none}
  .fengi-course-tab{flex:0 0 auto;font-size:15px;padding:11px 16px}
  .fengi-course-arrow{width:48px;height:48px;font-size:26px}
}
@media(max-width:767px){
  .fengi-courses-section{padding:50px 14px}
  .fengi-courses-heading{text-align:left;max-width:none;padding-right:28px}
  .fengi-courses-title{font-size:clamp(30px,8vw,42px);display:block}
  .fengi-courses-title:after{margin:12px 0 0;width:84px}
  .fengi-courses-subtitle{font-size:15px;max-width:none}
  .fengi-heading-float-book{left:auto;right:48px;top:-6px;width:42px;height:42px}.fengi-heading-float-cap{right:0;top:12px;width:38px;height:38px}.fengi-heading-float svg{width:16px;height:16px}.fengi-heading-float-spark{right:14px;bottom:auto;top:54px;width:8px;height:8px}
  .fengi-course-tabs{margin-bottom:24px;gap:10px}
  .fengi-course-tab{font-size:14px;padding:10px 14px;background:rgba(255,255,255,.74)}
  .fengi-courses-viewport{padding-left:0;padding-right:0}
  .fengi-course-arrow{display:none}
}

/* ==================== v3.7 Tutor courses final polish ==================== */

/* Premium glass heading */
.fengi-courses-heading{
  position:relative!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:30px 34px 24px!important;
  border:1px solid rgba(15, 108, 255, .10)!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,255,255,.38))!important;
  box-shadow:0 28px 80px rgba(15,23,42,.07), inset 0 1px rgba(255,255,255,.86)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  overflow:hidden!important;
}
.fengi-courses-heading:before{
  content:""!important;
  position:absolute!important;
  inset:-40% 18% auto 18%!important;
  height:120px!important;
  border-radius:999px!important;
  background:radial-gradient(ellipse at center,rgba(54,178,255,.22),transparent 70%)!important;
  filter:blur(8px)!important;
  pointer-events:none!important;
}
.fengi-courses-heading:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:44%!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,rgba(44,155,255,.55),rgba(79,225,255,.45),transparent)!important;
  pointer-events:none!important;
}
.fengi-courses-title{
  margin-top:0!important;
  font-size:clamp(34px,3.25vw,56px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  background:linear-gradient(180deg,#0d172d 0%,#132b5a 55%,#176bff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.fengi-courses-title:after{
  width:108px!important;
  height:3px!important;
  margin-top:12px!important;
}
.fengi-courses-subtitle{
  position:relative!important;
  z-index:2!important;
  margin-top:0!important;
  max-width:780px!important;
}

/* Smaller, cleaner floating education symbols for heading */
.fengi-heading-float{
  z-index:1!important;
  opacity:.78!important;
}
.fengi-heading-float-book{
  left:24px!important;
  top:24px!important;
  width:42px!important;
  height:42px!important;
  background:linear-gradient(135deg,rgba(33,147,255,.96),rgba(38,218,255,.80))!important;
  box-shadow:0 16px 30px rgba(33,130,255,.14)!important;
}
.fengi-heading-float-cap{
  right:24px!important;
  top:24px!important;
  width:42px!important;
  height:42px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(232,246,255,.70))!important;
}
.fengi-heading-float-spark{
  right:74px!important;
  top:auto!important;
  bottom:22px!important;
}

/* Category tabs: glass desktop, clean mobile */
.fengi-course-tabs{
  gap:14px!important;
  margin-bottom:36px!important;
}
.fengi-course-tab{
  border:1px solid rgba(15,108,255,.08)!important;
  outline:none!important;
  box-shadow:0 10px 25px rgba(15,23,42,.045), inset 0 1px rgba(255,255,255,.72)!important;
}
.fengi-course-tab:hover,
.fengi-course-tab:focus,
.fengi-course-tab:focus-visible{
  outline:none!important;
  border-color:rgba(76,190,255,.30)!important;
  box-shadow:0 14px 30px rgba(15,108,255,.075), inset 0 1px rgba(255,255,255,.82)!important;
}
.fengi-course-tab.is-active{
  color:#1177ff!important;
  border-color:rgba(60,190,255,.36)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(239,248,255,.62))!important;
}

/* Arrows: dark circular glass */
.fengi-course-arrow{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  border:1px solid rgba(165,225,255,.22)!important;
  background:linear-gradient(135deg,rgba(9,18,34,.94),rgba(20,35,62,.82))!important;
  color:#ffffff!important;
  box-shadow:0 18px 38px rgba(2,8,23,.28), inset 0 1px rgba(255,255,255,.16), 0 0 24px rgba(49,159,255,.15)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:30px!important;
}
.fengi-course-arrow:hover{
  background:linear-gradient(135deg,rgba(11,24,48,.98),rgba(27,49,92,.88))!important;
  border-color:rgba(84,210,255,.50)!important;
  box-shadow:0 22px 44px rgba(2,8,23,.34),0 0 30px rgba(56,172,255,.22), inset 0 1px rgba(255,255,255,.18)!important;
}
.fengi-course-prev{left:-28px!important;}
.fengi-course-next{right:-28px!important;}
.fengi-course-arrow[disabled]{opacity:.42!important}

/* Touch swipe support visual */
.fengi-courses-viewport{
  touch-action:pan-y!important;
  cursor:grab;
}
.fengi-courses-viewport.is-dragging{
  cursor:grabbing;
}
.fengi-courses-viewport.is-dragging .fengi-courses-track{
  transition:none!important;
}

/* Ensure mobile arrows are visible and aligned */
@media(max-width:1350px){
  .fengi-course-prev{left:8px!important;}
  .fengi-course-next{right:8px!important;}
  .fengi-courses-viewport{padding-left:64px!important;padding-right:64px!important;}
}
@media(max-width:1024px){
  .fengi-courses-heading{
    padding:24px 24px 22px!important;
    border-radius:28px!important;
  }
  .fengi-courses-title{
    font-size:clamp(32px,5.5vw,46px)!important;
  }
  .fengi-heading-float-book,
  .fengi-heading-float-cap{
    width:36px!important;
    height:36px!important;
  }
  .fengi-heading-float svg{width:16px!important;height:16px!important;}
  .fengi-course-tabs{
    justify-content:center!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    gap:8px!important;
    padding-bottom:0!important;
    margin-bottom:24px!important;
  }
  .fengi-course-tab{
    font-size:13px!important;
    padding:9px 12px!important;
    background:transparent!important;
    border-color:rgba(30,120,255,.14)!important;
    box-shadow:none!important;
  }
  .fengi-course-tab:hover,
  .fengi-course-tab:focus,
  .fengi-course-tab:focus-visible{
    border-color:rgba(60,190,255,.28)!important;
    background:rgba(255,255,255,.30)!important;
    box-shadow:none!important;
  }
  .fengi-course-tab.is-active{
    background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(235,248,255,.55))!important;
    box-shadow:0 10px 22px rgba(15,108,255,.08), inset 0 1px rgba(255,255,255,.82)!important;
  }
  .fengi-course-arrow{
    width:46px!important;
    height:46px!important;
    font-size:26px!important;
  }
}
@media(max-width:767px){
  .fengi-courses-section{padding:44px 14px!important;}
  .fengi-courses-heading{
    text-align:center!important;
    padding:22px 18px 20px!important;
    border-radius:24px!important;
    margin-bottom:18px!important;
  }
  .fengi-courses-title{
    display:block!important;
    font-size:clamp(29px,8vw,40px)!important;
  }
  .fengi-courses-title:after{
    margin-left:auto!important;
    margin-right:auto!important;
    width:78px!important;
  }
  .fengi-courses-subtitle{font-size:14px!important;line-height:1.5!important;}
  .fengi-heading-float-book{left:14px!important;top:14px!important;width:30px!important;height:30px!important;}
  .fengi-heading-float-cap{right:14px!important;top:14px!important;width:30px!important;height:30px!important;}
  .fengi-heading-float svg{width:13px!important;height:13px!important;}
  .fengi-heading-float-spark{display:none!important;}
  .fengi-course-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px!important;
    overflow:visible!important;
    padding:0!important;
    margin-bottom:20px!important;
  }
  .fengi-course-tab{
    background:transparent!important;
    border:1px solid rgba(30,120,255,.13)!important;
    box-shadow:none!important;
    font-size:12px!important;
    padding:8px 10px!important;
    color:#202938!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .fengi-course-tab:hover,
  .fengi-course-tab:focus,
  .fengi-course-tab:focus-visible,
  .fengi-course-tab:active{
    outline:none!important;
    border-top-color:rgba(30,120,255,.13)!important;
    box-shadow:none!important;
  }
  .fengi-course-tab.is-active{
    color:#126fff!important;
    background:rgba(255,255,255,.62)!important;
    border-color:rgba(65,185,255,.30)!important;
    box-shadow:0 8px 18px rgba(15,108,255,.08)!important;
  }
  .fengi-courses-viewport{
    padding-left:46px!important;
    padding-right:46px!important;
  }
  .fengi-course-arrow{
    display:grid!important;
    width:38px!important;
    height:38px!important;
    font-size:22px!important;
    top:50%!important;
  }
  .fengi-course-prev{left:2px!important;}
  .fengi-course-next{right:2px!important;}
}


/* ==================== v3.8 final arrows fix ==================== */
/* make desktop arrows proper circles, darker glass, fully visible */
.fengi-courses-carousel{overflow:visible!important}
.fengi-courses-viewport{overflow:hidden!important}
.fengi-course-arrow{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  border-radius:50%!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:32px!important;
  line-height:1!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:linear-gradient(135deg, rgba(15,25,44,.94), rgba(34,52,86,.86))!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  box-shadow:0 18px 34px rgba(8,18,36,.18), inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 1px rgba(77,174,255,.06)!important;
  overflow:hidden!important;
}
.fengi-course-arrow:hover{
  transform:translateY(-50%) scale(1.05)!important;
  background:linear-gradient(135deg, rgba(18,31,56,.98), rgba(42,66,108,.90))!important;
  border-color:rgba(99,205,255,.42)!important;
  box-shadow:0 22px 38px rgba(6,23,56,.22), 0 0 24px rgba(59,171,255,.16)!important;
}
.fengi-course-arrow:before{display:none!important}
.fengi-course-arrow svg{width:20px!important;height:20px!important}
.fengi-course-prev{left:14px!important}
.fengi-course-next{right:14px!important}
@media(max-width:1350px){
  .fengi-courses-viewport{padding-left:72px!important;padding-right:72px!important}
  .fengi-course-prev{left:10px!important}
  .fengi-course-next{right:10px!important}
}
@media(max-width:1024px){
  .fengi-courses-viewport{padding-left:68px!important;padding-right:68px!important}
  .fengi-course-arrow{
    width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;font-size:28px!important;
  }
  .fengi-course-prev{left:8px!important}
  .fengi-course-next{right:8px!important}
}
/* remove arrows on mobile completely */
@media(max-width:767px){
  .fengi-course-arrow{display:none!important}
  .fengi-courses-viewport{padding-left:0!important;padding-right:0!important}
}


/* ==================== v3.9 courses: outside arrows + smoother entrance/filter ==================== */
.fengi-courses-section{overflow:hidden!important}
.fengi-courses-container{position:relative!important}
.fengi-courses-carousel{position:relative!important;overflow:visible!important;padding-left:0!important;padding-right:0!important}
.fengi-courses-viewport{overflow:hidden!important;padding-left:0!important;padding-right:0!important}
/* arrows outside the carousel/cards */
.fengi-course-arrow{
  width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
  border-radius:50%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  position:absolute!important;top:50%!important;z-index:20!important;transform:translateY(-50%)!important;
  color:#fff!important;background:linear-gradient(135deg,rgba(12,23,43,.96),rgba(35,55,88,.88))!important;
  border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 18px 34px rgba(8,18,36,.20),inset 0 1px rgba(255,255,255,.12),0 0 0 1px rgba(77,174,255,.06)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;line-height:1!important;font-size:30px!important;
}
.fengi-course-prev{left:-72px!important}.fengi-course-next{right:-72px!important}
.fengi-course-arrow:hover{transform:translateY(-50%) scale(1.06)!important;border-color:rgba(91,211,255,.50)!important;box-shadow:0 22px 44px rgba(7,24,55,.26),0 0 28px rgba(56,176,255,.18)!important;background:linear-gradient(135deg,rgba(18,33,61,.98),rgba(42,66,106,.90))!important}
.fengi-course-arrow[disabled]{opacity:.32!important;cursor:not-allowed!important;transform:translateY(-50%)!important}
/* give room on medium screens, keep outside card area */
@media(max-width:1680px){.fengi-course-prev{left:-34px!important}.fengi-course-next{right:-34px!important}}
@media(max-width:1350px){.fengi-courses-viewport{padding-left:0!important;padding-right:0!important}.fengi-course-prev{left:8px!important}.fengi-course-next{right:8px!important}}
@media(max-width:1024px){.fengi-course-arrow{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;font-size:27px!important}.fengi-course-prev{left:8px!important}.fengi-course-next{right:8px!important}}
@media(max-width:767px){.fengi-course-arrow{display:none!important}.fengi-courses-viewport{padding-left:0!important;padding-right:0!important}}

/* stronger entrance animation for heading, tabs and course boxes */
.fengi-course-animate{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.fengi-course-animate.is-visible{opacity:1;transform:translateY(0) scale(1)}
.fengi-course-slide{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .62s ease,transform .62s cubic-bezier(.16,1,.3,1)}
.fengi-course-slide.fengi-card-visible{opacity:1;transform:translateY(0) scale(1)}
.fengi-course-slide:nth-child(2){transition-delay:.06s}.fengi-course-slide:nth-child(3){transition-delay:.12s}.fengi-course-slide:nth-child(4){transition-delay:.18s}.fengi-course-slide:nth-child(5){transition-delay:.24s}
/* smooth category change */
.fengi-courses-track.is-filtering{transition:opacity .18s ease,transform .18s ease!important;opacity:0;transform:translateY(12px)!important}
.fengi-courses-track.is-filtered{animation:fengiCourseFilterIn .55s cubic-bezier(.16,1,.3,1) both}
@keyframes fengiCourseFilterIn{0%{opacity:0;transform:translateY(18px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}
/* make hidden slides fade out before being hidden by JS */
.fengi-course-slide.is-hidden{display:none!important}

/* mobile category tabs: remove background/top outline/focus artifacts; add subtle more indicator */
@media(max-width:767px){
  .fengi-course-tabs{position:relative!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;-webkit-tap-highlight-color:transparent!important}
  .fengi-course-tabs:after{content:"Swipe →";position:sticky;right:0;align-self:center;flex:0 0 auto;font-size:12px;font-weight:800;color:rgba(22,119,255,.70);padding:9px 2px 9px 10px;background:linear-gradient(90deg,rgba(251,248,243,0),#fbf8f3 35%)}
  .fengi-course-tab{background:transparent!important;box-shadow:none!important;border:0!important;outline:0!important;-webkit-tap-highlight-color:transparent!important}
  .fengi-course-tab:focus,.fengi-course-tab:focus-visible,.fengi-course-tab:active{outline:none!important;border-top:0!important;box-shadow:none!important}
  .fengi-course-tab.is-active{background:rgba(255,255,255,.68)!important;border:1px solid rgba(89,196,255,.24)!important;box-shadow:0 10px 24px rgba(17,24,39,.06),inset 0 1px rgba(255,255,255,.75)!important}
}


/* v4.0 course card link fix */
.fengi-course-card{cursor:pointer!important;text-decoration:none!important;}
.fengi-course-link-cover{position:absolute!important;inset:0!important;z-index:2!important;display:block!important;text-decoration:none!important;color:inherit!important;}
.fengi-course-card img{z-index:0!important;}
.fengi-course-card:before{z-index:1!important;}
.fengi-course-card:after{z-index:3!important;pointer-events:none!important;}
.fengi-course-info{z-index:4!important;pointer-events:auto!important;}
.fengi-course-title-link{color:inherit!important;text-decoration:none!important;position:relative!important;z-index:5!important;display:inline!important;background-image:linear-gradient(currentColor,currentColor)!important;background-repeat:no-repeat!important;background-size:0% 2px!important;background-position:0 100%!important;transition:background-size .42s cubic-bezier(.2,.8,.2,1),color .25s ease!important;}
.fengi-course-card:hover .fengi-course-title-link{background-size:100% 2px!important;}
.fengi-course-title{background-image:none!important;}
.fengi-courses-viewport.is-dragging .fengi-course-card,.fengi-courses-viewport.is-dragging .fengi-course-link-cover,.fengi-courses-viewport.is-dragging .fengi-course-title-link{cursor:grabbing!important;}


/* v4.1 hard fix: course cards are real links */
.fengi-course-card{display:block!important;cursor:pointer!important;text-decoration:none!important;position:relative!important;}
.fengi-course-card,.fengi-course-card *{text-decoration:none!important;}
.fengi-course-link-cover,.fengi-course-title-link{display:none!important;}
.fengi-course-info{pointer-events:none!important;}
.fengi-course-title{pointer-events:none!important;}
.fengi-course-meta,.fengi-course-badge{pointer-events:none!important;}
.fengi-courses-viewport.is-dragging .fengi-course-card{pointer-events:none!important;}


/* v4.2 course link fix: card is now a div role=link with real title link */
.fengi-course-card{cursor:pointer!important;text-decoration:none!important;position:relative!important;display:block!important;}
.fengi-course-card:focus-visible{outline:3px solid rgba(38,128,255,.55)!important;outline-offset:4px!important;}
.fengi-course-title-link{display:inline!important;color:inherit!important;text-decoration:none!important;position:relative!important;z-index:8!important;pointer-events:auto!important;background-image:linear-gradient(currentColor,currentColor)!important;background-repeat:no-repeat!important;background-size:0% 2px!important;background-position:0 100%!important;transition:background-size .42s cubic-bezier(.2,.8,.2,1),color .25s ease!important;}
.fengi-course-card:hover .fengi-course-title-link{background-size:100% 2px!important;}
.fengi-course-info{pointer-events:auto!important;}
.fengi-course-badge,.fengi-course-meta,.fengi-course-meta *{pointer-events:none!important;}
.fengi-course-card img,.fengi-course-card:before,.fengi-course-card:after{pointer-events:none!important;}
.fengi-courses-viewport.is-dragging .fengi-course-card,.fengi-courses-viewport.is-dragging .fengi-course-title-link{cursor:grabbing!important;}

/* v4.3: real anchor course card clickable fix */
.fengi-course-card{
  display:block!important;
  position:relative!important;
  cursor:pointer!important;
  text-decoration:none!important;
  color:#fff!important;
  pointer-events:auto!important;
}
.fengi-course-card *{text-decoration:none!important;}
.fengi-course-card img,
.fengi-course-card:before,
.fengi-course-card:after{pointer-events:none!important;}
.fengi-course-info,
.fengi-course-title,
.fengi-course-title-text{pointer-events:none!important;}
.fengi-course-badge,.fengi-course-meta,.fengi-course-meta *{pointer-events:none!important;}
.fengi-course-title-text{display:inline;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0% 2px;background-position:0 100%;transition:background-size .42s cubic-bezier(.2,.8,.2,1),color .25s ease!important;}
.fengi-course-card:hover .fengi-course-title-text{background-size:100% 2px!important;}
.fengi-courses-viewport.is-dragging .fengi-course-card{cursor:grabbing!important;}
.fengi-course-card:focus-visible{outline:3px solid rgba(38,128,255,.55)!important;outline-offset:4px!important;}


/* ==================== v5.1 Single Course Layout Widget ==================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

.fsc-wrap{--fsc-accent:#1677ff;--fsc-accent2:#21d4fd;font-family:'Inter',sans-serif;background:#f7fbff;color:#526174;padding:40px 18px 70px;position:relative;overflow:hidden}
.fsc-wrap *{box-sizing:border-box}
.fsc-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(33,212,253,.12),transparent 28%),radial-gradient(circle at 82% 18%,rgba(22,119,255,.14),transparent 30%),linear-gradient(180deg,#fff,#f6fbff);pointer-events:none}
.fsc-container{max-width:1180px;margin:0 auto;position:relative;z-index:1}
.fsc-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.fsc-breadcrumb{display:inline-flex;padding:9px 14px;border:1px solid rgba(75,126,255,.12);border-radius:999px;background:rgba(255,255,255,.68);backdrop-filter:blur(12px);font-size:13px;color:#637083;margin-bottom:18px}
.fsc-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(22,119,255,.13),rgba(33,212,253,.13));color:var(--fsc-accent);font-weight:800;font-size:12px;text-transform:uppercase;margin-bottom:14px}
.fsc-title{margin:0 0 18px;color:#07142f;font-size:clamp(34px,4.2vw,58px);line-height:1.04;letter-spacing:-.04em;font-weight:900;max-width:760px}
.fsc-meta-row{display:flex;flex-wrap:wrap;gap:12px 18px;margin-bottom:22px;color:#667085;font-weight:600}
.fsc-meta-row span{display:inline-flex;align-items:center;gap:7px}.fsc-wrap svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fsc-preview-card{position:relative;border:1px solid rgba(31,94,255,.12);border-radius:28px;background:rgba(255,255,255,.62);box-shadow:0 24px 70px rgba(15,50,110,.10),inset 0 1px rgba(255,255,255,.85);padding:12px;overflow:hidden;backdrop-filter:blur(18px)}
.fsc-preview-card img{width:100%;height:410px;object-fit:cover;border-radius:20px;display:block}
.fsc-preview-card:after{content:"";position:absolute;inset:12px;border-radius:20px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.36));pointer-events:none}
.fsc-play{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--fsc-accent2),var(--fsc-accent));color:#fff;box-shadow:0 18px 36px rgba(22,119,255,.26)}
.fsc-play svg{width:30px;height:30px;fill:none}
.fsc-preview-footer{position:absolute;left:26px;right:26px;bottom:24px;z-index:3;display:flex;justify-content:space-between;color:#fff;font-weight:700;font-size:13px}
.fsc-side-card,.fsc-glass,.fsc-tabbar{background:rgba(255,255,255,.72);border:1px solid rgba(80,128,190,.13);box-shadow:0 24px 70px rgba(15,50,110,.10),inset 0 1px rgba(255,255,255,.90);backdrop-filter:blur(18px);border-radius:26px}
.fsc-side-card{position:sticky;top:24px;padding:18px}.fsc-side-thumb{position:relative;margin-bottom:18px}.fsc-side-thumb img{width:100%;height:170px;object-fit:cover;border-radius:18px}.fsc-side-thumb span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--fsc-accent2),var(--fsc-accent));color:#fff}
.fsc-price{font-size:34px;font-weight:900;color:#07142f;margin-bottom:14px}.fsc-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:15px 24px;border-radius:14px;text-decoration:none!important;font-weight:800;margin:10px 0;transition:.25s ease}.fsc-btn-primary{background:linear-gradient(135deg,var(--fsc-accent2),var(--fsc-accent));color:#fff!important;box-shadow:0 16px 34px rgba(22,119,255,.22)}.fsc-btn-outline{background:rgba(255,255,255,.72);border:1px solid rgba(22,119,255,.2);color:#07142f!important}
.fsc-side-list{margin-top:18px}.fsc-side-list div{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid rgba(15,23,42,.07);font-size:14px}.fsc-side-list span{display:inline-flex;align-items:center;gap:8px}.fsc-side-list strong{color:#07142f;text-align:right}
.fsc-tabbar{display:flex;justify-content:space-around;margin:26px 0 18px;overflow:hidden}.fsc-tabbar a{flex:1;text-align:center;padding:18px 10px;color:#526174;text-decoration:none!important;font-weight:800;border-right:1px solid rgba(15,23,42,.06)}.fsc-tabbar a:hover{color:var(--fsc-accent);background:rgba(22,119,255,.05)}
.fsc-glass{padding:24px;margin-bottom:18px}.fsc-section-title{margin:0 0 16px;color:#07142f;font-size:24px;line-height:1.2;font-weight:900}.fsc-content{line-height:1.75}.fsc-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.fsc-chip-row span{padding:10px 14px;border-radius:999px;background:rgba(22,119,255,.06);border:1px solid rgba(22,119,255,.12);color:#0b5bd3;font-weight:700;font-size:13px}
.fsc-grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fsc-mini-card{display:grid;place-items:center;text-align:center;gap:10px;min-height:120px;padding:18px;border:1px solid rgba(22,119,255,.10);border-radius:18px;background:rgba(255,255,255,.56);font-weight:700;color:#07142f}.fsc-mini-card svg{color:var(--fsc-accent);width:26px;height:26px}
.fsc-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fsc-link-btn{border:0;background:transparent;color:var(--fsc-accent);font-weight:800;cursor:pointer}
.fsc-topic,.fsc-faq{border:1px solid rgba(15,23,42,.08);border-radius:16px;background:rgba(255,255,255,.54);margin:10px 0;overflow:hidden}.fsc-topic summary,.fsc-faq summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;padding:16px 18px;font-weight:800;color:#07142f}.fsc-topic-body,.fsc-faq p{padding:0 18px 16px;margin:0;line-height:1.7}
.fsc-instructor{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:18px}.fsc-avatar{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--fsc-accent2),var(--fsc-accent));color:#fff;font-size:30px;font-weight:900}.fsc-instructor h2{margin:4px 0;color:#07142f}.fsc-instructor-stats{text-align:center;border-left:1px solid rgba(15,23,42,.08);padding-left:18px}.fsc-instructor-stats strong{display:block;color:#07142f;font-size:22px}.fsc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;padding-left:20px}
.fsc-review-grid,.fsc-related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fsc-review{padding:18px;border-radius:18px;background:rgba(255,255,255,.58);border:1px solid rgba(15,23,42,.08)}.fsc-review strong{color:#f59e0b}.fsc-related{grid-template-columns:repeat(4,1fr)}.fsc-related-card{text-decoration:none!important;color:#07142f;border:1px solid rgba(15,23,42,.08);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.62);font-weight:800}.fsc-related-card img{width:100%;height:120px;object-fit:cover;display:block}.fsc-related-card span{display:block;padding:12px}
.fsc-anim{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}.fsc-anim.is-visible{opacity:1;transform:translateY(0)}
.elementor-editor-active .fsc-anim{opacity:1!important;transform:none!important}

@media(max-width:1024px){.fsc-hero{grid-template-columns:1fr}.fsc-side-card{position:relative;top:auto;display:grid;grid-template-columns:220px 1fr;gap:18px}.fsc-side-thumb{margin:0}.fsc-side-list{grid-column:1/-1}.fsc-preview-card img{height:360px}.fsc-grid-cards{grid-template-columns:repeat(2,1fr)}.fsc-instructor{grid-template-columns:auto 1fr}.fsc-instructor-stats{border-left:0;padding-left:0}.fsc-review-grid,.fsc-related{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.fsc-wrap{padding:24px 12px 46px}.fsc-title{font-size:34px}.fsc-meta-row{gap:10px;font-size:13px}.fsc-preview-card{border-radius:22px;padding:8px}.fsc-preview-card img{height:230px;border-radius:16px}.fsc-play{width:58px;height:58px}.fsc-preview-footer{left:18px;right:18px;font-size:12px}.fsc-side-card{display:block;padding:14px;border-radius:22px}.fsc-side-thumb img{height:190px}.fsc-price{font-size:28px}.fsc-tabbar{overflow-x:auto;justify-content:flex-start;border-radius:18px}.fsc-tabbar a{min-width:130px;padding:15px 10px;font-size:13px}.fsc-glass{padding:18px;border-radius:22px}.fsc-grid-cards,.fsc-review-grid,.fsc-related,.fsc-list{grid-template-columns:1fr}.fsc-instructor{grid-template-columns:1fr;text-align:center}.fsc-avatar{margin:auto}.fsc-instructor-stats{display:inline-block}.fsc-side-list div{font-size:13px}.fsc-breadcrumb{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


/* =========================================================
   Fengi Auth Forms Widgets - Student / Instructor / Login
   Style-only wrapper for Tutor LMS shortcodes
   ========================================================= */
.fengi-auth-section{
    --fengi-auth-accent:#0ea5ff;
    --fengi-auth-accent2:#21d4fd;
    position:relative;
    overflow:hidden;
    min-height:100vh;
    padding:90px 20px;
    background:#07111f;
    isolation:isolate;
}
.fengi-auth-section *,
.fengi-auth-section input,
.fengi-auth-section button,
.fengi-auth-section textarea,
.fengi-auth-section select{
    box-sizing:border-box;
    font-family:"Inter","Poppins",Arial,sans-serif;
}
.fengi-auth-section:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(135deg,rgba(8,15,31,.94),rgba(9,25,48,.90)),
        radial-gradient(circle at 12% 18%,rgba(33,212,253,.20),transparent 30%),
        radial-gradient(circle at 88% 20%,rgba(14,165,255,.22),transparent 34%),
        radial-gradient(circle at 50% 100%,rgba(37,99,235,.16),transparent 38%);
    z-index:-3;
}
.fengi-auth-section:after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:52px 52px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 75%);
    z-index:-2;
}
.fengi-auth-shell{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1120px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(420px,1fr);
    gap:18px;
    padding:14px;
    border-radius:32px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 32px 90px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.18);
    backdrop-filter:blur(26px) saturate(1.18);
    -webkit-backdrop-filter:blur(26px) saturate(1.18);
}
.fengi-auth-no-info .fengi-auth-shell{
    grid-template-columns:minmax(0,620px);
    justify-content:center;
}
.fengi-auth-info{
    position:relative;
    overflow:hidden;
    min-height:620px;
    border-radius:24px;
    padding:48px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    background:
        linear-gradient(145deg,rgba(14,165,255,.30),rgba(33,212,253,.08)),
        radial-gradient(circle at 18% 18%,rgba(255,255,255,.18),transparent 30%),
        rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.14);
}
.fengi-auth-info:before{
    content:"";
    position:absolute;
    top:38px;
    left:38px;
    width:108px;
    height:108px;
    border-radius:30px;
    background:linear-gradient(135deg,var(--fengi-auth-accent2),var(--fengi-auth-accent));
    box-shadow:0 20px 45px rgba(14,165,255,.30);
    opacity:.9;
}
.fengi-auth-info:after{
    content:"";
    position:absolute;
    right:-82px;
    top:82px;
    width:260px;
    height:260px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.20);
    box-shadow:inset 0 0 70px rgba(255,255,255,.08);
}
.fengi-auth-badge{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:9px 14px;
    border-radius:999px;
    color:#c8f5ff;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.16);
    font-weight:700;
    font-size:13px;
    letter-spacing:.02em;
    margin-bottom:18px;
}
.fengi-auth-title{
    margin:0 0 16px;
    color:#fff;
    font-size:clamp(34px,4vw,56px);
    line-height:1.02;
    letter-spacing:-.045em;
    font-weight:850;
}
.fengi-auth-subtitle{
    margin:0 0 28px;
    color:rgba(226,232,240,.78);
    font-size:16px;
    line-height:1.75;
    max-width:520px;
}
.fengi-auth-features{
    display:grid;
    gap:12px;
    margin-top:2px;
}
.fengi-auth-feature{
    display:flex;
    align-items:center;
    gap:12px;
    color:rgba(226,232,240,.84);
    font-weight:600;
}
.fengi-auth-check{
    width:28px;
    height:28px;
    min-width:28px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:linear-gradient(135deg,var(--fengi-auth-accent2),var(--fengi-auth-accent));
    color:#fff;
    box-shadow:0 10px 24px rgba(14,165,255,.28);
}
.fengi-auth-mini-card{
    margin-top:34px;
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14);
}
.fengi-auth-mini-card span{
    display:block;
    color:rgba(226,232,240,.72);
    font-size:13px;
    margin-bottom:6px;
}
.fengi-auth-mini-card strong{
    color:#fff;
    font-size:16px;
}
.fengi-auth-card{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    padding:42px;
    background:rgba(255,255,255,.92);
    box-shadow:0 26px 80px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.96);
    border:1px solid rgba(255,255,255,.72);
}
.fengi-auth-card-glow{
    position:absolute;
    top:-160px;
    right:-160px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(33,212,253,.28),transparent 65%);
    pointer-events:none;
}
.fengi-auth-mobile-head{
    display:none;
    position:relative;
    z-index:2;
    margin-bottom:24px;
}
.fengi-auth-form-wrap{
    position:relative;
    z-index:2;
}
.fengi-auth-form-wrap form{
    width:100%;
    margin:0!important;
}
.fengi-auth-form-wrap label,
.fengi-auth-form-wrap .tutor-form-label{
    color:#0b1630!important;
    font-weight:700!important;
    font-size:14px!important;
    margin-bottom:10px!important;
}
.fengi-auth-form-wrap input[type="text"],
.fengi-auth-form-wrap input[type="email"],
.fengi-auth-form-wrap input[type="password"],
.fengi-auth-form-wrap input[type="url"],
.fengi-auth-form-wrap input[type="tel"],
.fengi-auth-form-wrap select,
.fengi-auth-form-wrap textarea,
.fengi-auth-form-wrap .tutor-form-control{
    width:100%!important;
    min-height:52px!important;
    border-radius:14px!important;
    border:1px solid rgba(15,23,42,.12)!important;
    background:rgba(248,251,255,.88)!important;
    color:#0b1630!important;
    padding:14px 16px!important;
    box-shadow:0 10px 26px rgba(15,50,110,.045)!important;
    transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.fengi-auth-form-wrap input:focus,
.fengi-auth-form-wrap textarea:focus,
.fengi-auth-form-wrap select:focus,
.fengi-auth-form-wrap .tutor-form-control:focus{
    border-color:rgba(14,165,255,.55)!important;
    background:#fff!important;
    box-shadow:0 0 0 4px rgba(14,165,255,.12),0 12px 28px rgba(15,50,110,.07)!important;
    outline:0!important;
}
.fengi-auth-form-wrap input::placeholder,
.fengi-auth-form-wrap textarea::placeholder{
    color:#96a2b6!important;
}
.fengi-auth-form-wrap .tutor-mb-24,
.fengi-auth-form-wrap .tutor-form-group,
.fengi-auth-form-wrap p{
    margin-bottom:22px!important;
}
.fengi-auth-form-wrap .tutor-btn,
.fengi-auth-form-wrap button,
.fengi-auth-form-wrap input[type="submit"],
.fengi-auth-form-wrap .tutor-button{
    width:100%!important;
    min-height:54px!important;
    border:0!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,var(--fengi-auth-accent2),var(--fengi-auth-accent))!important;
    color:#fff!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    box-shadow:0 18px 38px rgba(14,165,255,.28)!important;
    transition:transform .22s ease,box-shadow .22s ease!important;
}
.fengi-auth-form-wrap .tutor-btn:hover,
.fengi-auth-form-wrap button:hover,
.fengi-auth-form-wrap input[type="submit"]:hover,
.fengi-auth-form-wrap .tutor-button:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 45px rgba(14,165,255,.34)!important;
}
.fengi-auth-form-wrap a{
    color:#0b83ff!important;
    font-weight:700!important;
    text-decoration:none!important;
}
.fengi-auth-form-wrap a:hover{
    color:#0369d9!important;
}
.fengi-auth-form-wrap .tutor-form-check-input,
.fengi-auth-form-wrap input[type="checkbox"]{
    width:22px!important;
    height:22px!important;
    border-radius:6px!important;
    accent-color:var(--fengi-auth-accent)!important;
}
.fengi-auth-form-wrap .tutor-login-wrap,
.fengi-auth-form-wrap .tutor-login-form-wrapper,
.fengi-auth-form-wrap .tutor-registration-form,
.fengi-auth-form-wrap .tutor-form-wrap{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    max-width:100%!important;
}
.fengi-auth-form-wrap .tutor-modal,
.fengi-auth-form-wrap .tutor-card{
    border-radius:24px!important;
}
.fengi-auth-form-wrap .tutor-login-divider,
.fengi-auth-form-wrap .tutor-login-google-wrapper,
.fengi-auth-form-wrap .tutor-social-login-wrap{
    border-color:rgba(15,23,42,.08)!important;
}
.fengi-auth-form-wrap .tutor-google-login,
.fengi-auth-form-wrap a[href*="google"],
.fengi-auth-form-wrap button[class*="google"]{
    background:#fff!important;
    color:#1f2937!important;
    border:1px solid rgba(15,23,42,.12)!important;
    box-shadow:0 10px 24px rgba(15,50,110,.06)!important;
}
.fengi-auth-float{
    position:absolute;
    z-index:1;
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    border-radius:18px;
    color:#dff8ff;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 20px 46px rgba(0,0,0,.22);
    backdrop-filter:blur(12px);
    animation:fengiAuthFloat 6s ease-in-out infinite;
}
.fengi-auth-float-1{left:8%;top:16%;animation-delay:.1s}
.fengi-auth-float-2{right:8%;top:22%;animation-delay:1.4s}
.fengi-auth-float-3{right:16%;bottom:12%;animation-delay:2.2s}
.fengi-auth-orb{
    position:absolute;
    z-index:0;
    border-radius:50%;
    pointer-events:none;
    filter:blur(2px);
}
.fengi-auth-orb-1{
    width:340px;
    height:340px;
    left:-120px;
    bottom:-90px;
    background:radial-gradient(circle,rgba(33,212,253,.18),transparent 68%);
}
.fengi-auth-orb-2{
    width:360px;
    height:360px;
    right:-130px;
    top:-100px;
    background:radial-gradient(circle,rgba(14,165,255,.20),transparent 70%);
}
@keyframes fengiAuthFloat{
    0%,100%{transform:translateY(0) rotate(0deg)}
    50%{transform:translateY(-16px) rotate(4deg)}
}

@media(max-width:1024px){
    .fengi-auth-shell{
        grid-template-columns:1fr;
        max-width:760px;
    }
    .fengi-auth-info{
        min-height:auto;
        padding:38px;
    }
    .fengi-auth-title{
        font-size:40px;
    }
}
@media(max-width:767px){
    .fengi-auth-section{
        min-height:auto;
        padding:52px 14px;
    }
    .fengi-auth-shell{
        padding:8px;
        border-radius:24px;
        gap:10px;
    }
    .fengi-auth-info{
        display:none;
    }
    .fengi-auth-card{
        padding:26px 18px;
        border-radius:22px;
    }
    .fengi-auth-mobile-head{
        display:block;
    }
    .fengi-auth-mobile-head .fengi-auth-title{
        color:#0b1630;
        font-size:27px;
        line-height:1.12;
        letter-spacing:-.03em;
        margin-bottom:10px;
    }
    .fengi-auth-mobile-head .fengi-auth-badge{
        color:#075985;
        background:rgba(14,165,255,.10);
        border-color:rgba(14,165,255,.16);
    }
    .fengi-auth-form-wrap input[type="text"],
    .fengi-auth-form-wrap input[type="email"],
    .fengi-auth-form-wrap input[type="password"],
    .fengi-auth-form-wrap input[type="url"],
    .fengi-auth-form-wrap input[type="tel"],
    .fengi-auth-form-wrap select,
    .fengi-auth-form-wrap textarea,
    .fengi-auth-form-wrap .tutor-form-control{
        min-height:50px!important;
        font-size:14px!important;
    }
    .fengi-auth-form-wrap .tutor-btn,
    .fengi-auth-form-wrap button,
    .fengi-auth-form-wrap input[type="submit"],
    .fengi-auth-form-wrap .tutor-button{
        min-height:52px!important;
        font-size:15px!important;
    }
    .fengi-auth-float{
        width:42px;
        height:42px;
        border-radius:14px;
        opacity:.55;
    }
    .fengi-auth-float-1{left:6%;top:4%}
    .fengi-auth-float-2{right:5%;top:7%}
    .fengi-auth-float-3{display:none}
}


/* =========================================================
   Fengi v5.3 Hero + Courses urgent fixes
   ========================================================= */

/* Remove the small blue stuck/loading icon/shape in hero */
.fengi-hero .fengi-bg-glow,
.fengi-hero .glow-a,
.fengi-hero .glow-b,
.fengi-hero .fengi-orb-stage:before,
.fengi-hero .fengi-orbit-stage:before {
    display: none !important;
}

/* Stop the small blue visual artifact from appearing on mobile near title/owner area */
@media (max-width: 767px) {
    .fengi-hero .glow-a,
    .fengi-hero .glow-b,
    .fengi-hero .fengi-bg-glow,
    .fengi-hero .orb,
    .fengi-hero .orb-1,
    .fengi-hero .orb-2 {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

/* Fix owner/under-image animation getting stuck while loading */
.fengi-visual,
.fengi-owner-wrap,
.fengi-owner,
.fengi-orbit-stage,
.fengi-feature-card {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform-style: preserve-3d !important;
}

.fengi-owner-wrap {
    will-change: auto !important;
    transform: translate3d(0, var(--owner-y, 0px), 0) !important;
}

.fengi-owner {
    will-change: transform !important;
    transform: translate3d(0,0,0) !important;
}

/* Make desktop orbit/circle stronger and more highlighted */
@media (min-width: 1025px) {
    .fengi-orbit-stage {
        background:
            radial-gradient(circle, rgba(10,132,255,.34) 0 18%, rgba(33,212,253,.13) 36%, transparent 64%) !important;
        filter: drop-shadow(0 0 36px rgba(0,150,255,.22)) !important;
    }

    .fengi-orbit-stage .ring {
        border-color: rgba(68,190,255,.68) !important;
        box-shadow:
            0 0 42px rgba(0,155,255,.34),
            inset 0 0 42px rgba(33,212,253,.18) !important;
    }

    .fengi-orbit-stage .ring-2 {
        border-color: rgba(47,214,255,.58) !important;
        opacity: .98 !important;
        animation-duration: 30s !important;
    }

    .fengi-orbit-stage .ring-3 {
        border-color: rgba(76,155,255,.56) !important;
        opacity: .88 !important;
    }
}

/* Mobile hero: make circle smoother and prevent clipped loading glow */
@media (max-width: 767px) {
    .fengi-hero {
        overflow: hidden !important;
    }

    .fengi-orbit-stage {
        background:
            radial-gradient(circle, rgba(10,132,255,.24) 0 20%, rgba(33,212,253,.10) 42%, transparent 66%) !important;
        filter: none !important;
    }

    .fengi-orbit-stage .ring {
        box-shadow:
            0 0 24px rgba(0,155,255,.18),
            inset 0 0 24px rgba(33,212,253,.10) !important;
    }
}

/* Course tabs/Swipe section bug fix: remove black blob near first category tab */
.fengi-course-tabs:before,
.fengi-course-tabs:after,
.fengi-course-tab:before,
.fengi-course-tab:after {
    display: none !important;
    content: none !important;
}

@media (max-width: 767px) {
    .fengi-course-tabs {
        position: relative !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: 10px !important;
        padding: 0 0 8px !important;
        margin-bottom: 18px !important;
        scrollbar-width: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
        background: transparent !important;
    }

    .fengi-course-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .fengi-course-tab {
        position: relative !important;
        flex: 0 0 auto !important;
        background: rgba(255,255,255,.74) !important;
        color: #162238 !important;
        border: 1px solid rgba(30,120,255,.12) !important;
        box-shadow: none !important;
        overflow: visible !important;
        isolation: auto !important;
    }

    .fengi-course-tab.is-active {
        background: rgba(255,255,255,.94) !important;
        color: #1177ff !important;
        box-shadow: 0 8px 20px rgba(15,108,255,.08) !important;
    }

    /* Make Swipe label text-only, no blob/background */
    .fengi-course-tabs .fengi-course-tab:last-child,
    .fengi-course-tab[data-filter="swipe"],
    .fengi-course-tab.fengi-swipe-tab {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}

/* If any old dark arrow appears inside the category tabs on mobile, hide it */
@media (max-width: 767px) {
    .fengi-course-tabs .fengi-course-arrow,
    .fengi-course-tabs .fengi-course-prev,
    .fengi-course-tabs .fengi-course-next,
    .fengi-course-tabs button[aria-label*="Previous"],
    .fengi-course-tabs button[aria-label*="Next"] {
        display: none !important;
    }
}


/* =========================================================
   Fengi v5.7
   Base: v5.3 positions restored.
   Only removes blue artifact + heavy stuck hologram pieces.
   No mobile position changes.
   ========================================================= */

/* Remove unwanted blue decorative icon/shape in hero orbit area */
.fengi-hero .fengi-orbit-stage .edu-page,
.fengi-hero .fengi-orbit-stage .edu-cap,
.fengi-hero .fengi-orbit-stage .edu-pencil,
.fengi-hero .fengi-orbit-stage .edu-star,
.fengi-hero .fengi-orbit-stage .edu-page:before,
.fengi-hero .fengi-orbit-stage .edu-cap:before,
.fengi-hero .fengi-orbit-stage .edu-cap:after,
.fengi-hero .fengi-orbit-stage .edu-pencil:after,
.fengi-hero .fengi-orbit-stage .edu-star:before,
.fengi-hero .fengi-orbit-stage .edu-star:after,
.fengi-hero .fengi-orbit-stage > span:not(.ring):not(.orb) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
}

/* Hide small orbit dots too because they can appear as stuck blue marks */
.fengi-hero .fengi-orbit-stage .orb,
.fengi-hero .fengi-orbit-stage .orb-1,
.fengi-hero .fengi-orbit-stage .orb-2 {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
}

/* Remove only the heavy hologram animation that caused lag/stuck feeling.
   This does NOT change v5.3 mobile owner/card positions. */
.fengi-hero .fengi-holo-base,
.fengi-hero .fengi-holo-base *,
.fengi-hero .fengi-owner-wrap:before,
.fengi-hero .fengi-owner-wrap:after,
.fengi-hero .fengi-orbit-stage:after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
}

/* Keep owner image visible and positioned by original v5.3 CSS */
.fengi-hero .fengi-owner-wrap,
.fengi-hero .fengi-owner {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Reduce load jump without changing placement */
.fengi-hero .fengi-owner,
.fengi-hero .fengi-feature-card {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    will-change: auto !important;
}

/* Desktop circle still stronger/highlighted */
@media (min-width: 1025px) {
    .fengi-hero .fengi-orbit-stage {
        background:
            radial-gradient(circle, rgba(10,132,255,.34) 0 18%, rgba(33,212,253,.15) 38%, transparent 66%) !important;
        filter: drop-shadow(0 0 36px rgba(0,150,255,.22)) !important;
    }

    .fengi-hero .fengi-orbit-stage .ring {
        border-color: rgba(68,190,255,.68) !important;
        box-shadow:
            0 0 42px rgba(0,155,255,.30),
            inset 0 0 42px rgba(33,212,253,.16) !important;
    }
}

/* Mobile: keep v5.3 positions. Only ensure removed elements stay hidden. */
@media (max-width: 767px) {
    .fengi-hero .fengi-owner-wrap,
    .fengi-hero .fengi-owner {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .fengi-hero .fengi-orbit-stage .edu-page,
    .fengi-hero .fengi-orbit-stage .edu-cap,
    .fengi-hero .fengi-orbit-stage .edu-pencil,
    .fengi-hero .fengi-orbit-stage .edu-star,
    .fengi-hero .fengi-orbit-stage .orb,
    .fengi-hero .fengi-holo-base,
    .fengi-hero .fengi-owner-wrap:before,
    .fengi-hero .fengi-owner-wrap:after,
    .fengi-hero .fengi-orbit-stage:after {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        animation: none !important;
    }
}


/* =========================================================
   Fengi v5.8 Owner horizontal move control
   ========================================================= */
.fengi-hero .fengi-owner-wrap {
    --owner-x: 0px;
    transform: translate3d(var(--owner-x), var(--owner-y, 0px), 0) !important;
}

/* Mobile also supports the same Owner Horizontal Move control */
@media (max-width: 767px) {
    .fengi-hero .fengi-owner-wrap {
        transform: translate3d(var(--owner-x), var(--owner-y, 0px), 0) !important;
    }
}


/* =========================================================
   Fengi Glass Footer Widget
   ========================================================= */
.fengi-footer{
    --fengi-footer-accent:#0ea5ff;
    --fengi-footer-accent2:#21d4fd;
    position:relative;
    overflow:hidden;
    padding:90px 20px 30px;
    background-color:#061022;
    color:#fff;
    isolation:isolate;
}
.fengi-footer:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-4;
    background:
        radial-gradient(circle at 16% 12%, rgba(33,212,253,.15), transparent 32%),
        radial-gradient(circle at 86% 15%, rgba(14,116,255,.18), transparent 35%),
        linear-gradient(135deg,#04101f,#071b34 52%,#031026);
}
.fengi-footer:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-3;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:52px 52px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 82%);
}
.fengi-footer-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-5;
    opacity:.18;
}
.fengi-footer-video-overlay{
    position:absolute;
    inset:0;
    z-index:-4;
    background:linear-gradient(135deg,rgba(4,12,26,.88),rgba(3,16,38,.90));
}
.fengi-footer-orb{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    filter:blur(2px);
    z-index:-2;
}
.fengi-footer-orb-1{
    left:-120px;
    bottom:-120px;
    width:360px;
    height:360px;
    background:radial-gradient(circle,rgba(33,212,253,.18),transparent 68%);
}
.fengi-footer-orb-2{
    right:-130px;
    top:35px;
    width:420px;
    height:420px;
    background:radial-gradient(circle,rgba(14,116,255,.20),transparent 70%);
}
.fengi-footer-container{
    position:relative;
    z-index:2;
    max-width:1320px;
    margin:0 auto;
}
.fengi-footer-glass{
    position:relative;
    overflow:hidden;
    padding:36px 36px 28px;
    border-radius:32px;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 34px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.16);
    backdrop-filter:blur(22px) saturate(1.12);
    -webkit-backdrop-filter:blur(22px) saturate(1.12);
}
.fengi-footer-glass:before{
    content:"";
    position:absolute;
    top:-120px;
    right:-100px;
    width:300px;
    height:300px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(33,212,253,.16),transparent 68%);
    pointer-events:none;
}
.fengi-footer-main{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(280px,1.35fr) minmax(150px,.7fr) minmax(160px,.75fr) minmax(230px,1fr);
    gap:34px;
    align-items:start;
}
.fengi-footer-logo-row{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
}
.fengi-footer-logo{
    width:72px;
    height:auto;
    max-height:72px;
    object-fit:contain;
    filter:drop-shadow(0 10px 24px rgba(33,212,253,.18));
}
.fengi-footer-title{
    margin:0;
    color:#fff;
    font-size:28px;
    line-height:1.1;
    font-weight:850;
    letter-spacing:-.03em;
}
.fengi-footer-desc{
    margin:0 0 22px;
    color:rgba(226,232,240,.76);
    line-height:1.72;
    max-width:430px;
}
.fengi-footer-socials{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.fengi-footer-social,
.fengi-footer-contact-icon{
    display:inline-grid;
    place-items:center;
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:14px;
    background:linear-gradient(135deg,rgba(33,212,253,.14),rgba(14,116,255,.18));
    border:1px solid rgba(255,255,255,.13);
    color:#dff8ff;
    text-decoration:none!important;
    transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.fengi-footer-social:hover{
    transform:translateY(-3px);
    background:linear-gradient(135deg,var(--fengi-footer-accent2),var(--fengi-footer-accent));
    box-shadow:0 18px 32px rgba(14,165,255,.23);
}
.fengi-footer svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.fengi-footer-heading{
    margin:0 0 16px;
    color:#fff;
    font-size:17px;
    font-weight:800;
    letter-spacing:-.01em;
}
.fengi-footer-list,
.fengi-footer-contact-list{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:11px;
}
.fengi-footer-link,
.fengi-footer-contact-link{
    color:rgba(226,232,240,.76);
    text-decoration:none!important;
    font-weight:550;
    transition:color .22s ease,transform .22s ease;
}
.fengi-footer-link:hover,
.fengi-footer-contact-link:hover{
    color:#fff;
}
.fengi-footer-link:hover{
    transform:translateX(4px);
}
.fengi-footer-contact-link{
    display:flex;
    align-items:center;
    gap:12px;
    line-height:1.45;
}
.fengi-footer-contact-icon{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:13px;
}
.fengi-footer-newsletter{
    position:relative;
    z-index:2;
    margin-top:34px;
    padding:22px;
    border-radius:24px;
    background:rgba(255,255,255,.065);
    border:1px solid rgba(255,255,255,.12);
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);
    gap:22px;
    align-items:center;
}
.fengi-footer-news-title{
    margin:0 0 6px;
    color:#fff;
    font-size:22px;
    font-weight:800;
    letter-spacing:-.02em;
}
.fengi-footer-note{
    margin:0;
    color:rgba(226,232,240,.68);
}
.fengi-footer-form{
    display:flex;
    gap:10px;
}
.fengi-footer-form input{
    flex:1;
    min-width:0;
    min-height:50px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:15px;
    background:rgba(255,255,255,.08);
    color:#fff;
    padding:13px 15px;
    outline:0;
}
.fengi-footer-form input::placeholder{
    color:rgba(226,232,240,.55);
}
.fengi-footer-form button{
    min-height:50px;
    border:0;
    border-radius:15px;
    padding:12px 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:linear-gradient(135deg,var(--fengi-footer-accent2),var(--fengi-footer-accent));
    color:#fff;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 18px 34px rgba(14,165,255,.22);
}
.fengi-footer-bottom{
    position:relative;
    z-index:2;
    margin-top:24px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.11);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
}
.fengi-footer-copy{
    margin:0;
    color:rgba(226,232,240,.68);
}
.fengi-footer-bottom-links{
    display:flex;
    flex-wrap:wrap;
    gap:14px 22px;
}

@media(max-width:1024px){
    .fengi-footer-main{
        grid-template-columns:1fr 1fr;
        gap:30px;
    }
    .fengi-footer-newsletter{
        grid-template-columns:1fr;
    }
}
@media(max-width:767px){
    .fengi-footer{
        padding:60px 14px 22px;
    }
    .fengi-footer-video-hide-mobile{
        display:none!important;
    }
    .fengi-footer-glass{
        padding:24px 18px 20px;
        border-radius:24px;
    }
    .fengi-footer-main{
        grid-template-columns:1fr;
        gap:26px;
        text-align:left;
    }
    .fengi-footer-logo-row{
        align-items:center;
    }
    .fengi-footer-logo{
        width:62px;
        max-height:62px;
    }
    .fengi-footer-title{
        font-size:24px;
    }
    .fengi-footer-desc{
        max-width:100%;
        font-size:14px;
    }
    .fengi-footer-socials{
        gap:9px;
    }
    .fengi-footer-newsletter{
        margin-top:28px;
        padding:18px;
        border-radius:20px;
    }
    .fengi-footer-form{
        flex-direction:column;
    }
    .fengi-footer-form button{
        width:100%;
    }
    .fengi-footer-bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }
}


/* =========================================================
   Fengi v6.0 Footer text color fix
   Force footer typography to white/light only
   ========================================================= */

.fengi-footer,
.fengi-footer *:not(input):not(textarea):not(select) {
    color: rgba(255,255,255,.92) !important;
}

.fengi-footer .fengi-footer-title,
.fengi-footer .fengi-footer-heading,
.fengi-footer .fengi-footer-news-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.fengi-footer .fengi-footer-desc,
.fengi-footer .fengi-footer-link,
.fengi-footer .fengi-footer-contact-link,
.fengi-footer .fengi-footer-copy,
.fengi-footer .fengi-footer-note,
.fengi-footer .fengi-footer-bottom-links a {
    color: rgba(226,232,240,.82) !important;
    -webkit-text-fill-color: rgba(226,232,240,.82) !important;
}

.fengi-footer .fengi-footer-link:hover,
.fengi-footer .fengi-footer-contact-link:hover,
.fengi-footer .fengi-footer-bottom-links a:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.fengi-footer .fengi-footer-social,
.fengi-footer .fengi-footer-contact-icon,
.fengi-footer .fengi-footer-social svg,
.fengi-footer .fengi-footer-contact-icon svg {
    color: #e6fbff !important;
    stroke: currentColor !important;
    -webkit-text-fill-color: #e6fbff !important;
}

/* Input text can stay dark/clean on light-glass input if needed */
.fengi-footer .fengi-footer-form input {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.fengi-footer .fengi-footer-form input::placeholder {
    color: rgba(226,232,240,.62) !important;
    -webkit-text-fill-color: rgba(226,232,240,.62) !important;
}

.fengi-footer .fengi-footer-form button,
.fengi-footer .fengi-footer-form button * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Mobile footer readability */
@media (max-width: 767px) {
    .fengi-footer,
    .fengi-footer *:not(input):not(textarea):not(select) {
        color: rgba(255,255,255,.92) !important;
    }

    .fengi-footer .fengi-footer-desc,
    .fengi-footer .fengi-footer-link,
    .fengi-footer .fengi-footer-contact-link,
    .fengi-footer .fengi-footer-copy,
    .fengi-footer .fengi-footer-note {
        color: rgba(226,232,240,.84) !important;
        -webkit-text-fill-color: rgba(226,232,240,.84) !important;
    }
}

/* ==================== v6.1 About Us Glass Widget ==================== */
.fengi-about-widget,
.fengi-about-widget *{box-sizing:border-box}
.fengi-about-widget{
  position:relative;
  overflow:hidden;
  font-family:"Inter",sans-serif;
}
.fengi-about-widget img{display:block;max-width:100%;height:100%;object-fit:cover}
.fengi-about-inner{
  width:100%;
  max-width:1320px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:54px;
  position:relative;
}
.fengi-about-media,
.fengi-about-content{position:relative;min-width:0}
.fengi-about-media{flex:0 0 48%;}
.fengi-about-content{
  flex:0 0 52%;
  padding:12px 0;
  background:rgba(255,255,255,.28);
  border:1px solid rgba(255,255,255,.55);
  border-radius:28px;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.fengi-about-image-stack{position:relative; display:flex; align-items:flex-start; gap:18px; min-height:560px;}
.fengi-about-image-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.75);
  background:rgba(255,255,255,.55);
}
.fengi-about-image-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(9,16,32,.04);
  pointer-events:none;
}
.fengi-about-image-card--1{width:46%; height:470px; align-self:flex-start; animation:fengiAboutFloat1 7s ease-in-out infinite;}
.fengi-about-image-card--2{width:44%; height:460px; margin-top:88px; animation:fengiAboutFloat2 8.5s ease-in-out infinite;}
.fengi-about-image-placeholder{
  height:100%; display:flex; align-items:center; justify-content:center; color:#76829b; font-size:18px; font-weight:600; background:linear-gradient(135deg,#eef3ff,#ffffff);
}
.fengi-about-circle{
  position:absolute;
  left:49%; top:46%;
  width:132px; height:132px;
  transform:translate(-50%,-50%);
  z-index:4;
}
.fengi-about-circle-link{
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  background:#465CF6; border-radius:50%; text-decoration:none; position:relative;
  animation:fengiAboutFloatCircle 6.5s ease-in-out infinite;
}
.fengi-about-circle-svg{width:100%; height:100%; animation:fengiAboutRotate 12s linear infinite;}
.fengi-about-circle text{font-family:"Inter",sans-serif; font-size:11px; font-weight:700; letter-spacing:2.2px; text-transform:uppercase; fill:#fff;}
.fengi-about-circle-center{
  position:absolute; inset:27%;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%; color:#fff; background:rgba(255,255,255,.08);
}
.fengi-about-circle-center svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fengi-about-float-icon{
  position:absolute; z-index:5;
  width:54px; height:54px;
  display:flex; align-items:center; justify-content:center;
  border-radius:18px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.75);
  color:#4559F4;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.fengi-about-float-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fengi-about-float-icon--1{left:4%; top:8%; animation:fengiAboutFloatIcon 6s ease-in-out infinite;}
.fengi-about-float-icon--2{right:6%; bottom:10%; animation:fengiAboutFloatIcon 7.2s ease-in-out infinite reverse;}
.fengi-about-eyebrow{
  display:inline-flex; align-items:center; gap:12px;
  padding:10px 18px; border-radius:999px;
  background:rgba(255,255,255,.82); color:#121629;
  text-transform:uppercase; letter-spacing:1.8px;
  font-size:12px; font-weight:600;
  margin-bottom:22px;
}
.fengi-about-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#5E6CF9;display:inline-block;flex:none}
.fengi-about-title{
  margin:0 0 22px;
  color:#0C102B;
  font-size:clamp(32px,4vw,60px);
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.03em;
}
.fengi-about-description{
  color:#6C7A96;
  font-size:18px;
  line-height:1.7;
  max-width:700px;
}
.fengi-about-divider{height:1px; width:100%; background:rgba(18,22,41,.12); margin:42px 0 34px;}
.fengi-about-stats{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;}
.fengi-about-stat{display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:start;}
.fengi-about-stat-number{color:#4957F5;font-size:56px;line-height:1;font-weight:600;letter-spacing:-.04em}
.fengi-about-stat-text{color:#151B32;font-size:19px;line-height:1.45;font-weight:700;max-width:240px}
.fengi-about-reveal{opacity:0; transform:translateY(38px); transition:opacity .8s ease, transform .8s ease}
.fengi-about-reveal.is-visible{opacity:1; transform:translateY(0)}

@keyframes fengiAboutRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes fengiAboutFloat1{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes fengiAboutFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes fengiAboutFloatCircle{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes fengiAboutFloatIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

@media (max-width: 1200px){
  .fengi-about-inner{gap:36px}
  .fengi-about-image-card--1{width:45%}
  .fengi-about-image-card--2{width:47%}
  .fengi-about-stat-number{font-size:48px}
  .fengi-about-stat-text{font-size:17px}
}
@media (max-width: 1024px){
  .fengi-about-inner{flex-direction:column; align-items:stretch;}
  .fengi-about-media,.fengi-about-content{flex-basis:auto;width:100%}
  .fengi-about-content{padding:24px 22px}
  .fengi-about-image-stack{min-height:0; padding-bottom:20px;}
  .fengi-about-image-card--1{width:44%; height:420px;}
  .fengi-about-image-card--2{width:48%; height:400px; margin-top:60px;}
}
@media (max-width: 767px){
  .fengi-about-widget{padding-left:16px;padding-right:16px}
  .fengi-about-inner{gap:28px}
  .fengi-about-content{padding:22px 18px; border-radius:22px}
  .fengi-about-image-stack{gap:12px; min-height:440px}
  .fengi-about-image-card--1{width:44%; height:300px}
  .fengi-about-image-card--2{width:52%; height:300px; margin-top:70px}
  .fengi-about-circle{width:108px;height:108px;left:50%;top:49%}
  .fengi-about-circle text{font-size:9px; letter-spacing:1.7px}
  .fengi-about-circle-center svg{width:22px;height:22px}
  .fengi-about-float-icon{width:46px;height:46px;border-radius:14px}
  .fengi-about-float-icon svg{width:20px;height:20px}
  .fengi-about-float-icon--1{left:0; top:2%}
  .fengi-about-float-icon--2{right:0; bottom:2%}
  .fengi-about-eyebrow{padding:9px 16px; font-size:11px; letter-spacing:1.4px; margin-bottom:18px}
  .fengi-about-title{font-size:42px; margin-bottom:16px}
  .fengi-about-description{font-size:16px; line-height:1.68}
  .fengi-about-divider{margin:26px 0 22px}
  .fengi-about-stats{grid-template-columns:1fr; gap:20px}
  .fengi-about-stat{gap:14px}
  .fengi-about-stat-number{font-size:42px}
  .fengi-about-stat-text{font-size:16px; max-width:none}
}
@media (max-width: 520px){
  .fengi-about-image-stack{min-height:395px}
  .fengi-about-image-card--1{height:260px}
  .fengi-about-image-card--2{height:260px; margin-top:74px}
  .fengi-about-title{font-size:36px}
}


/* ==================== v6.2 About Us Widget Fixes ==================== */

/* Elementor editor preview should never appear blank */
.elementor-editor-active .fengi-about-reveal,
.elementor-editor-preview .fengi-about-reveal,
body.elementor-editor-active .fengi-about-reveal {
    opacity: 1 !important;
    transform: none !important;
}

/* More stable preview/layout in Elementor builder */
.elementor-editor-active .fengi-about-widget {
    min-height: 420px;
}
.elementor-editor-active .fengi-about-inner {
    visibility: visible !important;
}

/* Modern title improvement */
.fengi-about-title {
    text-wrap: balance;
    max-width: 760px;
    font-weight: 820;
    letter-spacing: -0.045em;
    position: relative;
}
.fengi-about-title::after {
    content: "";
    display: block;
    width: 86px;
    height: 4px;
    margin-top: 18px;
    border-radius: 999px;
    background: linear-gradient(90deg, #21d4fd, #465CF6);
    opacity: .9;
}

/* Replace eyebrow dot with animated education icon */
.fengi-about-eyebrow-dot {
    display: none !important;
}
.fengi-about-eyebrow-icon {
    width: 22px;
    height: 22px;
    min-width: 22px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    color: #465CF6;
    background: rgba(70, 92, 246, .10);
    animation: fengiAboutEyebrowPulse 2.6s ease-in-out infinite;
}
.fengi-about-eyebrow-icon svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Better default center between two images */
.fengi-about-circle {
    left: 50%;
    top: 50%;
}

/* Make desktop image/circle composition more balanced */
.fengi-about-image-stack {
    align-items: flex-start;
}
.fengi-about-image-card--1 {
    width: 48%;
}
.fengi-about-image-card--2 {
    width: 46%;
    margin-top: 82px;
}
.fengi-about-circle-link {
    box-shadow: 0 24px 44px rgba(70, 92, 246, .24);
}

/* stronger image entrance */
.fengi-about-image-card--1.fengi-about-reveal {
    transform: translateX(-54px) translateY(30px) scale(.96);
}
.fengi-about-image-card--2.fengi-about-reveal {
    transform: translateX(54px) translateY(42px) scale(.96);
}
.fengi-about-image-card--1.fengi-about-reveal.is-visible,
.fengi-about-image-card--2.fengi-about-reveal.is-visible {
    transform: translateX(0) translateY(0) scale(1);
}

/* Override transform conflict after reveal while keeping floating animation */
.fengi-about-image-card--1.fengi-about-reveal.is-visible {
    animation: fengiAboutFloat1 7s ease-in-out infinite;
}
.fengi-about-image-card--2.fengi-about-reveal.is-visible {
    animation: fengiAboutFloat2 8.5s ease-in-out infinite;
}

@keyframes fengiAboutEyebrowPulse {
    0%,100% { transform: translateY(0) scale(1); box-shadow: 0 0 0 0 rgba(70,92,246,.18); }
    50% { transform: translateY(-2px) scale(1.06); box-shadow: 0 0 0 8px rgba(70,92,246,0); }
}

/* Mobile: landscape images in 2 rows, circle centered between them */
@media (max-width: 767px) {
    .fengi-about-media {
        overflow: visible;
    }

    .fengi-about-image-stack {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
        min-height: auto !important;
        padding: 0 0 8px;
    }

    .fengi-about-image-card--1,
    .fengi-about-image-card--2 {
        width: 100% !important;
        height: 220px !important;
        margin-top: 0 !important;
        border-radius: 22px;
    }

    .fengi-about-image-card--1 {
        animation: fengiAboutMobileFloat1 7s ease-in-out infinite;
    }

    .fengi-about-image-card--2 {
        animation: fengiAboutMobileFloat2 8s ease-in-out infinite;
    }

    .fengi-about-image-card--1 img,
    .fengi-about-image-card--2 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .fengi-about-circle {
        width: 108px !important;
        height: 108px !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 9;
    }

    .fengi-about-float-icon {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px;
        z-index: 10;
    }

    .fengi-about-float-icon--1 {
        left: 14px !important;
        top: 14px !important;
    }

    .fengi-about-float-icon--2 {
        right: 14px !important;
        bottom: 14px !important;
    }

    .fengi-about-title {
        font-size: 34px !important;
        line-height: 1.12;
    }

    .fengi-about-title::after {
        width: 70px;
        height: 3px;
        margin-top: 14px;
    }

    .fengi-about-content {
        margin-top: 8px;
    }
}

@media (max-width: 420px) {
    .fengi-about-image-card--1,
    .fengi-about-image-card--2 {
        height: 190px !important;
    }
    .fengi-about-circle {
        width: 96px !important;
        height: 96px !important;
    }
}

@keyframes fengiAboutMobileFloat1 {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}
@keyframes fengiAboutMobileFloat2 {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-9px); }
}


/* ==================== v6.3 About Us Title Highlight + Dark Stats ==================== */

/* Modern animated highlight for selected title phrase */
.fengi-about-title-highlight {
    --fengi-about-highlight-1: #21D4FD;
    --fengi-about-highlight-2: #465CF6;
    position: relative;
    display: inline-block;
    padding: .02em .22em .08em;
    margin: 0 .03em;
    color: #fff;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--fengi-about-highlight-1), var(--fengi-about-highlight-2), var(--fengi-about-highlight-1));
    background-size: 220% 220%;
    box-shadow: 0 18px 36px rgba(70, 92, 246, .22);
    transform-origin: center;
    animation: fengiAboutHighlightLoop 4.4s ease-in-out infinite;
    isolation: isolate;
}
.fengi-about-title-highlight::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(33,212,253,.38), rgba(70,92,246,.28));
    filter: blur(10px);
    opacity: .55;
    z-index: -1;
    animation: fengiAboutHighlightGlow 3.2s ease-in-out infinite;
}
.fengi-about-title-highlight::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.34) 42%, transparent 68%);
    transform: translateX(-130%);
    animation: fengiAboutHighlightShine 3.8s ease-in-out infinite;
    pointer-events: none;
}

/* Dark glass stats */
.fengi-about-stats {
    gap: 18px;
}
.fengi-about-stat {
    position: relative;
    overflow: hidden;
    padding: 22px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(7,16,34,.82);
    backdrop-filter: blur(18px) saturate(1.05);
    -webkit-backdrop-filter: blur(18px) saturate(1.05);
    box-shadow: 0 24px 54px rgba(7,16,34,.18), inset 0 1px rgba(255,255,255,.08);
}
.fengi-about-stat::before {
    content: "";
    position: absolute;
    inset: -80px -80px auto auto;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(33,212,253,.22), transparent 70%);
    pointer-events: none;
}
.fengi-about-stat::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
    pointer-events: none;
}
.fengi-about-stat-number {
    position: relative;
    z-index: 1;
    color: #21D4FD;
    text-shadow: 0 10px 28px rgba(33, 212, 253, .22);
    animation: fengiAboutStatNumber 4.5s ease-in-out infinite;
}
.fengi-about-stat-text {
    position: relative;
    z-index: 1;
    color: #F8FAFC;
}
.fengi-about-stat:nth-child(2) .fengi-about-stat-number {
    animation-delay: .8s;
}

@keyframes fengiAboutHighlightLoop {
    0%,100% { background-position: 0% 50%; transform: translateY(0) scale(1); }
    50% { background-position: 100% 50%; transform: translateY(-2px) scale(1.015); }
}
@keyframes fengiAboutHighlightGlow {
    0%,100% { opacity: .42; transform: scale(.98); }
    50% { opacity: .75; transform: scale(1.05); }
}
@keyframes fengiAboutHighlightShine {
    0%, 42% { transform: translateX(-130%); opacity: 0; }
    52% { opacity: 1; }
    72%, 100% { transform: translateX(130%); opacity: 0; }
}
@keyframes fengiAboutStatNumber {
    0%,100% { transform: translateY(0); filter: brightness(1); }
    50% { transform: translateY(-2px); filter: brightness(1.14); }
}

@media (max-width: 767px) {
    .fengi-about-title-highlight {
        border-radius: 14px;
        padding: .01em .18em .07em;
        box-shadow: 0 14px 26px rgba(70, 92, 246, .18);
    }
    .fengi-about-stat {
        grid-template-columns: auto 1fr;
        padding: 18px;
        border-radius: 20px;
    }
}


/* ==================== v6.4 About Title Line Remove + Premium Stats ==================== */

/* Remove the line under the title */
.fengi-about-title::after {
    display: none !important;
    content: none !important;
}

/* More modern dark glass stat cards */
.fengi-about-stat {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 26px 24px;
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,.14);
    background:
        linear-gradient(145deg, rgba(10,20,42,.92), rgba(8,16,34,.78)),
        rgba(7,16,34,.82);
    box-shadow:
        0 24px 60px rgba(7,16,34,.24),
        inset 0 1px rgba(255,255,255,.10),
        inset 0 -1px rgba(255,255,255,.04);
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.fengi-about-stat:hover {
    transform: translateY(-4px);
    border-color: rgba(33,212,253,.28);
    box-shadow:
        0 30px 70px rgba(7,16,34,.28),
        0 16px 34px rgba(33,212,253,.10),
        inset 0 1px rgba(255,255,255,.12);
}

.fengi-about-stat::before {
    inset: -90px -80px auto auto;
    width: 220px;
    height: 220px;
    background:
        radial-gradient(circle, rgba(33,212,253,.20), rgba(70,92,246,.10) 35%, transparent 70%);
}

.fengi-about-stat::after {
    left: 20px;
    right: auto;
    top: 18px;
    width: 42px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #21D4FD, #465CF6);
    opacity: .85;
}

/* New number color style */
.fengi-about-stat-number {
    --fengi-stat-accent: #21D4FD;
    --fengi-stat-glow: rgba(33,212,253,.45);
    display: inline-flex;
    align-items: baseline;
    width: max-content;
    max-width: 100%;
    color: #ffffff;
    background: linear-gradient(135deg, #ffffff 0%, var(--fengi-stat-accent) 72%, #7dd3fc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 12px 24px var(--fengi-stat-glow));
    letter-spacing: -0.055em;
}

.fengi-about-stat-text {
    color: rgba(248,250,252,.90);
    font-weight: 720;
    max-width: 300px;
}

.fengi-about-stat-number::after {
    content: "";
    width: 9px;
    height: 9px;
    margin-left: 10px;
    border-radius: 50%;
    background: var(--fengi-stat-accent);
    box-shadow: 0 0 0 6px rgba(33,212,253,.10), 0 0 22px var(--fengi-stat-glow);
    flex: none;
}

@media (max-width: 767px) {
    .fengi-about-stat {
        padding: 20px;
        border-radius: 22px;
    }

    .fengi-about-stat::after {
        top: 15px;
        left: 18px;
    }

    .fengi-about-stat-number::after {
        width: 7px;
        height: 7px;
        margin-left: 8px;
    }
}


/* ==================== v6.5 Simple Modern Compact Dark Glass Stats ==================== */

/* Simple compact dark glass vibe */
.fengi-about-stats {
    gap: 14px !important;
}

.fengi-about-stat {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 18px 20px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, .78), rgba(15, 23, 42, .58)),
        rgba(10, 18, 36, .72) !important;
    box-shadow:
        0 14px 34px rgba(15, 23, 42, .12),
        inset 0 1px rgba(255,255,255,.10) !important;
    backdrop-filter: blur(16px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.04) !important;
    transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
}

/* Remove previous decorative effects */
.fengi-about-stat::before,
.fengi-about-stat::after,
.fengi-about-stat-number::after {
    display: none !important;
    content: none !important;
}

.fengi-about-stat:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(56, 189, 248, .24) !important;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, .84), rgba(15, 23, 42, .64)),
        rgba(10, 18, 36, .78) !important;
    box-shadow:
        0 18px 38px rgba(15, 23, 42, .15),
        inset 0 1px rgba(255,255,255,.11) !important;
}

/* Smaller clean numbers */
.fengi-about-stat-number {
    --fengi-stat-accent: #38BDF8;
    --fengi-stat-glow: rgba(56,189,248,.22);
    flex: 0 0 auto !important;
    color: var(--fengi-stat-accent) !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: var(--fengi-stat-accent) !important;
    filter: none !important;
    text-shadow: 0 0 18px var(--fengi-stat-glow) !important;
    font-size: 40px !important;
    line-height: 1 !important;
    font-weight: 720 !important;
    letter-spacing: -0.04em !important;
    animation: none !important;
}

/* Compact modern text */
.fengi-about-stat-text {
    color: rgba(248, 250, 252, .88) !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
    font-weight: 620 !important;
    max-width: 230px !important;
}

/* Mobile compact stats */
@media (max-width: 767px) {
    .fengi-about-stats {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .fengi-about-stat {
        padding: 16px 17px !important;
        border-radius: 17px !important;
        gap: 13px !important;
    }

    .fengi-about-stat-number {
        font-size: 32px !important;
    }

    .fengi-about-stat-text {
        font-size: 14px !important;
        max-width: none !important;
    }
}


/* ==================== v6.6 About Title Responsive Control Fix ==================== */

/* Do not force mobile title size so Elementor controls can reduce it */
@media (max-width: 767px) {
    .fengi-about-title {
        font-size: clamp(26px, 8.5vw, 34px) !important;
        line-height: 1.08 !important;
    }
}

/* Extra small default */
@media (max-width: 420px) {
    .fengi-about-title {
        font-size: clamp(24px, 8vw, 30px) !important;
        line-height: 1.08 !important;
    }
}

/* Better spacing when title wraps into 2 rows */
.fengi-about-title {
    word-spacing: normal;
}

/* Make highlighted part follow title line-height smoothly */
.fengi-about-title-highlight {
    line-height: inherit;
}


/* ==================== v6.7 Why Choose Fengi Glass Widget ==================== */
.fengi-why-widget,
.fengi-why-widget *{box-sizing:border-box}
.fengi-why-widget{
  position:relative;
  overflow:hidden;
  font-family:"Inter",sans-serif;
  background:#fff;
}
.fengi-why-inner{
  width:100%;
  max-width:1260px;
  margin:0 auto;
  position:relative;
}
.fengi-why-heading{
  max-width:720px;
  margin:0 auto 44px;
  text-align:center;
}
.fengi-why-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 16px;
  color:#008DFF;
  font-size:13px;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
}
.fengi-why-title{
  margin:0;
  color:#090e25;
  font-size:clamp(36px,4vw,58px);
  line-height:1.1;
  font-weight:850;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.fengi-why-title-highlight{
  position:relative;
  display:inline-block;
  color:#fff;
  padding:.02em .25em .08em;
  margin:0 .02em;
  border-radius:.55em;
  background:#008DFF;
  box-shadow:0 18px 34px rgba(0,141,255,.18);
  transform-origin:center;
  animation:fengiWhyHighlight 4.2s ease-in-out infinite;
}
.fengi-why-title-highlight::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(110deg, transparent, rgba(255,255,255,.32), transparent);
  transform:translateX(-120%);
  animation:fengiWhyShine 3.6s ease-in-out infinite;
}
.fengi-why-description{
  max-width:680px;
  margin:18px auto 0;
  color:#66728a;
  font-size:17px;
  line-height:1.7;
}
.fengi-why-layout{
  display:grid;
  grid-template-columns:minmax(230px,1fr) minmax(300px,460px) minmax(230px,1fr);
  align-items:center;
  column-gap:36px;
}
.fengi-why-cards{
  display:flex;
  flex-direction:column;
  gap:42px;
  position:relative;
  z-index:3;
}
.fengi-why-card{
  --fengi-why-card-scale:1;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:18px;
  padding:18px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(255,255,255,.52);
  backdrop-filter:blur(18px) saturate(1.04);
  -webkit-backdrop-filter:blur(18px) saturate(1.04);
  box-shadow:0 18px 48px rgba(15,23,42,.08), inset 0 1px rgba(255,255,255,.72);
  transform:scale(var(--fengi-why-card-scale));
  transform-origin:center;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  animation:fengiWhyCardFloat 7s ease-in-out infinite;
}
.fengi-why-cards--right .fengi-why-card{
  grid-template-columns:auto 1fr;
}
.fengi-why-cards--right .fengi-why-card-text{
  order:2;
  text-align:left;
}
.fengi-why-cards--right .fengi-why-card-icon{
  order:1;
}
.fengi-why-cards--left .fengi-why-card-text{
  text-align:right;
}
.fengi-why-card:nth-child(2){animation-delay:.5s}
.fengi-why-card:nth-child(3){animation-delay:1s}
.fengi-why-card:hover{
  transform:translateY(-5px) scale(var(--fengi-why-card-scale));
  border-color:rgba(0,141,255,.22);
  box-shadow:0 24px 60px rgba(15,23,42,.11), 0 16px 34px rgba(0,141,255,.08), inset 0 1px rgba(255,255,255,.8);
}
.fengi-why-card-title{
  margin:0 0 12px;
  color:#11152b;
  font-size:20px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.02em;
}
.fengi-why-card-desc{
  color:#6e7a95;
  font-size:15.5px;
  line-height:1.65;
  font-weight:500;
}
.fengi-why-card-icon{
  width:72px;
  height:72px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#008DFF;
  background:rgba(232,248,255,.9);
  box-shadow:inset 0 1px rgba(255,255,255,.78), 0 12px 30px rgba(0,141,255,.08);
  flex:none;
}
.fengi-why-card-icon svg,
.fengi-why-floating-icon svg{
  width:32px;
  height:32px;
  stroke:currentColor;
  stroke-width:1.65;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.fengi-why-center{
  position:relative;
  z-index:2;
}
.fengi-why-image-wrap{
  position:relative;
  max-width:450px;
  margin:0 auto;
}
.fengi-why-image-bg{
  position:relative;
  min-height:470px;
  border-radius:28px;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  overflow:hidden;
  background:rgba(232,248,255,.86);
  box-shadow:inset 0 1px rgba(255,255,255,.8), 0 24px 80px rgba(15,23,42,.08);
}
.fengi-why-main-image{
  position:relative;
  z-index:2;
  width:auto;
  max-width:112%;
  height:auto;
  max-height:590px;
  object-fit:contain;
  transform-origin:bottom center;
  animation:fengiWhyImageFloat 7.5s ease-in-out infinite;
  filter:drop-shadow(0 25px 28px rgba(15,23,42,.14));
}
.fengi-why-image-placeholder{
  width:100%;
  height:430px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7b8498;
  font-weight:700;
}
.fengi-why-floating-icon{
  --fengi-why-icon-scale:1;
  position:absolute;
  z-index:5;
  width:58px;
  height:58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#008DFF;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.8);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 16px 42px rgba(15,23,42,.10);
  transform:scale(var(--fengi-why-icon-scale));
  animation:fengiWhyIconFloat 6.5s ease-in-out infinite;
}
.fengi-why-floating-icon--1{left:6%;top:24%}
.fengi-why-floating-icon--2{left:80%;top:14%;animation-delay:1s}
.fengi-why-loop{
  --fengi-why-loop-color:#008DFF;
  --fengi-why-loop-scale:1;
  position:absolute;
  left:50%;
  bottom:22px;
  z-index:1;
  width:210px;
  height:62px;
  transform:translateX(-50%) scale(var(--fengi-why-loop-scale));
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:.96;
  pointer-events:none;
}
.fengi-why-loop span{
  position:absolute;
  inset:auto;
  width:100%;
  height:100%;
  border:1px solid color-mix(in srgb, var(--fengi-why-loop-color) 48%, transparent);
  border-radius:999px;
  animation:fengiWhyLoop 3.2s ease-in-out infinite;
}
.fengi-why-loop span:nth-child(2){animation-delay:.5s;width:78%;height:74%}
.fengi-why-loop span:nth-child(3){animation-delay:1s;width:56%;height:52%}
.fengi-why-loop strong{
  color:var(--fengi-why-loop-color);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:850;
}
.fengi-why-reveal{
  opacity:0;
  transform:translateY(38px);
  transition:opacity .75s ease, transform .75s ease;
}
.fengi-why-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}
.elementor-editor-active .fengi-why-reveal,
.elementor-editor-preview .fengi-why-reveal{
  opacity:1 !important;
  transform:none !important;
}
@keyframes fengiWhyHighlight{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(1deg)}}
@keyframes fengiWhyShine{0%,45%{transform:translateX(-120%);opacity:0}56%{opacity:1}75%,100%{transform:translateX(120%);opacity:0}}
@keyframes fengiWhyImageFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes fengiWhyIconFloat{0%,100%{transform:translateY(0) scale(var(--fengi-why-icon-scale))}50%{transform:translateY(-12px) scale(var(--fengi-why-icon-scale))}}
@keyframes fengiWhyCardFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes fengiWhyLoop{0%,100%{transform:scale(.96);opacity:.35}50%{transform:scale(1.04);opacity:1}}
@media (max-width:1200px){
  .fengi-why-layout{grid-template-columns:minmax(210px,1fr) minmax(280px,390px) minmax(210px,1fr);column-gap:24px}
  .fengi-why-card-title{font-size:18px}
  .fengi-why-card-desc{font-size:14.5px}
  .fengi-why-card-icon{width:64px;height:64px}
}
@media (max-width:1024px){
  .fengi-why-layout{grid-template-columns:1fr;gap:28px}
  .fengi-why-center{order:1}
  .fengi-why-cards--left{order:2}
  .fengi-why-cards--right{order:3}
  .fengi-why-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;transform:none!important}
  .fengi-why-cards--left .fengi-why-card-text,
  .fengi-why-cards--right .fengi-why-card-text{text-align:left}
  .fengi-why-card,
  .fengi-why-cards--right .fengi-why-card{grid-template-columns:1fr;gap:14px}
  .fengi-why-card-icon{order:0}
  .fengi-why-card-text{order:1}
}
@media (max-width:767px){
  .fengi-why-widget{padding-left:16px!important;padding-right:16px!important}
  .fengi-why-heading{margin-bottom:28px}
  .fengi-why-eyebrow{font-size:11px;margin-bottom:12px}
  .fengi-why-title{font-size:clamp(30px,9vw,40px);line-height:1.12}
  .fengi-why-title-highlight{border-radius:.48em}
  .fengi-why-description{font-size:15.5px;line-height:1.65;margin-top:14px}
  .fengi-why-image-wrap{max-width:100%!important}
  .fengi-why-image-bg{min-height:370px!important;border-radius:24px}
  .fengi-why-main-image{max-height:420px;max-width:108%}
  .fengi-why-loop{width:180px;height:54px;bottom:16px}
  .fengi-why-floating-icon{width:46px!important;height:46px!important;border-radius:14px}
  .fengi-why-floating-icon svg{width:23px;height:23px}
  .fengi-why-cards{grid-template-columns:1fr;gap:14px}
  .fengi-why-card{padding:17px!important;border-radius:20px!important;grid-template-columns:auto 1fr!important;align-items:center;animation:none}
  .fengi-why-card-icon{width:54px!important;height:54px!important}
  .fengi-why-card-icon svg{width:25px;height:25px}
  .fengi-why-card-title{font-size:17px;margin-bottom:6px}
  .fengi-why-card-desc{font-size:14px;line-height:1.55}
}
@media (max-width:420px){
  .fengi-why-image-bg{min-height:330px!important}
  .fengi-why-main-image{max-height:380px}
}


/* ==================== v6.8 Fengi Brand Blue + More Glass Why Choose ==================== */

:root {
    --fengi-brand-blue: #008DFF;
    --fengi-brand-deep: #005BFF;
    --fengi-brand-cyan: #21D4FD;
    --fengi-brand-navy: #061A3A;
}

/* Header typography hard fix: Elementor controls can override on all devices */
.fengi-header,
.fengi-header * {
    font-family: "Inter", sans-serif;
}
.fengi-header .fengi-nav a {
    font-size: inherit;
    font-weight: inherit;
}

/* Why Choose should use logo blue/cyan, not orange */
.fengi-why-widget {
    background:
        radial-gradient(circle at 50% 18%, rgba(33, 212, 253, .12), transparent 32%),
        radial-gradient(circle at 20% 70%, rgba(0, 141, 255, .08), transparent 30%),
        #ffffff !important;
}
.fengi-why-eyebrow {
    color: var(--fengi-brand-blue) !important;
}
.fengi-why-title-highlight {
    background: linear-gradient(135deg, var(--fengi-brand-cyan), var(--fengi-brand-blue), var(--fengi-brand-deep)) !important;
    background-size: 220% 220% !important;
    box-shadow: 0 18px 36px rgba(0,141,255,.18) !important;
    animation: fengiWhyBlueHighlight 4.6s ease-in-out infinite !important;
}
.fengi-why-card {
    background:
        linear-gradient(145deg, rgba(255,255,255,.64), rgba(232,248,255,.34)),
        rgba(255,255,255,.48) !important;
    border-color: rgba(255,255,255,.76) !important;
    box-shadow:
        0 24px 70px rgba(6,26,58,.10),
        inset 0 1px rgba(255,255,255,.86) !important;
}
.fengi-why-card:hover {
    border-color: rgba(33,212,253,.34) !important;
    box-shadow:
        0 30px 80px rgba(6,26,58,.13),
        0 18px 40px rgba(0,141,255,.10),
        inset 0 1px rgba(255,255,255,.9) !important;
}
.fengi-why-card-icon,
.fengi-why-floating-icon {
    color: var(--fengi-brand-blue) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(232,248,255,.62)) !important;
    box-shadow:
        0 16px 44px rgba(0,141,255,.10),
        inset 0 1px rgba(255,255,255,.9) !important;
}
.fengi-why-image-bg {
    background:
        linear-gradient(155deg, rgba(255,255,255,.50), rgba(232,248,255,.58)),
        rgba(232,248,255,.66) !important;
    border: 1px solid rgba(255,255,255,.72);
    backdrop-filter: blur(18px) saturate(1.05);
    -webkit-backdrop-filter: blur(18px) saturate(1.05);
    box-shadow:
        0 32px 90px rgba(6,26,58,.12),
        inset 0 1px rgba(255,255,255,.88) !important;
}
.fengi-why-image-bg::before {
    content: "";
    position: absolute;
    inset: 9% 8% auto;
    height: 38%;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(33,212,253,.20), transparent 66%);
    filter: blur(18px);
    pointer-events: none;
}
.fengi-why-main-image {
    animation: fengiWhyImageHorizontalFloat 7.2s ease-in-out infinite !important;
}

/* New different loop background under image: orbital glass rings + soft wave */
.fengi-why-loop {
    --fengi-why-loop-color: var(--fengi-brand-blue);
    --fengi-why-loop-x: 0px;
    --fengi-why-loop-y: 0px;
    width: 250px !important;
    height: 82px !important;
    bottom: 12px !important;
    transform: translate(calc(-50% + var(--fengi-why-loop-x)), var(--fengi-why-loop-y)) scale(var(--fengi-why-loop-scale)) !important;
}
.fengi-why-loop::before {
    content: "";
    position: absolute;
    inset: 18px 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(33,212,253,.18), rgba(0,141,255,.16), transparent);
    filter: blur(8px);
    animation: fengiWhyLoopWave 3.4s ease-in-out infinite;
}
.fengi-why-loop span {
    border: 1px solid rgba(0,141,255,.28) !important;
    background: rgba(255,255,255,.16);
    box-shadow: inset 0 1px rgba(255,255,255,.42), 0 8px 24px rgba(0,141,255,.10);
}
.fengi-why-loop span:nth-child(1) {
    transform: rotate(-3deg);
}
.fengi-why-loop span:nth-child(2) {
    border-color: rgba(33,212,253,.30) !important;
    transform: rotate(4deg);
}
.fengi-why-loop span:nth-child(3) {
    border-color: rgba(0,91,255,.24) !important;
}
.fengi-why-loop strong {
    color: var(--fengi-brand-blue) !important;
    background: rgba(255,255,255,.52);
    padding: 9px 14px;
    border-radius: 999px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: inset 0 1px rgba(255,255,255,.7);
}

/* Make entire section more glass modern */
.fengi-why-heading {
    position: relative;
    padding: 18px 22px;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255,255,255,.46), rgba(232,248,255,.20));
    border: 1px solid rgba(255,255,255,.58);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.fengi-why-floating-icon {
    border-color: rgba(255,255,255,.78) !important;
}

/* all typography and colors must respect responsive Elementor controls */
.fengi-why-title,
.fengi-why-card-title,
.fengi-why-card-desc,
.fengi-why-description,
.fengi-why-eyebrow {
    transition: font-size .2s ease, color .2s ease;
}

@keyframes fengiWhyBlueHighlight {
    0%, 100% { background-position: 0% 50%; transform: translateY(0) rotate(-1deg); }
    50% { background-position: 100% 50%; transform: translateY(-2px) rotate(1deg); }
}
@keyframes fengiWhyImageHorizontalFloat {
    0%, 100% { transform: translateX(0) translateY(0); }
    25% { transform: translateX(8px) translateY(-6px); }
    50% { transform: translateX(0) translateY(-12px); }
    75% { transform: translateX(-8px) translateY(-6px); }
}
@keyframes fengiWhyLoopWave {
    0%,100% { transform: translateX(-8px) scale(.96); opacity: .55; }
    50% { transform: translateX(8px) scale(1.04); opacity: 1; }
}

@media (max-width: 767px) {
    .fengi-why-heading {
        padding: 15px 14px;
        border-radius: 22px;
    }
    .fengi-why-loop {
        width: 200px !important;
        height: 66px !important;
        bottom: 10px !important;
    }
}


/* ==================== v6.9 Why Choose Modern Entrance + Owner Style Loop ==================== */

/* Remove main image background card/box */
.fengi-why-image-bg {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}
.fengi-why-image-bg::before {
    display: none !important;
    content: none !important;
}

/* Make main image clean and premium */
.fengi-why-main-image {
    position: relative;
    z-index: 4 !important;
    filter: drop-shadow(0 30px 32px rgba(6,26,58,.18)) !important;
    animation: fengiWhyImagePremiumFloat 7.4s ease-in-out infinite !important;
}

/* Modern loop animation under main image - different from card background */
.fengi-why-loop {
    --fengi-why-loop-color: #008DFF;
    --fengi-why-loop-x: 0px;
    --fengi-why-loop-y: 0px;
    position: absolute !important;
    left: 50% !important;
    bottom: 8px !important;
    width: 330px !important;
    height: 130px !important;
    transform: translate(calc(-50% + var(--fengi-why-loop-x)), var(--fengi-why-loop-y)) scale(var(--fengi-why-loop-scale)) !important;
    z-index: 1 !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

/* Remove old pill/text loop look */
.fengi-why-loop strong {
    display: none !important;
}

/* Orbit rings */
.fengi-why-loop span {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 92% !important;
    height: 42% !important;
    border-radius: 999px !important;
    background: transparent !important;
    border: 1px solid rgba(0,141,255,.24) !important;
    box-shadow:
        0 0 28px rgba(33,212,253,.12),
        inset 0 0 18px rgba(0,141,255,.08) !important;
    transform-origin: center !important;
    animation: fengiWhyOwnerOrbit 4.6s ease-in-out infinite !important;
}
.fengi-why-loop span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(-8deg) scale(1) !important;
    animation-delay: 0s !important;
}
.fengi-why-loop span:nth-child(2) {
    width: 76% !important;
    height: 34% !important;
    border-color: rgba(33,212,253,.28) !important;
    transform: translate(-50%, -50%) rotate(7deg) scale(.96) !important;
    animation-delay: .55s !important;
}
.fengi-why-loop span:nth-child(3) {
    width: 58% !important;
    height: 25% !important;
    border-color: rgba(0,91,255,.22) !important;
    transform: translate(-50%, -50%) rotate(0deg) scale(.92) !important;
    animation-delay: 1.1s !important;
}

/* Soft base glow under image */
.fengi-why-loop::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 62% !important;
    width: 72% !important;
    height: 34% !important;
    border-radius: 50% !important;
    background:
        radial-gradient(ellipse, rgba(33,212,253,.24), rgba(0,141,255,.12) 38%, transparent 72%) !important;
    filter: blur(15px) !important;
    transform: translate(-50%, -50%) !important;
    animation: fengiWhyOwnerGlow 3.8s ease-in-out infinite !important;
}

/* Small moving light particles in same loop area */
.fengi-why-loop::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 52% !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #21D4FD !important;
    box-shadow:
        0 0 18px rgba(33,212,253,.75),
        72px 12px 0 -2px rgba(0,141,255,.52),
        -78px 16px 0 -3px rgba(33,212,253,.48) !important;
    transform: translate(-50%, -50%) !important;
    animation: fengiWhyOwnerParticle 4.8s ease-in-out infinite !important;
}

/* Modern entrance animation variations for every element */
.fengi-why-reveal {
    opacity: 0 !important;
    filter: blur(10px) !important;
    transition:
        opacity .9s cubic-bezier(.19,1,.22,1),
        transform .9s cubic-bezier(.19,1,.22,1),
        filter .9s cubic-bezier(.19,1,.22,1) !important;
}
.fengi-why-eyebrow.fengi-why-reveal {
    transform: translateY(-18px) scale(.92) !important;
}
.fengi-why-title.fengi-why-reveal {
    transform: translateY(34px) scale(.96) !important;
}
.fengi-why-description.fengi-why-reveal {
    transform: translateY(28px) !important;
}
.fengi-why-center.fengi-why-reveal {
    transform: translateY(58px) scale(.94) !important;
}
.fengi-why-card.fengi-why-reveal {
    transform: translateY(45px) scale(.92) !important;
}
.fengi-why-cards--left .fengi-why-card.fengi-why-reveal {
    transform: translateX(-46px) translateY(28px) scale(.92) !important;
}
.fengi-why-cards--right .fengi-why-card.fengi-why-reveal {
    transform: translateX(46px) translateY(28px) scale(.92) !important;
}

/* Visible state */
.fengi-why-reveal.is-visible {
    opacity: 1 !important;
    filter: blur(0) !important;
    transform: translate(0,0) scale(1) !important;
}

/* Keep card float after entrance */
.fengi-why-card.fengi-why-reveal.is-visible {
    animation: fengiWhyCardSoftFloat 7s ease-in-out infinite !important;
}
.fengi-why-card.fengi-why-reveal.is-visible:nth-child(2) {
    animation-delay: .55s !important;
}
.fengi-why-card.fengi-why-reveal.is-visible:nth-child(3) {
    animation-delay: 1.1s !important;
}

/* Add entrance to inner floating icons too */
.fengi-why-floating-icon {
    opacity: 0;
    filter: blur(8px);
    transition: opacity .9s cubic-bezier(.19,1,.22,1), filter .9s cubic-bezier(.19,1,.22,1) !important;
}
.fengi-why-center.is-visible .fengi-why-floating-icon {
    opacity: 1;
    filter: blur(0);
}
.fengi-why-center.is-visible .fengi-why-floating-icon--1 {
    animation: fengiWhyIconFloat 6.5s ease-in-out infinite, fengiWhyIconPop .8s cubic-bezier(.19,1,.22,1) both !important;
    animation-delay: .25s, .25s !important;
}
.fengi-why-center.is-visible .fengi-why-floating-icon--2 {
    animation: fengiWhyIconFloat 6.5s ease-in-out infinite, fengiWhyIconPop .8s cubic-bezier(.19,1,.22,1) both !important;
    animation-delay: .55s, .55s !important;
}

.elementor-editor-active .fengi-why-reveal,
.elementor-editor-preview .fengi-why-reveal,
.elementor-editor-active .fengi-why-floating-icon,
.elementor-editor-preview .fengi-why-floating-icon {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

/* Keyframes */
@keyframes fengiWhyImagePremiumFloat {
    0%, 100% { transform: translateX(0) translateY(0); }
    20% { transform: translateX(9px) translateY(-5px); }
    50% { transform: translateX(0) translateY(-16px); }
    80% { transform: translateX(-9px) translateY(-5px); }
}
@keyframes fengiWhyOwnerOrbit {
    0%,100% { opacity: .45; transform: translate(-50%, -50%) rotate(-7deg) scale(.96); }
    50% { opacity: 1; transform: translate(-50%, -50%) rotate(7deg) scale(1.06); }
}
@keyframes fengiWhyOwnerGlow {
    0%,100% { opacity: .42; transform: translate(-50%, -50%) scale(.92); }
    50% { opacity: .92; transform: translate(-50%, -50%) scale(1.08); }
}
@keyframes fengiWhyOwnerParticle {
    0%,100% { opacity: .5; transform: translate(-50%, -50%) translateX(-22px) scale(.82); }
    50% { opacity: 1; transform: translate(-50%, -50%) translateX(22px) scale(1.08); }
}
@keyframes fengiWhyCardSoftFloat {
    0%,100% { translate: 0 0; }
    50% { translate: 0 -6px; }
}
@keyframes fengiWhyIconPop {
    0% { transform: scale(.65); opacity: 0; }
    100% { transform: scale(var(--fengi-why-icon-scale)); opacity: 1; }
}

@media (max-width: 767px) {
    .fengi-why-loop {
        width: 250px !important;
        height: 96px !important;
        bottom: 0 !important;
    }
    .fengi-why-center.fengi-why-reveal,
    .fengi-why-card.fengi-why-reveal,
    .fengi-why-cards--left .fengi-why-card.fengi-why-reveal,
    .fengi-why-cards--right .fengi-why-card.fengi-why-reveal {
        transform: translateY(34px) scale(.96) !important;
    }
    .fengi-why-reveal.is-visible {
        transform: translate(0,0) scale(1) !important;
    }
}


/* ==================== v6.10 Why Choose Loop Animation Override ==================== */
/* Replaces previous under-image animation with brighter rounded-rectangle + circle loop lines */
.fengi-why-loop {
  --fengi-why-loop-x: 0px;
  --fengi-why-loop-y: 0px;
  --fengi-why-loop-scale: 1;
  position: absolute !important;
  left: 50% !important;
  bottom: 8px !important;
  width: clamp(250px, 33vw, 430px) !important;
  height: clamp(120px, 15vw, 180px) !important;
  transform: translate(calc(-50% + var(--fengi-why-loop-x)), var(--fengi-why-loop-y)) scale(var(--fengi-why-loop-scale)) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: visible !important;
  isolation: isolate !important;
}
.fengi-why-loop strong { display: none !important; }
.fengi-why-loop span,
.fengi-why-loop::before,
.fengi-why-loop::after {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform-origin: center center !important;
}

/* outer rounded rectangle */
.fengi-why-loop span:nth-child(1) {
  width: 100% !important;
  height: 66% !important;
  border-radius: 999px !important;
  border: 1.8px solid rgba(33, 212, 253, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(0,141,255,0.06),
    0 0 16px rgba(33,212,253,0.16),
    inset 0 0 20px rgba(0,141,255,0.08) !important;
  transform: translate(-50%, -50%) rotate(0deg) !important;
  animation: fengiWhyLoopRectA 8s linear infinite !important;
  background: transparent !important;
}
/* middle rounded rectangle */
.fengi-why-loop span:nth-child(2) {
  width: 78% !important;
  height: 48% !important;
  border-radius: 999px !important;
  border: 1.6px solid rgba(0, 141, 255, 0.55) !important;
  box-shadow:
    0 0 14px rgba(0,141,255,0.14),
    inset 0 0 16px rgba(33,212,253,0.06) !important;
  transform: translate(-50%, -50%) rotate(22deg) !important;
  animation: fengiWhyLoopRectB 6.8s linear infinite reverse !important;
  background: transparent !important;
}
/* inner rounded rectangle */
.fengi-why-loop span:nth-child(3) {
  width: 56% !important;
  height: 34% !important;
  border-radius: 999px !important;
  border: 1.4px dashed rgba(96, 234, 255, 0.52) !important;
  box-shadow: 0 0 12px rgba(96,234,255,0.16) !important;
  transform: translate(-50%, -50%) rotate(-16deg) !important;
  animation: fengiWhyLoopRectC 5.6s linear infinite !important;
  background: transparent !important;
}
/* center circle loop */
.fengi-why-loop::before {
  content: '' !important;
  width: 84px !important;
  height: 84px !important;
  border-radius: 50% !important;
  border: 1.6px solid rgba(0,141,255,0.30) !important;
  box-shadow:
    0 0 20px rgba(33,212,253,0.18),
    inset 0 0 18px rgba(0,141,255,0.12) !important;
  transform: translate(-50%, -50%) rotate(0deg) !important;
  animation: fengiWhyLoopCircle 9s linear infinite !important;
  background: radial-gradient(circle at center, rgba(33,212,253,.10), transparent 65%) !important;
  z-index: -1 !important;
}
/* moving glow trail */
.fengi-why-loop::after {
  content: '' !important;
  width: 46% !important;
  height: 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(0,0,0,0), rgba(33,212,253,.72), rgba(0,141,255,.18), rgba(0,0,0,0)) !important;
  filter: blur(8px) !important;
  opacity: .82 !important;
  transform: translate(-50%, -50%) rotate(0deg) !important;
  animation: fengiWhyLoopGlow 4.8s ease-in-out infinite !important;
}
.fengi-why-center .fengi-why-main-image {
  position: relative !important;
  z-index: 3 !important;
}

@keyframes fengiWhyLoopRectA {
  0% { transform: translate(-50%, -50%) rotate(0deg) scale(1); opacity: .78; }
  50% { transform: translate(-50%, -50%) rotate(180deg) scale(1.03); opacity: 1; }
  100% { transform: translate(-50%, -50%) rotate(360deg) scale(1); opacity: .78; }
}
@keyframes fengiWhyLoopRectB {
  0% { transform: translate(-50%, -50%) rotate(22deg) scale(.98); opacity: .72; }
  50% { transform: translate(-50%, -50%) rotate(202deg) scale(1.05); opacity: .98; }
  100% { transform: translate(-50%, -50%) rotate(382deg) scale(.98); opacity: .72; }
}
@keyframes fengiWhyLoopRectC {
  0% { transform: translate(-50%, -50%) rotate(-16deg) scale(.96); opacity: .66; }
  50% { transform: translate(-50%, -50%) rotate(164deg) scale(1.08); opacity: .96; }
  100% { transform: translate(-50%, -50%) rotate(344deg) scale(.96); opacity: .66; }
}
@keyframes fengiWhyLoopCircle {
  0% { transform: translate(-50%, -50%) rotate(0deg) scale(.92); opacity: .55; }
  50% { transform: translate(-50%, -50%) rotate(180deg) scale(1.08); opacity: .95; }
  100% { transform: translate(-50%, -50%) rotate(360deg) scale(.92); opacity: .55; }
}
@keyframes fengiWhyLoopGlow {
  0%,100% { transform: translate(-50%, -50%) rotate(0deg) translateX(-78px); opacity: .48; }
  50% { transform: translate(-50%, -50%) rotate(180deg) translateX(78px); opacity: .95; }
}

@media (max-width: 767px) {
  .fengi-why-loop {
    width: min(86vw, 320px) !important;
    height: 110px !important;
    bottom: 4px !important;
  }
  .fengi-why-loop::before {
    width: 68px !important;
    height: 68px !important;
  }
  .fengi-why-loop::after {
    width: 54% !important;
    height: 12px !important;
  }
}


/* ==================== v6.11 Why Choose Premium Owner-Style Base Animation ==================== */

/* Remove previous rectangle/circle loop animation */
.fengi-why-loop,
.fengi-why-loop span,
.fengi-why-loop::before,
.fengi-why-loop::after,
.fengi-why-loop strong {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
    content: none !important;
}

/* New premium owner-image style base animation */
.fengi-why-image-wrap {
    position: relative !important;
    isolation: isolate !important;
}

/* Soft glass platform */
.fengi-why-image-wrap::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 10px !important;
    width: min(92%, 410px) !important;
    height: 92px !important;
    transform: translateX(-50%) perspective(520px) rotateX(66deg) !important;
    border-radius: 50% !important;
    background:
        radial-gradient(ellipse at center, rgba(33,212,253,.34) 0%, rgba(0,141,255,.20) 34%, rgba(0,91,255,.08) 58%, transparent 76%) !important;
    filter: blur(2px) !important;
    opacity: .9 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    animation: fengiWhyPremiumPlatform 4.8s ease-in-out infinite !important;
}

/* Thin glowing base ring */
.fengi-why-image-wrap::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 36px !important;
    width: min(86%, 370px) !important;
    height: 70px !important;
    transform: translateX(-50%) perspective(520px) rotateX(66deg) !important;
    border-radius: 50% !important;
    border: 2px solid rgba(33,212,253,.42) !important;
    border-top-color: rgba(255,255,255,.82) !important;
    border-left-color: rgba(0,141,255,.14) !important;
    box-shadow:
        0 0 26px rgba(33,212,253,.22),
        inset 0 0 18px rgba(0,141,255,.08) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    animation: fengiWhyPremiumRing 5.8s ease-in-out infinite !important;
}

.fengi-why-image-bg {
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.fengi-why-image-bg::before {
    display: none !important;
    content: none !important;
}

.fengi-why-main-image {
    position: relative !important;
    z-index: 5 !important;
    animation: fengiWhyPremiumImageFloat 7.2s ease-in-out infinite !important;
    filter:
        drop-shadow(0 34px 34px rgba(6,26,58,.18))
        drop-shadow(0 0 20px rgba(33,212,253,.08)) !important;
}

/* Rotating soft aura behind image */
.fengi-why-center {
    position: relative !important;
}
.fengi-why-center::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 56px !important;
    width: min(92%, 420px) !important;
    height: 170px !important;
    transform: translateX(-50%) !important;
    border-radius: 50% !important;
    background:
        conic-gradient(from 90deg, transparent 0deg, rgba(33,212,253,.20) 48deg, transparent 98deg, rgba(0,141,255,.14) 168deg, transparent 240deg, rgba(33,212,253,.16) 302deg, transparent 360deg) !important;
    filter: blur(22px) !important;
    opacity: .68 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    animation: fengiWhyPremiumAura 9s linear infinite !important;
}

/* Small premium particles */
.fengi-why-center::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 22px !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #21D4FD !important;
    box-shadow:
        0 0 20px rgba(33,212,253,.82),
        128px 8px 0 -3px rgba(0,141,255,.58),
        -132px 14px 0 -3px rgba(33,212,253,.54),
        82px -24px 0 -4px rgba(255,255,255,.65),
        -76px -18px 0 -4px rgba(255,255,255,.55) !important;
    transform: translateX(-50%) !important;
    z-index: 4 !important;
    pointer-events: none !important;
    animation: fengiWhyPremiumDots 5.2s ease-in-out infinite !important;
}

@keyframes fengiWhyPremiumImageFloat {
    0%, 100% { transform: translateX(0) translateY(0); }
    25% { transform: translateX(7px) translateY(-7px); }
    50% { transform: translateX(0) translateY(-18px); }
    75% { transform: translateX(-7px) translateY(-7px); }
}
@keyframes fengiWhyPremiumPlatform {
    0%, 100% { opacity: .72; transform: translateX(-50%) perspective(520px) rotateX(66deg) scale(.94); }
    50% { opacity: 1; transform: translateX(-50%) perspective(520px) rotateX(66deg) scale(1.06); }
}
@keyframes fengiWhyPremiumRing {
    0%, 100% { opacity: .62; transform: translateX(-50%) perspective(520px) rotateX(66deg) scale(.96); }
    50% { opacity: 1; transform: translateX(-50%) perspective(520px) rotateX(66deg) scale(1.04); }
}
@keyframes fengiWhyPremiumAura {
    0% { transform: translateX(-50%) rotate(0deg); opacity: .46; }
    50% { opacity: .76; }
    100% { transform: translateX(-50%) rotate(360deg); opacity: .46; }
}
@keyframes fengiWhyPremiumDots {
    0%, 100% { opacity: .55; transform: translateX(-50%) translateY(0) scale(.92); }
    50% { opacity: 1; transform: translateX(-50%) translateY(-10px) scale(1.08); }
}

@media (max-width: 767px) {
    .fengi-why-image-wrap::before {
        width: 88% !important;
        height: 70px !important;
        bottom: 6px !important;
    }
    .fengi-why-image-wrap::after {
        width: 78% !important;
        height: 52px !important;
        bottom: 28px !important;
        border-width: 1.5px !important;
    }
    .fengi-why-center::before {
        width: 88% !important;
        height: 120px !important;
        bottom: 46px !important;
        filter: blur(18px) !important;
    }
    .fengi-why-center::after {
        bottom: 14px !important;
        box-shadow:
            0 0 18px rgba(33,212,253,.82),
            84px 6px 0 -3px rgba(0,141,255,.58),
            -88px 10px 0 -3px rgba(33,212,253,.54),
            54px -18px 0 -4px rgba(255,255,255,.65),
            -54px -15px 0 -4px rgba(255,255,255,.55) !important;
    }
}


/* ==================== v6.12 Why Choose Hero Circle Animation ==================== */
/* User requested: remove the v6.11 base platform and use hero-style circle animation behind the main image. */

/* Hide the old added platform/aura effects */
.fengi-why-center::before,
.fengi-why-center::after,
.fengi-why-loop,
.fengi-why-loop span,
.fengi-why-loop::before,
.fengi-why-loop::after,
.fengi-why-loop strong {
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  animation:none !important;
  content:none !important;
}

.fengi-why-image-wrap{
  position:relative !important;
  isolation:isolate !important;
}

/* remove the v6.11 base platform */
.fengi-why-image-wrap::before,
.fengi-why-image-wrap::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:52% !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  pointer-events:none !important;
}

/* hero-style circle stage */
.fengi-why-image-wrap::before{
  width:min(88%, 430px) !important;
  aspect-ratio:1 / 1 !important;
  z-index:1 !important;
  background:radial-gradient(circle, rgba(10,132,255,.26) 0 18%, rgba(33,212,253,.10) 38%, transparent 66%) !important;
  filter:drop-shadow(0 0 30px rgba(0,150,255,.16)) !important;
}

/* outer ring */
.fengi-why-image-wrap::after{
  width:min(88%, 430px) !important;
  aspect-ratio:1 / 1 !important;
  z-index:2 !important;
  border:1px solid rgba(68,190,255,.42) !important;
  box-shadow:0 0 30px rgba(0,155,255,.18), inset 0 0 26px rgba(33,212,253,.10) !important;
}

/* middle and inner rings */
.fengi-why-image-bg{
  position:relative !important;
  z-index:3 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.fengi-why-image-bg::before,
.fengi-why-image-bg::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:52% !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  pointer-events:none !important;
}
.fengi-why-image-bg::before{
  width:min(68%, 330px) !important;
  aspect-ratio:1 / 1 !important;
  z-index:2 !important;
  border:1px dashed rgba(82,196,255,.38) !important;
  box-shadow:0 0 18px rgba(0,150,255,.12) !important;
  opacity:.82 !important;
  animation:fengiWhyHeroRingSpin 28s linear infinite !important;
}
.fengi-why-image-bg::after{
  width:min(42%, 200px) !important;
  aspect-ratio:1 / 1 !important;
  z-index:2 !important;
  border:1px solid rgba(68,190,255,.28) !important;
  box-shadow:0 0 16px rgba(0,155,255,.12), inset 0 0 18px rgba(33,212,253,.08) !important;
  opacity:.72 !important;
}

.fengi-why-main-image{
  position:relative !important;
  z-index:4 !important;
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.18)) !important;
  animation:fengiWhyHeroOwnerFloat 8s ease-in-out infinite !important;
}

@keyframes fengiWhyHeroOwnerFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@keyframes fengiWhyHeroRingSpin{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

@media (max-width: 1024px){
  .fengi-why-image-wrap::before,
  .fengi-why-image-wrap::after{
    top:54% !important;
  }
  .fengi-why-image-bg::before,
  .fengi-why-image-bg::after{
    top:54% !important;
  }
}

@media (max-width: 767px){
  .fengi-why-image-wrap::before,
  .fengi-why-image-wrap::after{
    width:min(84vw, 320px) !important;
    top:50% !important;
  }
  .fengi-why-image-bg::before{
    width:min(66vw, 250px) !important;
    top:50% !important;
  }
  .fengi-why-image-bg::after{
    width:min(40vw, 150px) !important;
    top:50% !important;
  }
  .fengi-why-main-image{
    max-width:92% !important;
  }
}


/* ==================== v6.13 WOW Hero-Style Rotating Circle Animation ==================== */
/* Strong final override for Why Choose main image animation */

/* Keep wrapper clean and visible */
.fengi-why-center {
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
}

.fengi-why-image-wrap {
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
}

/* Remove old pseudo/platform effects */
.fengi-why-center::before,
.fengi-why-center::after,
.fengi-why-image-wrap::before,
.fengi-why-image-wrap::after,
.fengi-why-image-bg::before,
.fengi-why-image-bg::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important;
}

/* Use the existing .fengi-why-loop div as the visible hero-style circle stage */
.fengi-why-loop {
    --fengi-why-loop-color: #008DFF;
    --fengi-why-loop-x: 0px;
    --fengi-why-loop-y: 0px;
    --fengi-why-loop-scale: 1;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 50% !important;
    top: 48% !important;
    bottom: auto !important;
    width: min(118%, 560px) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    transform: translate(calc(-50% + var(--fengi-why-loop-x)), calc(-50% + var(--fengi-why-loop-y))) scale(var(--fengi-why-loop-scale)) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    overflow: visible !important;
}

/* visible glowing background behind rings */
.fengi-why-loop::before {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(33, 212, 253, .30) 0%, rgba(0, 141, 255, .18) 24%, rgba(0, 91, 255, .09) 45%, transparent 68%) !important;
    filter: blur(0) !important;
    transform: none !important;
    animation: fengiWhyWowBgPulse 4.8s ease-in-out infinite !important;
}

/* rotating light sweep */
.fengi-why-loop::after {
    display: block !important;
    visibility: visible !important;
    opacity: .95 !important;
    content: "" !important;
    position: absolute !important;
    inset: -4% !important;
    width: auto !important;
    height: auto !important;
    border-radius: 50% !important;
    background:
        conic-gradient(from 0deg,
            transparent 0deg,
            rgba(33, 212, 253, .00) 42deg,
            rgba(33, 212, 253, .52) 72deg,
            rgba(255,255,255,.62) 84deg,
            rgba(0, 141, 255, .24) 104deg,
            transparent 138deg,
            transparent 230deg,
            rgba(0, 141, 255, .26) 266deg,
            transparent 310deg,
            transparent 360deg) !important;
    -webkit-mask: radial-gradient(circle, transparent 0 54%, #000 55% 57%, transparent 58% 100%) !important;
    mask: radial-gradient(circle, transparent 0 54%, #000 55% 57%, transparent 58% 100%) !important;
    filter: drop-shadow(0 0 18px rgba(33,212,253,.42)) !important;
    transform: none !important;
    animation: fengiWhyWowSweep 7s linear infinite !important;
}

/* Rings */
.fengi-why-loop span {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    border-radius: 50% !important;
    background: transparent !important;
    transform-origin: center center !important;
    pointer-events: none !important;
}

/* Outer solid glowing ring */
.fengi-why-loop span:nth-child(1) {
    width: 100% !important;
    height: 100% !important;
    border: 1.8px solid rgba(84, 211, 255, .62) !important;
    box-shadow:
        0 0 38px rgba(33, 212, 253, .30),
        inset 0 0 42px rgba(0, 141, 255, .16) !important;
    transform: translate(-50%, -50%) rotate(0deg) !important;
    animation: fengiWhyWowRotateClock 28s linear infinite !important;
}

/* Middle dashed rotating ring */
.fengi-why-loop span:nth-child(2) {
    width: 78% !important;
    height: 78% !important;
    border: 1.6px dashed rgba(255, 255, 255, .62) !important;
    box-shadow:
        0 0 24px rgba(0, 141, 255, .22),
        inset 0 0 26px rgba(33, 212, 253, .10) !important;
    transform: translate(-50%, -50%) rotate(0deg) !important;
    animation: fengiWhyWowRotateAnti 18s linear infinite !important;
}

/* Inner ring */
.fengi-why-loop span:nth-child(3) {
    width: 52% !important;
    height: 52% !important;
    border: 1.4px solid rgba(33, 212, 253, .44) !important;
    box-shadow:
        0 0 26px rgba(33, 212, 253, .22),
        inset 0 0 22px rgba(0, 91, 255, .12) !important;
    transform: translate(-50%, -50%) rotate(0deg) !important;
    animation: fengiWhyWowBreathe 4.2s ease-in-out infinite !important;
}

.fengi-why-loop strong {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 12px !important;
    height: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border-radius: 50% !important;
    background: #21D4FD !important;
    color: transparent !important;
    transform: translate(-50%, -50%) !important;
    box-shadow:
        0 0 22px rgba(33, 212, 253, .95),
        110px 0 0 -3px rgba(33, 212, 253, .65),
        -110px 0 0 -3px rgba(0, 141, 255, .58),
        0 110px 0 -4px rgba(255,255,255,.65),
        0 -110px 0 -4px rgba(255,255,255,.58) !important;
    animation: fengiWhyWowParticles 6s ease-in-out infinite !important;
}

/* Make image sit above the rings */
.fengi-why-image-bg {
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.fengi-why-main-image {
    position: relative !important;
    z-index: 5 !important;
    animation: fengiWhyWowImageFloat 7.4s ease-in-out infinite !important;
    filter:
        drop-shadow(0 28px 44px rgba(6,26,58,.24))
        drop-shadow(0 0 20px rgba(33,212,253,.12)) !important;
}

/* Floating icons above the circle */
.fengi-why-floating-icon {
    z-index: 7 !important;
}

@keyframes fengiWhyWowSweep {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes fengiWhyWowRotateClock {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes fengiWhyWowRotateAnti {
    from { transform: translate(-50%, -50%) rotate(360deg); }
    to { transform: translate(-50%, -50%) rotate(0deg); }
}
@keyframes fengiWhyWowBreathe {
    0%, 100% { transform: translate(-50%, -50%) scale(.94); opacity: .58; }
    50% { transform: translate(-50%, -50%) scale(1.05); opacity: 1; }
}
@keyframes fengiWhyWowBgPulse {
    0%, 100% { opacity: .72; transform: scale(.96); }
    50% { opacity: 1; transform: scale(1.05); }
}
@keyframes fengiWhyWowParticles {
    0%, 100% { transform: translate(-50%, -50%) rotate(0deg) scale(.92); opacity: .72; }
    50% { transform: translate(-50%, -50%) rotate(180deg) scale(1.08); opacity: 1; }
}
@keyframes fengiWhyWowImageFloat {
    0%, 100% { transform: translateX(0) translateY(0); }
    25% { transform: translateX(7px) translateY(-6px); }
    50% { transform: translateX(0) translateY(-15px); }
    75% { transform: translateX(-7px) translateY(-6px); }
}

/* Mobile: keep it clearly visible behind the image */
@media (max-width: 767px) {
    .fengi-why-loop {
        width: min(94vw, 350px) !important;
        top: 48% !important;
    }
    .fengi-why-loop strong {
        box-shadow:
            0 0 20px rgba(33, 212, 253, .95),
            76px 0 0 -3px rgba(33, 212, 253, .65),
            -76px 0 0 -3px rgba(0, 141, 255, .58),
            0 76px 0 -4px rgba(255,255,255,.65),
            0 -76px 0 -4px rgba(255,255,255,.58) !important;
    }
    .fengi-why-main-image {
        max-width: 92% !important;
    }
}


/* ==================== v6.14 Visible Animated Circle + Image Bottom Fade ==================== */

/* Make the Why Choose circle clearly animated, not static */
.fengi-why-loop {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: min(122%, 590px) !important;
    top: 48% !important;
    z-index: 1 !important;
}

/* Clear animated glowing base */
.fengi-why-loop::before {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at center,
            rgba(33, 212, 253, .34) 0%,
            rgba(0, 141, 255, .22) 24%,
            rgba(0, 91, 255, .10) 46%,
            transparent 70%) !important;
    opacity: .95 !important;
    transform: scale(.98) !important;
    animation: fengiWhyCircleGlowPulse 3.6s ease-in-out infinite !important;
}

/* Big rotating segmented light ring */
.fengi-why-loop::after {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: -2.5% !important;
    border-radius: 50% !important;
    background:
        conic-gradient(from 0deg,
            transparent 0deg,
            transparent 18deg,
            rgba(33, 212, 253, .90) 42deg,
            rgba(255,255,255,.95) 54deg,
            rgba(0, 141, 255, .35) 72deg,
            transparent 92deg,
            transparent 170deg,
            rgba(33, 212, 253, .48) 202deg,
            transparent 232deg,
            transparent 360deg) !important;
    -webkit-mask: radial-gradient(circle, transparent 0 58%, #000 59% 61.5%, transparent 62.5% 100%) !important;
    mask: radial-gradient(circle, transparent 0 58%, #000 59% 61.5%, transparent 62.5% 100%) !important;
    filter: drop-shadow(0 0 18px rgba(33,212,253,.56)) !important;
    opacity: 1 !important;
    animation: fengiWhyVisibleRotateFast 4.8s linear infinite !important;
}

/* Outer thin ring */
.fengi-why-loop span:nth-child(1) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: 100% !important;
    border: 1.6px solid rgba(33, 212, 253, .54) !important;
    border-radius: 50% !important;
    box-shadow:
        0 0 32px rgba(33, 212, 253, .24),
        inset 0 0 34px rgba(0, 141, 255, .12) !important;
    animation: fengiWhyRingBreathe 4.4s ease-in-out infinite !important;
}

/* Middle dashed ring - this visibly rotates */
.fengi-why-loop span:nth-child(2) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 78% !important;
    height: 78% !important;
    border-radius: 50% !important;
    border: 2px dashed rgba(255,255,255,.72) !important;
    box-shadow:
        0 0 24px rgba(0,141,255,.22),
        inset 0 0 22px rgba(33,212,253,.10) !important;
    animation: fengiWhyDashedRingSpin 7.5s linear infinite !important;
}

/* Inner segmented rotating ring */
.fengi-why-loop span:nth-child(3) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 55% !important;
    height: 55% !important;
    border: 0 !important;
    border-radius: 50% !important;
    background:
        conic-gradient(from 0deg,
            rgba(33,212,253,.70) 0 26deg,
            transparent 26deg 72deg,
            rgba(0,141,255,.52) 72deg 104deg,
            transparent 104deg 182deg,
            rgba(255,255,255,.58) 182deg 206deg,
            transparent 206deg 360deg) !important;
    -webkit-mask: radial-gradient(circle, transparent 0 66%, #000 67% 72%, transparent 73% 100%) !important;
    mask: radial-gradient(circle, transparent 0 66%, #000 67% 72%, transparent 73% 100%) !important;
    filter: drop-shadow(0 0 14px rgba(33,212,253,.35)) !important;
    animation: fengiWhyInnerSegmentSpin 5.8s linear infinite reverse !important;
}

/* Rotating glowing particles around the ring */
.fengi-why-loop strong {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    background: #21D4FD !important;
    transform: translate(-50%, -50%) !important;
    box-shadow:
        0 -155px 0 -2px rgba(33,212,253,.95),
        108px -108px 0 -3px rgba(255,255,255,.72),
        155px 0 0 -3px rgba(0,141,255,.82),
        108px 108px 0 -4px rgba(33,212,253,.64),
        0 155px 0 -4px rgba(255,255,255,.64),
        -108px 108px 0 -4px rgba(0,91,255,.64),
        -155px 0 0 -4px rgba(33,212,253,.62),
        -108px -108px 0 -4px rgba(255,255,255,.58),
        0 0 24px rgba(33,212,253,.95) !important;
    animation: fengiWhyParticleOrbit 8s linear infinite !important;
}

/* Main image above animation */
.fengi-why-main-image {
    z-index: 6 !important;
}

/* Fade the main image bottom side */
.fengi-why-image-bg::after {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: -2px !important;
    top: auto !important;
    width: 108% !important;
    height: 31% !important;
    transform: translateX(-50%) !important;
    border-radius: 0 0 30px 30px !important;
    background:
        linear-gradient(to bottom,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,.38) 42%,
            rgba(255,255,255,.78) 74%,
            rgba(255,255,255,.98) 100%) !important;
    z-index: 7 !important;
    pointer-events: none !important;
    opacity: .96 !important;
    filter: none !important;
    animation: none !important;
}

/* Keyframes */
@keyframes fengiWhyVisibleRotateFast {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes fengiWhyDashedRingSpin {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(-360deg); }
}
@keyframes fengiWhyInnerSegmentSpin {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes fengiWhyRingBreathe {
    0%, 100% {
        transform: translate(-50%, -50%) scale(.985);
        opacity: .72;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.025);
        opacity: 1;
    }
}
@keyframes fengiWhyCircleGlowPulse {
    0%, 100% {
        transform: scale(.94);
        opacity: .62;
    }
    50% {
        transform: scale(1.04);
        opacity: 1;
    }
}
@keyframes fengiWhyParticleOrbit {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Mobile visibility */
@media (max-width: 767px) {
    .fengi-why-loop {
        width: min(96vw, 380px) !important;
        top: 48% !important;
    }

    .fengi-why-loop strong {
        box-shadow:
            0 -96px 0 -2px rgba(33,212,253,.95),
            68px -68px 0 -3px rgba(255,255,255,.72),
            96px 0 0 -3px rgba(0,141,255,.82),
            68px 68px 0 -4px rgba(33,212,253,.64),
            0 96px 0 -4px rgba(255,255,255,.64),
            -68px 68px 0 -4px rgba(0,91,255,.64),
            -96px 0 0 -4px rgba(33,212,253,.62),
            -68px -68px 0 -4px rgba(255,255,255,.58),
            0 0 22px rgba(33,212,253,.95) !important;
    }

    .fengi-why-image-bg::after {
        height: 28% !important;
    }
}

/* ==================== v6.15 FINAL Why Choose visible animated circle + hero-style image fade ==================== */

/* Use a very strong final override so previous duplicate CSS blocks cannot hide the effect */
.fengi-why-center .fengi-why-image-wrap,
.fengi-why-center .fengi-why-image-bg {
  position: relative !important;
  overflow: visible !important;
}

/* Keep image stage clean and transparent */
.fengi-why-center .fengi-why-image-bg {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  min-height: 640px !important;
}

/* Strong visible animated circle behind the image */
.fengi-why-center .fengi-why-loop {
  --fengi-why-loop-x: 0px;
  --fengi-why-loop-y: 0px;
  --fengi-why-loop-scale: 1;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(590px, 98%) !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  transform: translate(calc(-50% + var(--fengi-why-loop-x)), calc(-50% + var(--fengi-why-loop-y))) scale(var(--fengi-why-loop-scale)) !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 1 !important;
  border-radius: 50% !important;
}

/* soft glow base */
.fengi-why-center .fengi-why-loop::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at center,
      rgba(44, 203, 255, 0.28) 0%,
      rgba(2, 133, 255, 0.16) 32%,
      rgba(2, 133, 255, 0.06) 52%,
      transparent 72%) !important;
  box-shadow:
    0 0 45px rgba(44,203,255,.22),
    inset 0 0 30px rgba(255,255,255,.22) !important;
  animation: fengiWhy615Pulse 4.5s ease-in-out infinite !important;
}

/* shiny rotating arc ring */
.fengi-why-center .fengi-why-loop::after {
  content: "" !important;
  position: absolute !important;
  inset: 3% !important;
  border-radius: 50% !important;
  background: conic-gradient(from 0deg,
      rgba(255,255,255,0) 0deg,
      rgba(255,255,255,0) 24deg,
      rgba(134,231,255,.96) 50deg,
      rgba(53,190,255,.92) 72deg,
      rgba(255,255,255,.98) 84deg,
      rgba(40,167,255,.22) 112deg,
      rgba(255,255,255,0) 140deg,
      rgba(255,255,255,0) 204deg,
      rgba(40,167,255,.48) 236deg,
      rgba(255,255,255,0) 272deg,
      rgba(255,255,255,0) 360deg) !important;
  -webkit-mask: radial-gradient(circle, transparent 0 57%, #000 58% 61%, transparent 62% 100%) !important;
  mask: radial-gradient(circle, transparent 0 57%, #000 58% 61%, transparent 62% 100%) !important;
  filter: drop-shadow(0 0 18px rgba(61,207,255,.50)) !important;
  animation: fengiWhy615Rotate 7.5s linear infinite !important;
}

/* outer ring */
.fengi-why-center .fengi-why-loop span:nth-child(1),
.fengi-why-center .fengi-why-loop span:nth-child(2),
.fengi-why-center .fengi-why-loop span:nth-child(3) {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.fengi-why-center .fengi-why-loop span:nth-child(1) {
  width: 100% !important;
  height: 100% !important;
  border: 1.5px solid rgba(73, 203, 255, 0.55) !important;
  box-shadow:
    0 0 32px rgba(44,203,255,.18),
    inset 0 0 28px rgba(44,203,255,.10) !important;
  animation: fengiWhy615Breathe 5s ease-in-out infinite !important;
}

/* dashed rotating ring */
.fengi-why-center .fengi-why-loop span:nth-child(2) {
  width: 78% !important;
  height: 78% !important;
  border: 1.8px dashed rgba(255,255,255,.54) !important;
  box-shadow: inset 0 0 16px rgba(255,255,255,.06) !important;
  animation: fengiWhy615Dash 14s linear infinite !important;
}

/* inner glow ring */
.fengi-why-center .fengi-why-loop span:nth-child(3) {
  width: 54% !important;
  height: 54% !important;
  border: 1.4px solid rgba(44,203,255,.35) !important;
  box-shadow:
    0 0 22px rgba(44,203,255,.20),
    inset 0 0 18px rgba(44,203,255,.14) !important;
  animation: fengiWhy615Inner 8s linear infinite reverse !important;
}

/* particles orbit */
.fengi-why-center .fengi-why-loop strong {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  background: rgba(44,203,255,.98) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow:
    0 -148px 0 -2px rgba(44,203,255,.95),
    104px -104px 0 -4px rgba(255,255,255,.72),
    148px 0 0 -4px rgba(0,141,255,.82),
    104px 104px 0 -5px rgba(44,203,255,.60),
    0 148px 0 -5px rgba(255,255,255,.54),
    -104px 104px 0 -5px rgba(0,141,255,.58),
    -148px 0 0 -5px rgba(44,203,255,.58),
    -104px -104px 0 -5px rgba(255,255,255,.50),
    0 0 22px rgba(44,203,255,.88) !important;
  animation: fengiWhy615Orbit 10s linear infinite !important;
}

/* Keep image above the animated rings and add bottom fade like hero owner image */
.fengi-why-center .fengi-why-main-image {
  position: relative !important;
  z-index: 4 !important;
  animation: fengiWhy615ImageFloat 7s ease-in-out infinite !important;
  filter: drop-shadow(0 26px 45px rgba(7,22,47,.18)) !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0 76%, rgba(0,0,0,.96) 84%, rgba(0,0,0,.78) 89%, rgba(0,0,0,.34) 95%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0 76%, rgba(0,0,0,.96) 84%, rgba(0,0,0,.78) 89%, rgba(0,0,0,.34) 95%, transparent 100%) !important;
}

/* Remove the old white overlay fade if present */
.fengi-why-center .fengi-why-image-bg::after {
  content: none !important;
  display: none !important;
}

@keyframes fengiWhy615Rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes fengiWhy615Pulse {
  0%,100% { transform: scale(.96); opacity: .72; }
  50% { transform: scale(1.03); opacity: 1; }
}
@keyframes fengiWhy615Breathe {
  0%,100% { transform: translate(-50%, -50%) scale(.985); opacity: .82; }
  50% { transform: translate(-50%, -50%) scale(1.015); opacity: 1; }
}
@keyframes fengiWhy615Dash { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(-360deg); } }
@keyframes fengiWhy615Inner { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes fengiWhy615Orbit { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes fengiWhy615ImageFloat {
  0%,100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -10px, 0); }
}

@media (max-width: 1024px) {
  .fengi-why-center .fengi-why-image-bg { min-height: 560px !important; }
  .fengi-why-center .fengi-why-loop { width: min(520px, 98%) !important; }
}
@media (max-width: 767px) {
  .fengi-why-center .fengi-why-image-bg { min-height: 420px !important; }
  .fengi-why-center .fengi-why-loop { width: min(94vw, 360px) !important; }
  .fengi-why-center .fengi-why-loop strong {
    box-shadow:
      0 -92px 0 -2px rgba(44,203,255,.95),
      65px -65px 0 -4px rgba(255,255,255,.72),
      92px 0 0 -4px rgba(0,141,255,.82),
      65px 65px 0 -5px rgba(44,203,255,.60),
      0 92px 0 -5px rgba(255,255,255,.54),
      -65px 65px 0 -5px rgba(0,141,255,.58),
      -92px 0 0 -5px rgba(44,203,255,.58),
      -65px -65px 0 -5px rgba(255,255,255,.50),
      0 0 20px rgba(44,203,255,.88) !important;
  }
  .fengi-why-center .fengi-why-main-image {
    -webkit-mask-image: linear-gradient(to bottom, #000 0 78%, rgba(0,0,0,.95) 87%, rgba(0,0,0,.62) 93%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, #000 0 78%, rgba(0,0,0,.95) 87%, rgba(0,0,0,.62) 93%, transparent 100%) !important;
  }
}


/* ==================== v6.16 FINAL proper orbit element + working responsive bars ==================== */

/* This version uses real HTML elements for the orbit circle instead of pseudo-only CSS.
   It cannot be hidden by previous .fengi-why-loop overrides. */

.fengi-why-center {
    --fengi-why-image-width: 450px;
    --fengi-why-image-height: 470px;
    --fengi-why-image-x: 0px;
    --fengi-why-image-y: 0px;
    --fengi-why-image-scale: 1;
    --fengi-why-image-radius: 28px;
    --fengi-why-loop-x: 0px;
    --fengi-why-loop-y: 0px;
    --fengi-why-loop-scale: 1;
    --fengi-why-loop-color: #008DFF;
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
}

.fengi-why-center .fengi-why-image-wrap {
    max-width: var(--fengi-why-image-width) !important;
    transform: translate3d(var(--fengi-why-image-x), var(--fengi-why-image-y), 0) !important;
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;
}

.fengi-why-center .fengi-why-image-bg {
    min-height: var(--fengi-why-image-height) !important;
    border-radius: var(--fengi-why-image-radius) !important;
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.fengi-why-center .fengi-why-image-bg::before,
.fengi-why-center .fengi-why-image-bg::after,
.fengi-why-center .fengi-why-center::before,
.fengi-why-center .fengi-why-center::after,
.fengi-why-center .fengi-why-loop {
    display: none !important;
}

/* REAL animated orbit stage */
.fengi-why-orbit-stage {
    position: absolute !important;
    left: 50% !important;
    top: 49% !important;
    width: min(122%, 590px) !important;
    aspect-ratio: 1 / 1 !important;
    transform: translate(calc(-50% + var(--fengi-why-loop-x)), calc(-50% + var(--fengi-why-loop-y))) scale(var(--fengi-why-loop-scale)) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 50% !important;
}

/* glow background */
.fengi-why-orbit-bg {
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at center,
            color-mix(in srgb, var(--fengi-why-loop-color) 34%, transparent) 0%,
            rgba(33,212,253,.22) 30%,
            rgba(0,91,255,.10) 52%,
            transparent 72%) !important;
    box-shadow:
        0 0 52px rgba(33,212,253,.24),
        inset 0 0 38px rgba(255,255,255,.16) !important;
    animation: fengiWhyOrbitGlow616 3.8s ease-in-out infinite !important;
}

/* rings */
.fengi-why-ring {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    border-radius: 50% !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform-origin: center !important;
}

.fengi-why-ring-1 {
    width: 100% !important;
    height: 100% !important;
    border: 2px solid rgba(33,212,253,.62) !important;
    box-shadow:
        0 0 42px rgba(33,212,253,.30),
        inset 0 0 46px rgba(0,141,255,.15) !important;
    transform: translate(-50%, -50%) !important;
    animation: fengiWhyRingPulse616 4.5s ease-in-out infinite !important;
}

.fengi-why-ring-2 {
    width: 78% !important;
    height: 78% !important;
    border: 2px dashed rgba(255,255,255,.74) !important;
    box-shadow:
        0 0 26px rgba(0,141,255,.20),
        inset 0 0 24px rgba(33,212,253,.10) !important;
    transform: translate(-50%, -50%) !important;
    animation: fengiWhyRingRotate616 9s linear infinite !important;
}

.fengi-why-ring-3 {
    width: 54% !important;
    height: 54% !important;
    border-radius: 50% !important;
    background:
        conic-gradient(from 0deg,
            rgba(33,212,253,.84) 0deg 35deg,
            transparent 35deg 96deg,
            rgba(255,255,255,.70) 96deg 128deg,
            transparent 128deg 220deg,
            rgba(0,141,255,.64) 220deg 258deg,
            transparent 258deg 360deg) !important;
    -webkit-mask: radial-gradient(circle, transparent 0 66%, #000 67% 73%, transparent 74% 100%) !important;
    mask: radial-gradient(circle, transparent 0 66%, #000 67% 73%, transparent 74% 100%) !important;
    filter: drop-shadow(0 0 18px rgba(33,212,253,.45)) !important;
    transform: translate(-50%, -50%) !important;
    animation: fengiWhyRingRotateReverse616 5.5s linear infinite !important;
}

/* visible orbiting dots */
.fengi-why-orbit-dot {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 11px !important;
    height: 11px !important;
    border-radius: 50% !important;
    background: #21D4FD !important;
    box-shadow: 0 0 22px rgba(33,212,253,.95) !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform-origin: center !important;
}

.fengi-why-orbit-dot-1 {
    animation: fengiWhyDotOrbit616 6s linear infinite !important;
}
.fengi-why-orbit-dot-2 {
    animation: fengiWhyDotOrbit616 8s linear infinite reverse !important;
}
.fengi-why-orbit-dot-3 {
    animation: fengiWhyDotOrbitSmall616 5s linear infinite !important;
}

/* image with actual hero-style bottom fade using mask */
.fengi-why-center .fengi-why-main-image {
    position: relative !important;
    z-index: 5 !important;
    transform-origin: bottom center !important;
    animation: fengiWhyImageFloat616 7.4s ease-in-out infinite !important;
    filter: drop-shadow(0 26px 45px rgba(7,22,47,.18)) !important;
    -webkit-mask-image: linear-gradient(to bottom, #000 0 74%, rgba(0,0,0,.96) 82%, rgba(0,0,0,.72) 90%, rgba(0,0,0,.30) 96%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, #000 0 74%, rgba(0,0,0,.96) 82%, rgba(0,0,0,.72) 90%, rgba(0,0,0,.30) 96%, transparent 100%) !important;
}

/* additional fade overlay for browsers where mask is weak */
.fengi-why-image-bottom-fade {
    position: absolute !important;
    left: 50% !important;
    bottom: -1px !important;
    width: 115% !important;
    height: 32% !important;
    transform: translateX(-50%) !important;
    z-index: 6 !important;
    pointer-events: none !important;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.70) 58%, #fff 100%) !important;
    display: block !important;
    opacity: .96 !important;
}

@keyframes fengiWhyOrbitGlow616 {
    0%, 100% { transform: scale(.94); opacity: .70; }
    50% { transform: scale(1.05); opacity: 1; }
}
@keyframes fengiWhyRingPulse616 {
    0%, 100% { transform: translate(-50%, -50%) scale(.985); opacity: .76; }
    50% { transform: translate(-50%, -50%) scale(1.025); opacity: 1; }
}
@keyframes fengiWhyRingRotate616 {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes fengiWhyRingRotateReverse616 {
    from { transform: translate(-50%, -50%) rotate(360deg); }
    to { transform: translate(-50%, -50%) rotate(0deg); }
}
@keyframes fengiWhyDotOrbit616 {
    from { transform: translate(-50%, -50%) rotate(0deg) translateX(232px) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg) translateX(232px) rotate(-360deg); }
}
@keyframes fengiWhyDotOrbitSmall616 {
    from { transform: translate(-50%, -50%) rotate(0deg) translateX(150px) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(-360deg) translateX(150px) rotate(360deg); }
}
@keyframes fengiWhyImageFloat616 {
    0%, 100% { transform: translate3d(0, 0, 0) scale(var(--fengi-why-image-scale)); }
    50% { transform: translate3d(0, -11px, 0) scale(var(--fengi-why-image-scale)); }
}

@media (max-width: 1024px) {
    .fengi-why-center .fengi-why-image-bg {
        min-height: var(--fengi-why-image-height) !important;
    }
    .fengi-why-orbit-stage {
        width: min(108%, 520px) !important;
    }
    @keyframes fengiWhyDotOrbit616 {
        from { transform: translate(-50%, -50%) rotate(0deg) translateX(190px) rotate(0deg); }
        to { transform: translate(-50%, -50%) rotate(360deg) translateX(190px) rotate(-360deg); }
    }
    @keyframes fengiWhyDotOrbitSmall616 {
        from { transform: translate(-50%, -50%) rotate(0deg) translateX(122px) rotate(0deg); }
        to { transform: translate(-50%, -50%) rotate(-360deg) translateX(122px) rotate(360deg); }
    }
}

@media (max-width: 767px) {
    .fengi-why-center .fengi-why-image-bg {
        min-height: var(--fengi-why-image-height) !important;
    }
    .fengi-why-orbit-stage {
        width: min(95vw, 380px) !important;
        top: 48% !important;
    }
    .fengi-why-image-bottom-fade {
        height: 30% !important;
    }
    @keyframes fengiWhyDotOrbit616 {
        from { transform: translate(-50%, -50%) rotate(0deg) translateX(155px) rotate(0deg); }
        to { transform: translate(-50%, -50%) rotate(360deg) translateX(155px) rotate(-360deg); }
    }
    @keyframes fengiWhyDotOrbitSmall616 {
        from { transform: translate(-50%, -50%) rotate(0deg) translateX(98px) rotate(0deg); }
        to { transform: translate(-50%, -50%) rotate(-360deg) translateX(98px) rotate(360deg); }
    }
}


/* ==================== v6.17 cleaner hero-style animated circle ==================== */
.fengi-why-center {
    --fengi-why-main-image-width: 430px;
    --fengi-why-main-image-x: 0px;
    --fengi-why-main-image-y: 0px;
    --fengi-why-orbit-width: 590px;
    --fengi-why-orbit-x: 0px;
    --fengi-why-orbit-y: 0px;
}

/* hide old dot effects */
.fengi-why-orbit-dot,
.fengi-why-orbit-bg {
    display: none !important;
}

.fengi-why-orbit-stage {
    width: min(122%, var(--fengi-why-orbit-width)) !important;
    transform: translate(calc(-50% + var(--fengi-why-loop-x) + var(--fengi-why-orbit-x)), calc(-50% + var(--fengi-why-loop-y) + var(--fengi-why-orbit-y))) scale(var(--fengi-why-loop-scale)) !important;
    overflow: visible !important;
}

/* clean, modern hero-like concentric circle animation */
.fengi-why-ring-1 {
    width: 100% !important;
    height: 100% !important;
    border: 2px solid rgba(50, 198, 255, 0.60) !important;
    box-shadow: 0 0 36px rgba(0, 157, 255, 0.16), inset 0 0 28px rgba(255,255,255,0.10) !important;
    opacity: .92 !important;
    animation: fengiWhyOuterPulse617 4s ease-in-out infinite !important;
}

.fengi-why-ring-2 {
    width: 76% !important;
    height: 76% !important;
    border: 2px dashed rgba(110, 223, 255, 0.38) !important;
    box-shadow: inset 0 0 18px rgba(0,141,255,.08) !important;
    animation: fengiWhyDashedRotate617 12s linear infinite !important;
}

.fengi-why-ring-3 {
    width: 88% !important;
    height: 88% !important;
    border: none !important;
    border-radius: 50% !important;
    background:
        conic-gradient(from 0deg,
            transparent 0deg 38deg,
            rgba(73, 220, 255, .95) 38deg 76deg,
            rgba(73,220,255,.28) 76deg 90deg,
            transparent 90deg 196deg,
            rgba(69, 188, 255, .92) 196deg 234deg,
            rgba(69,188,255,.20) 234deg 250deg,
            transparent 250deg 360deg) !important;
    -webkit-mask: radial-gradient(circle, transparent 0 67%, #000 68% 73%, transparent 74% 100%) !important;
    mask: radial-gradient(circle, transparent 0 67%, #000 68% 73%, transparent 74% 100%) !important;
    filter: drop-shadow(0 0 16px rgba(72, 207, 255, 0.50)) !important;
    opacity: 1 !important;
    animation: fengiWhyArcRotate617 6s linear infinite !important;
}

/* add subtle inner arc via pseudo for wow feel */
.fengi-why-ring-3::after {
    content: "";
    position: absolute;
    inset: 16%;
    border-radius: 50%;
    background:
        conic-gradient(from 220deg,
            transparent 0deg 46deg,
            rgba(93, 215, 255, .78) 46deg 70deg,
            rgba(93,215,255,.14) 70deg 84deg,
            transparent 84deg 230deg,
            rgba(0,141,255,.68) 230deg 252deg,
            rgba(0,141,255,.10) 252deg 266deg,
            transparent 266deg 360deg);
    -webkit-mask: radial-gradient(circle, transparent 0 64%, #000 65% 72%, transparent 73% 100%);
    mask: radial-gradient(circle, transparent 0 64%, #000 65% 72%, transparent 73% 100%);
    filter: drop-shadow(0 0 12px rgba(93,215,255,.42));
    animation: fengiWhyArcRotateReverse617 5s linear infinite;
}

.fengi-why-center .fengi-why-main-image {
    width: var(--fengi-why-main-image-width) !important;
    max-width: 100% !important;
    transform-origin: bottom center !important;
    animation: fengiWhyImageFloat617 7.2s ease-in-out infinite !important;
}

@keyframes fengiWhyOuterPulse617 {
    0%, 100% { transform: translate(-50%, -50%) scale(.985); opacity: .74; }
    50% { transform: translate(-50%, -50%) scale(1.02); opacity: 1; }
}
@keyframes fengiWhyDashedRotate617 {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes fengiWhyArcRotate617 {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes fengiWhyArcRotateReverse617 {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}
@keyframes fengiWhyImageFloat617 {
    0%, 100% { transform: translate3d(var(--fengi-why-main-image-x), var(--fengi-why-main-image-y), 0) scale(var(--fengi-why-image-scale)); }
    50% { transform: translate3d(var(--fengi-why-main-image-x), calc(var(--fengi-why-main-image-y) - 10px), 0) scale(var(--fengi-why-image-scale)); }
}

@media (max-width: 1024px) {
    .fengi-why-orbit-stage { width: min(108%, var(--fengi-why-orbit-width)) !important; }
}
@media (max-width: 767px) {
    .fengi-why-orbit-stage { width: min(95vw, var(--fengi-why-orbit-width)) !important; }
}


/* ==================== v6.18 ACTUAL moving arcs around circle ==================== */
/* The marked arc pieces are now real elements with forced animation + JS fallback. */

/* Keep existing rings visible but make the marked arcs separate moving parts */
.fengi-why-orbit-stage {
    overflow: visible !important;
    will-change: transform !important;
}

/* So old conic inner arc doesn't look stuck */
.fengi-why-ring-3 {
    border: 1px solid rgba(33,212,253,.20) !important;
    background: transparent !important;
    -webkit-mask: none !important;
    mask: none !important;
    filter: none !important;
    animation: fengiWhyRingSoftPulse618 5s ease-in-out infinite !important;
}

/* Main moving arc elements */
.fengi-why-orbit-arc {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
    transform-origin: center center !important;
    z-index: 4 !important;
    will-change: transform !important;
}

/* Outer thick arc like marked right side */
.fengi-why-orbit-arc-1 {
    background:
        conic-gradient(from 0deg,
            transparent 0deg 22deg,
            rgba(71, 213, 255, .08) 22deg 34deg,
            rgba(65, 210, 255, .98) 34deg 62deg,
            rgba(71, 213, 255, .48) 62deg 82deg,
            transparent 82deg 360deg) !important;
    -webkit-mask: radial-gradient(circle, transparent 0 74%, #000 75% 79%, transparent 80% 100%) !important;
    mask: radial-gradient(circle, transparent 0 74%, #000 75% 79%, transparent 80% 100%) !important;
    filter: drop-shadow(0 0 12px rgba(33,212,253,.55)) !important;
    animation: fengiWhyArcMoveClock618 4.2s linear infinite !important;
}

/* Second arc like marked lower-left side */
.fengi-why-orbit-arc-2 {
    background:
        conic-gradient(from 180deg,
            transparent 0deg 36deg,
            rgba(33, 188, 255, .14) 36deg 48deg,
            rgba(33, 188, 255, .86) 48deg 82deg,
            rgba(33, 188, 255, .34) 82deg 104deg,
            transparent 104deg 360deg) !important;
    -webkit-mask: radial-gradient(circle, transparent 0 67%, #000 68% 72%, transparent 73% 100%) !important;
    mask: radial-gradient(circle, transparent 0 67%, #000 68% 72%, transparent 73% 100%) !important;
    filter: drop-shadow(0 0 10px rgba(0,141,255,.48)) !important;
    animation: fengiWhyArcMoveClock618 5.8s linear infinite reverse !important;
}

/* Inner subtle arc */
.fengi-why-orbit-arc-3 {
    background:
        conic-gradient(from 80deg,
            transparent 0deg 42deg,
            rgba(255,255,255,.72) 42deg 55deg,
            rgba(33,212,253,.44) 55deg 78deg,
            transparent 78deg 360deg) !important;
    -webkit-mask: radial-gradient(circle, transparent 0 54%, #000 55% 58%, transparent 59% 100%) !important;
    mask: radial-gradient(circle, transparent 0 54%, #000 55% 58%, transparent 59% 100%) !important;
    filter: drop-shadow(0 0 8px rgba(255,255,255,.55)) !important;
    animation: fengiWhyArcMoveAnti618 3.6s linear infinite !important;
}

/* Stronger visible rotation for dashed circle */
.fengi-why-ring-2 {
    animation: fengiWhyDashClearlyRotate618 5.5s linear infinite !important;
    border-color: rgba(33,212,253,.52) !important;
}

/* Moving dots more clear */
.fengi-why-orbit-dot-1,
.fengi-why-orbit-dot-2,
.fengi-why-orbit-dot-3 {
    z-index: 6 !important;
}

@keyframes fengiWhyArcMoveClock618 {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes fengiWhyArcMoveAnti618 {
    from { transform: translate(-50%, -50%) rotate(360deg); }
    to { transform: translate(-50%, -50%) rotate(0deg); }
}
@keyframes fengiWhyDashClearlyRotate618 {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(-360deg); }
}
@keyframes fengiWhyRingSoftPulse618 {
    0%, 100% { transform: translate(-50%, -50%) scale(.98); opacity: .48; }
    50% { transform: translate(-50%, -50%) scale(1.03); opacity: .75; }
}

/* Editor preview must also animate */
.elementor-editor-active .fengi-why-orbit-arc,
.elementor-editor-preview .fengi-why-orbit-arc {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Keep mobile arcs visible */
@media (max-width: 767px) {
    .fengi-why-orbit-arc-1 {
        -webkit-mask: radial-gradient(circle, transparent 0 73%, #000 74% 79%, transparent 80% 100%) !important;
        mask: radial-gradient(circle, transparent 0 73%, #000 74% 79%, transparent 80% 100%) !important;
    }
}


/* ==================== v6.19 Course Grid + Unified Why-Style Course Headers ==================== */
.fengi-courses-heading {
    position: relative;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 30px 46px 28px;
    border-radius: 28px;
    border: 1px solid rgba(33,212,253,.25);
    background: linear-gradient(145deg, rgba(255,255,255,.62), rgba(232,248,255,.28));
    backdrop-filter: blur(18px) saturate(1.06);
    -webkit-backdrop-filter: blur(18px) saturate(1.06);
    box-shadow: 0 28px 70px rgba(6,26,58,.08), inset 0 1px rgba(255,255,255,.88);
    overflow: visible;
}
.fengi-courses-heading::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 31%;
    width: 94px;
    height: 4px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #21D4FD, #008DFF, transparent);
    opacity: .8;
}
.fengi-courses-heading::after {
    content: "";
    position: absolute;
    right: 9%;
    bottom: 18%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #59DFFF;
    box-shadow: 0 0 22px rgba(33,212,253,.72);
    animation: fengiCoursesHeaderOrb 3.4s ease-in-out infinite;
}
.fengi-courses-heading .fengi-heading-float {
    position: absolute;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #008DFF;
    background: rgba(232,248,255,.92);
    border: 1px solid rgba(255,255,255,.86);
    box-shadow: 0 18px 42px rgba(0,141,255,.10), inset 0 1px rgba(255,255,255,.92);
    z-index: 2;
    animation: fengiCoursesHeaderFloat 5.8s ease-in-out infinite;
}
.fengi-courses-heading .fengi-heading-float svg {
    width: 21px;
    height: 21px;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.fengi-heading-float-book { left: 24px; top: 24px; }
.fengi-heading-float-cap { right: 24px; top: 24px; animation-delay: .8s; }
.fengi-heading-float-spark {
    right: 8%;
    bottom: 18%;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px;
    background: #59DFFF !important;
    border: 0 !important;
    box-shadow: 0 0 20px rgba(33,212,253,.8) !important;
}
.fengi-courses-title {
    margin: 0 0 14px;
    color: #0A1740;
    font-family: "Inter", sans-serif;
    font-size: clamp(34px, 4vw, 62px);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
    text-wrap: balance;
}
.fengi-courses-subtitle {
    margin: 0;
    color: #66728A;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 500;
}
@keyframes fengiCoursesHeaderFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes fengiCoursesHeaderOrb { 0%,100% { transform: translateY(0) scale(.9); opacity: .55; } 50% { transform: translateY(-10px) scale(1.08); opacity: 1; } }

.fengi-courses-grid-section, .fengi-courses-grid-section * { box-sizing: border-box; font-family: "Inter", sans-serif; }
.fengi-courses-grid-section { position: relative; overflow: hidden; background-color: #fff; }
.fengi-courses-grid-container { width: 100%; max-width: 1540px; margin: 0 auto; position: relative; z-index: 2; }
.fengi-courses-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.fengi-grid-course-item { min-width: 0; transition: opacity .28s ease, transform .28s ease; }
.fengi-grid-course-item.is-hidden { display: none !important; }
.fengi-grid-course-card {
    --course-lift: 8px;
    --course-img-hover-scale: 1.08;
    position: relative;
    display: block;
    height: 410px;
    overflow: hidden;
    border-radius: 24px;
    color: #fff;
    text-decoration: none;
    background: rgba(2, 8, 23, .08);
    box-shadow: 0 28px 74px rgba(6,26,58,.12);
    transform: translateY(0);
    transition: transform .32s ease, box-shadow .32s ease;
}
.fengi-grid-course-card img {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
    transition: transform .55s cubic-bezier(.19,1,.22,1), filter .35s ease;
}
.fengi-grid-course-card::before {
    content: ""; position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(180deg, rgba(2,8,23,.04), rgba(2,8,23,.36));
    opacity: .28; pointer-events: none;
}
.fengi-grid-course-card:hover {
    transform: translateY(calc(var(--course-lift) * -1));
    box-shadow: 0 34px 86px rgba(6,26,58,.16), 0 18px 36px rgba(0,141,255,.08);
}
.fengi-grid-course-card:hover img { transform: scale(var(--course-img-hover-scale)); filter: saturate(1.04); }
.fengi-grid-course-card .fengi-course-info {
    position: absolute; z-index: 3; left: 22px; right: 22px; bottom: 22px;
    padding: 22px 24px; border-radius: 18px; border: 1px solid rgba(255,255,255,.22);
    background: rgba(15,23,42,.48);
    backdrop-filter: blur(16px) saturate(1.05); -webkit-backdrop-filter: blur(16px) saturate(1.05);
    box-shadow: inset 0 1px rgba(255,255,255,.18), 0 18px 42px rgba(2,8,23,.18);
}
.fengi-grid-course-card .fengi-course-title { margin: 0; color: #fff; font-size: 22px; line-height: 1.55; font-weight: 800; letter-spacing: -.02em; }
.fengi-grid-course-card .fengi-course-badge {
    display: inline-flex; align-items: center; margin: 0 8px 0 0; border-radius: 999px;
    color: #fff; background: rgba(2,8,23,.78); padding: 4px 9px; font-size: 12px; line-height: 1; font-weight: 800;
}
.fengi-grid-course-card .fengi-course-divider { height: 1px; background: rgba(255,255,255,.14); margin: 18px 0 14px; }
.fengi-grid-course-card .fengi-course-meta { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1; font-weight: 500; }
.fengi-grid-course-card .fengi-course-meta span { display: inline-flex; align-items: center; gap: 6px; }
.fengi-grid-course-card .fengi-course-meta svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.fengi-courses-grid .fengi-course-empty { grid-column: 1 / -1; text-align: center; padding: 38px; border-radius: 22px; background: rgba(232,248,255,.65); color: #0A1740; font-weight: 700; }

.fengi-course-tabs { display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; }
.fengi-course-tab {
    border: 1px solid rgba(0,141,255,.18); border-radius: 18px; background: rgba(255,255,255,.78);
    color: #1F2937; padding: 10px 20px; font-family: "Inter", sans-serif; font-weight: 700;
    cursor: pointer; transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}
.fengi-course-tab:hover, .fengi-course-tab.is-active { color: #008DFF; background: rgba(232,248,255,.95); border-color: rgba(0,141,255,.32); transform: translateY(-2px); }

@media (max-width: 1024px) {
    .fengi-courses-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fengi-courses-heading { padding: 26px 32px 24px; }
}
@media (max-width: 767px) {
    .fengi-courses-grid { grid-template-columns: 1fr; }
    .fengi-courses-heading { padding: 24px 18px 22px; border-radius: 22px; }
    .fengi-courses-title { font-size: clamp(30px, 9vw, 42px); }
    .fengi-courses-subtitle { font-size: 15.5px; }
    .fengi-heading-float-book { left: 14px; top: 14px; }
    .fengi-heading-float-cap { right: 14px; top: 14px; }
    .fengi-grid-course-card { height: 360px; }
    .fengi-grid-course-card .fengi-course-info { left: 16px; right: 16px; bottom: 16px; padding: 18px; }
    .fengi-grid-course-card .fengi-course-title { font-size: 19px; }
}


/* ==================== v6.20 Fix Course Headers, Grid Visibility, WP Menu, Sticky Header ==================== */

/* Header: true sticky on scroll */
.fengi-header-wrap.fengi-header.is-sticky,
.fengi-header.fengi-header-wrap.is-sticky {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
}
.admin-bar .fengi-header-wrap.fengi-header.is-sticky,
.admin-bar .fengi-header.fengi-header-wrap.is-sticky {
    top: 32px !important;
}
.fengi-nav .menu-item,
.fengi-nav li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.fengi-nav .menu-item a,
.fengi-nav li a {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}
.fengi-nav ul,
.fengi-nav .sub-menu {
    display: none;
}

/* Course header: change to Why Choose Glass widget header style */
.fengi-courses-heading {
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    padding: 18px 22px !important;
    border-radius: 28px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.46), rgba(232,248,255,.20)) !important;
    border: 1px solid rgba(255,255,255,.58) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: none !important;
    position: relative !important;
    overflow: visible !important;
}
.fengi-courses-heading::before {
    display: none !important;
    content: none !important;
}
.fengi-courses-heading::after {
    right: 8% !important;
    bottom: 8px !important;
    width: 10px !important;
    height: 10px !important;
    background: #30d5ff !important;
    box-shadow: 0 0 0 6px rgba(48,213,255,.08),0 0 18px rgba(48,213,255,.38) !important;
}
.fengi-courses-heading .fengi-heading-float {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.62) !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    color: #008DFF !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: none !important;
}
.fengi-courses-heading .fengi-heading-float svg {
    width: 24px !important;
    height: 24px !important;
}
.fengi-heading-float-book {
    left: 18px !important;
    top: 18px !important;
}
.fengi-heading-float-cap {
    right: 18px !important;
    top: 18px !important;
}
.fengi-courses-title {
    margin: 0 0 14px !important;
    color: #090e25 !important;
    font-size: clamp(36px,4vw,58px) !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
    letter-spacing: -.045em !important;
    text-wrap: balance !important;
}
.fengi-courses-subtitle {
    color: #66728a !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* Course Grid visibility fix: no more invisible clickable white area */
.fengi-courses-grid-section .fengi-course-animate,
.fengi-courses-grid-section .fengi-course-animate.is-visible,
.fengi-courses-grid-section .fengi-grid-course-item,
.fengi-courses-grid-section .fengi-grid-course-card {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
.fengi-courses-grid-section .fengi-courses-grid {
    min-height: 120px !important;
}
.fengi-courses-grid-section .fengi-grid-course-card {
    background: rgba(8, 20, 44, .10) !important;
}
.fengi-courses-grid-section .fengi-grid-course-card img {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 0 !important;
}
.fengi-courses-grid-section .fengi-grid-course-card::before {
    z-index: 1 !important;
}
.fengi-courses-grid-section .fengi-course-info {
    z-index: 5 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 767px) {
    .admin-bar .fengi-header-wrap.fengi-header.is-sticky,
    .admin-bar .fengi-header.fengi-header-wrap.is-sticky {
        top: 46px !important;
    }
    .fengi-courses-heading {
        max-width: 100% !important;
        padding: 22px 18px !important;
        border-radius: 22px !important;
    }
    .fengi-courses-title {
        font-size: clamp(30px,9vw,40px) !important;
    }
    .fengi-courses-heading .fengi-heading-float {
        width: 46px !important;
        height: 46px !important;
        border-radius: 14px !important;
    }
}


/* ==================== v6.21 Final fixes: why-style course headers, fixed sticky header, grid entrance + title underline ==================== */

/* Header sticky: fixed solution because Elementor parent containers can break position: sticky */
.fengi-header-wrap.fengi-header.is-sticky,
.fengi-header.fengi-header-wrap.is-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
    transform: translateZ(0) !important;
}
.admin-bar .fengi-header-wrap.fengi-header.is-sticky,
.admin-bar .fengi-header.fengi-header-wrap.is-sticky {
    top: 32px !important;
}
.fengi-header-wrap.fengi-header.is-sticky .fengi-container,
.fengi-header.fengi-header-wrap.is-sticky .fengi-container {
    margin-left: auto !important;
    margin-right: auto !important;
}
@media (max-width: 782px) {
    .admin-bar .fengi-header-wrap.fengi-header.is-sticky,
    .admin-bar .fengi-header.fengi-header-wrap.is-sticky {
        top: 46px !important;
    }
}

/* WordPress menu output inside header */
.fengi-nav li,
.fengi-nav .menu-item {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.fengi-nav > li,
.fengi-nav > .menu-item {
    display: inline-flex !important;
}
.fengi-nav li a,
.fengi-nav .menu-item a {
    color: inherit;
    text-decoration: none !important;
}

/* Exact Why Choose Glass style header for Courses Carousel + Courses Grid */
.fengi-courses-heading {
    position: relative !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    padding: 18px 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        radial-gradient(circle at 50% 48%, rgba(33,212,253,.16), transparent 48%),
        linear-gradient(180deg, rgba(232,248,255,.38), rgba(255,255,255,0)) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}
.fengi-courses-heading::before {
    content: "✦ OUR COURSES ✦" !important;
    display: inline-flex !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
    margin: 0 0 14px !important;
    background: transparent !important;
    color: #008DFF !important;
    font-family: "Inter", sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    filter: none !important;
    border-radius: 0 !important;
}
.fengi-courses-heading::after {
    display: none !important;
    content: none !important;
}
.fengi-courses-heading .fengi-heading-float {
    position: absolute !important;
    width: 44px !important;
    height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    color: #008DFF !important;
    background: rgba(255,255,255,.62) !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    box-shadow: 0 16px 38px rgba(0,141,255,.08), inset 0 1px rgba(255,255,255,.9) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    animation: fengiCoursesHeaderFloat621 6s ease-in-out infinite !important;
    z-index: 3 !important;
}
.fengi-courses-heading .fengi-heading-float svg {
    width: 21px !important;
    height: 21px !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    fill: none !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
.fengi-heading-float-book {
    left: -42px !important;
    top: 18px !important;
}
.fengi-heading-float-cap {
    right: -42px !important;
    top: 18px !important;
    animation-delay: .8s !important;
}
.fengi-heading-float-spark {
    display: none !important;
}
.fengi-courses-title {
    margin: 0 0 22px !important;
    color: #090e25 !important;
    font-family: "Inter", sans-serif !important;
    font-size: clamp(36px, 4vw, 58px) !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
    letter-spacing: -.045em !important;
    text-wrap: balance !important;
}
.fengi-courses-subtitle {
    max-width: 880px !important;
    margin: 0 auto !important;
    color: #66728a !important;
    font-family: "Inter", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    font-weight: 500 !important;
}
@keyframes fengiCoursesHeaderFloat621 {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Grid visibility fix */
.fengi-courses-grid-section .fengi-course-animate,
.fengi-courses-grid-section .fengi-course-animate.is-visible,
.fengi-courses-grid-section .fengi-courses-grid,
.fengi-courses-grid-section .fengi-grid-course-item,
.fengi-courses-grid-section .fengi-grid-course-card,
.fengi-courses-grid-section .fengi-course-info,
.fengi-courses-grid-section .fengi-course-title,
.fengi-courses-grid-section .fengi-course-meta,
.fengi-courses-grid-section .fengi-course-badge {
    opacity: 1 !important;
    visibility: visible !important;
}
.fengi-courses-grid-section .fengi-grid-course-card {
    display: block !important;
    background: linear-gradient(135deg, #dff5ff, #f7fbff) !important;
    min-height: 260px !important;
}
.fengi-courses-grid-section .fengi-grid-course-card img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Entrance animation for grid courses without leaving blank if JS fails */
.fengi-courses-grid-section .fengi-grid-course-item.fengi-grid-enter {
    animation: fengiGridCourseEnter621 .78s cubic-bezier(.16,1,.3,1) both;
}
.fengi-courses-grid-section .fengi-grid-course-item:nth-child(2).fengi-grid-enter { animation-delay: .06s; }
.fengi-courses-grid-section .fengi-grid-course-item:nth-child(3).fengi-grid-enter { animation-delay: .12s; }
.fengi-courses-grid-section .fengi-grid-course-item:nth-child(4).fengi-grid-enter { animation-delay: .18s; }
.fengi-courses-grid-section .fengi-grid-course-item:nth-child(5).fengi-grid-enter { animation-delay: .24s; }
.fengi-courses-grid-section .fengi-grid-course-item:nth-child(6).fengi-grid-enter { animation-delay: .30s; }
@keyframes fengiGridCourseEnter621 {
    from { opacity: 0; transform: translateY(34px) scale(.965); filter: blur(8px); }
    to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

/* Course Grid title underline hover effect like carousel */
.fengi-courses-grid-section .fengi-course-title-text {
    position: relative !important;
    display: inline !important;
    background-image: linear-gradient(currentColor, currentColor) !important;
    background-size: 0% 2px !important;
    background-position: 0 100% !important;
    background-repeat: no-repeat !important;
    transition: background-size .32s ease !important;
    padding-bottom: 2px !important;
}
.fengi-courses-grid-section .fengi-grid-course-card:hover .fengi-course-title-text {
    background-size: 100% 2px !important;
}

/* Carousel title underline safety too */
.fengi-course-card .fengi-course-title,
.fengi-course-card .fengi-course-title a,
.fengi-course-slide .fengi-course-title,
.fengi-course-slide .fengi-course-title a {
    text-decoration: none !important;
}
.fengi-course-card:hover .fengi-course-title,
.fengi-course-slide:hover .fengi-course-title {
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
    text-decoration-thickness: 2px !important;
}

@media (max-width: 900px) {
    .fengi-heading-float-book {
        left: 12px !important;
        top: 12px !important;
    }
    .fengi-heading-float-cap {
        right: 12px !important;
        top: 12px !important;
    }
}
@media (max-width: 767px) {
    .fengi-courses-heading {
        max-width: 100% !important;
        padding: 18px 14px !important;
    }
    .fengi-courses-heading::before {
        font-size: 11px !important;
        margin-bottom: 12px !important;
    }
    .fengi-courses-title {
        font-size: clamp(30px, 9vw, 40px) !important;
        margin-bottom: 14px !important;
    }
    .fengi-courses-subtitle {
        font-size: 15.5px !important;
    }
    .fengi-courses-heading .fengi-heading-float {
        width: 38px !important;
        height: 38px !important;
        border-radius: 13px !important;
    }
}


/* ==================== v6.22 Header Active Menu Fix ==================== */

/* Only JS-assigned active/current classes should show active underline */
.fengi-header .fengi-nav a:not(.active):not(.current-menu-item):not(.current_page_item)::after {
    opacity: 0;
    transform: scaleX(0);
}

.fengi-header .fengi-nav a.active,
.fengi-header .fengi-nav .current-menu-item > a,
.fengi-header .fengi-nav .current_page_item > a {
    color: #24c7ff;
}

.fengi-header .fengi-nav a.active::after,
.fengi-header .fengi-nav .current-menu-item > a::after,
.fengi-header .fengi-nav .current_page_item > a::after {
    opacity: 1;
    transform: scaleX(1);
}


/* ==================== v6.23 Fengi CTA Glass Widget ==================== */
.fengi-cta-section,
.fengi-cta-section * {
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
}
.fengi-cta-section {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
.fengi-cta-inner {
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
    position: relative;
}
.fengi-cta-decor-text {
    position: absolute;
    left: 54%;
    top: 10px;
    color: #0A1026;
    font-size: 40px;
    line-height: 1;
    font-weight: 900;
    z-index: 3;
    animation: fengiCtaDecorFloat 5s ease-in-out infinite;
}
.fengi-cta-box {
    --fengi-cta-grid-color: rgba(33,212,253,.13);
    position: relative;
    min-height: 320px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 440px);
    align-items: center;
    gap: 40px;
    padding: 58px 90px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.10);
    background-color: #111827;
    overflow: visible;
    isolation: isolate;
}
.fengi-cta-box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(var(--fengi-cta-grid-color) 1px, transparent 1px),
        linear-gradient(90deg, var(--fengi-cta-grid-color) 1px, transparent 1px),
        radial-gradient(circle at 80% 20%, rgba(33,212,253,.18), transparent 32%);
    background-size: 110px 110px, 110px 110px, 100% 100%;
    transform: perspective(600px) rotateX(54deg) scale(1.25);
    transform-origin: center bottom;
}
.fengi-cta-box::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background:
        linear-gradient(90deg, rgba(255,255,255,.04), transparent 42%, rgba(33,212,253,.06)),
        radial-gradient(circle at 15% 70%, rgba(0,141,255,.12), transparent 34%);
    pointer-events: none;
}
.fengi-cta-content {
    position: relative;
    z-index: 4;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.fengi-cta-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #DDF6FF;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
}
.fengi-cta-eyebrow svg,
.fengi-cta-btn svg,
.fengi-cta-float-icon svg {
    width: 1em;
    height: 1em;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.fengi-cta-eyebrow svg {
    color: #21D4FD;
}
.fengi-cta-title {
    margin: 0;
    color: #fff;
    font-size: clamp(32px, 3.8vw, 52px);
    line-height: 1.12;
    font-weight: 850;
    letter-spacing: -.045em;
    text-wrap: balance;
}
.fengi-cta-description {
    color: rgba(255,255,255,.82);
    font-size: 18px;
    line-height: 1.75;
    font-weight: 500;
}
.fengi-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 34px;
    border-radius: 999px;
    color: #165DFF;
    background: #fff;
    text-decoration: none !important;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .06em;
    transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
    box-shadow: 0 18px 40px rgba(0,0,0,.16);
}
.fengi-cta-btn i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    transition: transform .28s ease;
}
.fengi-cta-btn:hover {
    transform: translateY(-3px);
    color: #fff;
    background: #008DFF;
    box-shadow: 0 22px 46px rgba(0,141,255,.28);
}
.fengi-cta-btn:hover i {
    transform: translateX(4px);
}
.fengi-cta-image-area {
    position: relative;
    min-height: 360px;
    z-index: 5;
}
.fengi-cta-image-wrap {
    --fengi-cta-image-x: 0px;
    --fengi-cta-image-y: 0px;
    --fengi-cta-image-scale: 1;
    position: absolute;
    right: 0;
    bottom: -58px;
    width: 430px;
    max-width: 100%;
    transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale));
    transform-origin: bottom center;
    animation: fengiCtaImageFloat 7s ease-in-out infinite;
}
.fengi-cta-image {
    --fengi-cta-fade-stop: 22%;
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 26px 38px rgba(0,0,0,.22));
    -webkit-mask-image: linear-gradient(to bottom, #000 0 calc(100% - var(--fengi-cta-fade-stop)), rgba(0,0,0,.85) 84%, rgba(0,0,0,.42) 94%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0 calc(100% - var(--fengi-cta-fade-stop)), rgba(0,0,0,.85) 84%, rgba(0,0,0,.42) 94%, transparent 100%);
}
.fengi-cta-image-placeholder {
    min-height: 360px;
    border-radius: 24px;
    display: grid;
    place-items: center;
    color: rgba(255,255,255,.72);
    background: rgba(255,255,255,.08);
    border: 1px dashed rgba(255,255,255,.24);
}
.fengi-cta-float-icon {
    --fengi-cta-icon-scale: 1;
    position: absolute;
    z-index: 8;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #21D4FD;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 16px 40px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.16);
    transform: scale(var(--fengi-cta-icon-scale));
    animation: fengiCtaIconFloat 6s ease-in-out infinite;
}
.fengi-cta-float-1 {
    left: 8%;
    top: 14%;
}
.fengi-cta-float-2 {
    left: 72%;
    top: 22%;
    animation-delay: .8s;
}
.fengi-cta-reveal {
    opacity: 0;
    transform: translateY(34px);
    filter: blur(8px);
    transition: opacity .8s cubic-bezier(.19,1,.22,1), transform .8s cubic-bezier(.19,1,.22,1), filter .8s cubic-bezier(.19,1,.22,1);
}
.fengi-cta-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}
.elementor-editor-active .fengi-cta-reveal,
.elementor-editor-preview .fengi-cta-reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}
@keyframes fengiCtaImageFloat {
    0%,100% { transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)); }
    50% { transform: translate3d(var(--fengi-cta-image-x), calc(var(--fengi-cta-image-y) - 16px), 0) scale(var(--fengi-cta-image-scale)); }
}
@keyframes fengiCtaIconFloat {
    0%,100% { transform: translateY(0) scale(var(--fengi-cta-icon-scale)); }
    50% { transform: translateY(-12px) scale(var(--fengi-cta-icon-scale)); }
}
@keyframes fengiCtaDecorFloat {
    0%,100% { transform: translateY(0) rotate(-2deg); }
    50% { transform: translateY(-10px) rotate(2deg); }
}
@media (max-width: 1024px) {
    .fengi-cta-box {
        grid-template-columns: 1fr;
        gap: 28px;
        overflow: hidden;
    }
    .fengi-cta-content {
        max-width: 100%;
        text-align: left;
    }
    .fengi-cta-image-area {
        min-height: 360px;
    }
    .fengi-cta-image-wrap {
        position: relative;
        right: auto;
        bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .fengi-cta-decor-text {
        left: 50%;
        top: 24px;
        transform: translateX(-50%);
    }
}
@media (max-width: 767px) {
    .fengi-cta-section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .fengi-cta-box {
        padding: 34px 22px !important;
        border-radius: 22px !important;
    }
    .fengi-cta-title {
        font-size: clamp(30px, 8.5vw, 40px);
    }
    .fengi-cta-description {
        font-size: 16px;
        line-height: 1.65;
    }
    .fengi-cta-btn {
        width: 100%;
        padding: 16px 22px;
    }
    .fengi-cta-image-area {
        min-height: 300px;
    }
    .fengi-cta-image-wrap {
        width: min(100%, 330px) !important;
    }
    .fengi-cta-float-icon {
        width: 44px !important;
        height: 44px !important;
        border-radius: 14px;
    }
    .fengi-cta-decor-text {
        font-size: 30px;
        top: 8px;
    }
}


/* ==================== v6.24 CTA video background + blue gradient + mobile image scale fix ==================== */

/* More premium glass/video CTA look */
.fengi-cta-box {
    overflow: hidden !important;
    background:
        linear-gradient(135deg, rgba(6,16,38,.96), rgba(8,31,61,.92)) !important;
    box-shadow:
        0 28px 90px rgba(6, 26, 58, .20),
        inset 0 1px rgba(255,255,255,.12) !important;
}
.fengi-cta-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: -4 !important;
    opacity: .36;
    pointer-events: none !important;
    filter: saturate(1.08);
    transform: scale(1.04);
}
.fengi-cta-video-gradient {
    position: absolute !important;
    inset: 0 !important;
    z-index: -3 !important;
    pointer-events: none !important;
    opacity: .82;
    background:
        linear-gradient(110deg, rgba(5, 12, 28, .96) 0%, rgba(7, 26, 55, .88) 38%, rgba(0, 141, 255, .42) 78%, rgba(33, 212, 253, .26) 100%),
        radial-gradient(circle at 78% 24%, rgba(33,212,253,.32), transparent 34%),
        radial-gradient(circle at 18% 78%, rgba(0,141,255,.20), transparent 34%) !important;
}
.fengi-cta-box::before {
    z-index: -2 !important;
    opacity: .46 !important;
}
.fengi-cta-box::after {
    z-index: -1 !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,.05), transparent 45%, rgba(33,212,253,.10)),
        radial-gradient(circle at 75% 35%, rgba(33,212,253,.18), transparent 30%) !important;
}

/* Better modern content spacing */
.fengi-cta-title {
    text-shadow: 0 12px 36px rgba(0,0,0,.18);
}
.fengi-cta-description {
    max-width: 680px;
}
.fengi-cta-btn {
    position: relative;
    overflow: hidden;
}
.fengi-cta-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-120%);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent);
    transition: transform .6s ease;
}
.fengi-cta-btn:hover::after {
    transform: translateX(120%);
}

/* Proper responsive image controls using variables */
.fengi-cta-image-area {
    --fengi-cta-image-width: 430px;
    --fengi-cta-image-x: 0px;
    --fengi-cta-image-y: 0px;
    --fengi-cta-image-scale: 1;
}
.fengi-cta-image-wrap {
    width: var(--fengi-cta-image-width) !important;
    transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)) !important;
    animation: fengiCtaImageFloatV624 7s ease-in-out infinite !important;
}
@keyframes fengiCtaImageFloatV624 {
    0%,100% {
        transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale));
    }
    50% {
        transform: translate3d(var(--fengi-cta-image-x), calc(var(--fengi-cta-image-y) - 16px), 0) scale(var(--fengi-cta-image-scale));
    }
}

/* Remove previous mobile fixed image width so widget controls work */
@media (max-width: 767px) {
    .fengi-cta-image-wrap {
        width: var(--fengi-cta-image-width) !important;
        max-width: 100% !important;
    }
    .fengi-cta-box {
        background:
            linear-gradient(145deg, rgba(5, 12, 28, .96), rgba(8, 31, 61, .92)) !important;
    }
    .fengi-cta-video-gradient {
        background:
            linear-gradient(180deg, rgba(5, 12, 28, .96), rgba(7, 26, 55, .88) 54%, rgba(0,141,255,.34)),
            radial-gradient(circle at 60% 75%, rgba(33,212,253,.24), transparent 36%) !important;
    }
}


/* ==================== v6.25 CTA video visibility + image outside box + responsive controls fix ==================== */

/* variables should live on the CTA box so responsive Elementor values work on every screen */
.fengi-cta-box {
    --fengi-cta-image-width: 430px;
    --fengi-cta-image-x: 0px;
    --fengi-cta-image-y: 0px;
    --fengi-cta-image-scale: 1;
    --fengi-cta-image-area-height: 360px;
    overflow: visible !important;
    isolation: isolate !important;
}

/* Clip only video/gradient to rounded CTA shape, not the person image */
.fengi-cta-video,
.fengi-cta-video-gradient {
    border-radius: inherit !important;
    overflow: hidden !important;
}

.fengi-cta-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 0 !important;
    opacity: .42;
    pointer-events: none !important;
    display: block !important;
    visibility: visible !important;
    background: #07182f !important;
}

.fengi-cta-video-gradient {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: .82;
    background:
        linear-gradient(105deg, rgba(5, 12, 28, .96) 0%, rgba(6, 22, 48, .90) 42%, rgba(0, 141, 255, .42) 78%, rgba(33, 212, 253, .25) 100%),
        radial-gradient(circle at 78% 24%, rgba(33,212,253,.34), transparent 34%),
        radial-gradient(circle at 18% 78%, rgba(0,141,255,.20), transparent 34%) !important;
}

/* Existing grid/glow layers above video but below content */
.fengi-cta-box::before {
    z-index: 2 !important;
    pointer-events: none !important;
}
.fengi-cta-box::after {
    z-index: 3 !important;
    pointer-events: none !important;
}

.fengi-cta-content {
    z-index: 8 !important;
}

/* Let image come out of the box like previous version */
.fengi-cta-image-area {
    position: relative !important;
    z-index: 9 !important;
    min-height: var(--fengi-cta-image-area-height) !important;
    overflow: visible !important;
    pointer-events: none;
}
.fengi-cta-image-area a,
.fengi-cta-image-area button {
    pointer-events: auto;
}

.fengi-cta-image-wrap {
    position: absolute !important;
    right: 0 !important;
    bottom: -58px !important;
    width: var(--fengi-cta-image-width) !important;
    max-width: none !important;
    transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)) !important;
    transform-origin: bottom center !important;
    z-index: 10 !important;
    animation: fengiCtaImageFloatV625 7s ease-in-out infinite !important;
    will-change: transform;
}

.fengi-cta-image {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}

/* Controls must win on mobile too */
@keyframes fengiCtaImageFloatV625 {
    0%,100% {
        transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale));
    }
    50% {
        transform: translate3d(var(--fengi-cta-image-x), calc(var(--fengi-cta-image-y) - 16px), 0) scale(var(--fengi-cta-image-scale));
    }
}

/* Mobile: do not force fixed width/scale. Use widget controls */
@media (max-width: 1024px) {
    .fengi-cta-box {
        overflow: visible !important;
    }
    .fengi-cta-image-area {
        min-height: var(--fengi-cta-image-area-height) !important;
    }
    .fengi-cta-image-wrap {
        position: absolute !important;
        right: 50% !important;
        bottom: -34px !important;
        width: var(--fengi-cta-image-width) !important;
        max-width: none !important;
        margin: 0 !important;
        transform: translate3d(calc(50% + var(--fengi-cta-image-x)), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)) !important;
        animation: fengiCtaImageFloatTabletV625 7s ease-in-out infinite !important;
    }

    @keyframes fengiCtaImageFloatTabletV625 {
        0%,100% {
            transform: translate3d(calc(50% + var(--fengi-cta-image-x)), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale));
        }
        50% {
            transform: translate3d(calc(50% + var(--fengi-cta-image-x)), calc(var(--fengi-cta-image-y) - 14px), 0) scale(var(--fengi-cta-image-scale));
        }
    }
}

@media (max-width: 767px) {
    .fengi-cta-image-area {
        min-height: var(--fengi-cta-image-area-height) !important;
    }
    .fengi-cta-image-wrap {
        width: var(--fengi-cta-image-width) !important;
        max-width: none !important;
        bottom: -28px !important;
    }
    .fengi-cta-video,
    .fengi-cta-video-gradient {
        border-radius: 22px !important;
    }
}

/* Add a modern blue video fallback vibe even before video loads */
.fengi-cta-box {
    background:
        linear-gradient(135deg, rgba(5, 13, 31, .98), rgba(8, 31, 61, .94)) !important;
}


/* ==================== v6.26 CTA proper video layer + final image controls ==================== */

/* Actual clipped media layer. Image remains outside/above box. */
.fengi-cta-box {
    --fengi-cta-image-width: 430px;
    --fengi-cta-image-x: 0px;
    --fengi-cta-image-y: 0px;
    --fengi-cta-image-scale: 1;
    --fengi-cta-image-area-height: 360px;
    overflow: visible !important;
    isolation: isolate !important;
}

.fengi-cta-media-layer {
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    overflow: hidden !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(135deg, rgba(5, 13, 31, .98), rgba(8, 31, 61, .94)) !important;
}

.fengi-cta-media-layer .fengi-cta-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 1 !important;
    opacity: .42;
    display: block !important;
    visibility: visible !important;
    pointer-events: none !important;
    background: transparent !important;
}

.fengi-cta-media-layer .fengi-cta-video-gradient {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    opacity: .82;
    background:
        linear-gradient(105deg, rgba(5, 12, 28, .96) 0%, rgba(6, 22, 48, .86) 42%, rgba(0, 141, 255, .40) 78%, rgba(33, 212, 253, .24) 100%),
        radial-gradient(circle at 78% 24%, rgba(33,212,253,.34), transparent 34%),
        radial-gradient(circle at 18% 78%, rgba(0,141,255,.20), transparent 34%) !important;
}

/* Make old direct video class not break if cached */
.fengi-cta-box > .fengi-cta-video,
.fengi-cta-box > .fengi-cta-video-gradient {
    display: none !important;
}

/* layers above video */
.fengi-cta-box::before { z-index: 1 !important; pointer-events: none !important; }
.fengi-cta-box::after { z-index: 2 !important; pointer-events: none !important; }
.fengi-cta-content { position: relative !important; z-index: 6 !important; }

/* Image area and controls - strongest selectors */
.fengi-cta-box .fengi-cta-image-area {
    position: relative !important;
    z-index: 8 !important;
    min-height: var(--fengi-cta-image-area-height) !important;
    overflow: visible !important;
    pointer-events: none !important;
}

.fengi-cta-box .fengi-cta-image-wrap {
    position: absolute !important;
    right: 0 !important;
    bottom: -58px !important;
    width: var(--fengi-cta-image-width) !important;
    max-width: none !important;
    margin: 0 !important;
    transform-origin: bottom center !important;
    z-index: 10 !important;
    transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)) !important;
    animation: fengiCtaImageFloatV626 7s ease-in-out infinite !important;
}

.fengi-cta-box .fengi-cta-image {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}

/* Ensure image controls win over earlier mobile CSS */
@keyframes fengiCtaImageFloatV626 {
    0%,100% {
        transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale));
    }
    50% {
        transform: translate3d(var(--fengi-cta-image-x), calc(var(--fengi-cta-image-y) - 16px), 0) scale(var(--fengi-cta-image-scale));
    }
}

@media (max-width: 1024px) {
    .fengi-cta-box .fengi-cta-image-area {
        min-height: var(--fengi-cta-image-area-height) !important;
    }
    .fengi-cta-box .fengi-cta-image-wrap {
        right: 50% !important;
        bottom: -34px !important;
        width: var(--fengi-cta-image-width) !important;
        max-width: none !important;
        transform: translate3d(calc(50% + var(--fengi-cta-image-x)), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)) !important;
        animation: fengiCtaImageFloatTabletV626 7s ease-in-out infinite !important;
    }
    @keyframes fengiCtaImageFloatTabletV626 {
        0%,100% {
            transform: translate3d(calc(50% + var(--fengi-cta-image-x)), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale));
        }
        50% {
            transform: translate3d(calc(50% + var(--fengi-cta-image-x)), calc(var(--fengi-cta-image-y) - 14px), 0) scale(var(--fengi-cta-image-scale));
        }
    }
}

@media (max-width: 767px) {
    .fengi-cta-box .fengi-cta-image-area {
        min-height: var(--fengi-cta-image-area-height) !important;
    }
    .fengi-cta-box .fengi-cta-image-wrap {
        width: var(--fengi-cta-image-width) !important;
        max-width: none !important;
        bottom: -28px !important;
    }
}


/* ==================== v6.27 CTA image controls final live-preview fix ==================== */

/* Defaults live on widget wrapper, so Elementor responsive generated CSS can override them */
.elementor-widget-fengi_cta_glass {
    --fengi-cta-image-width: 430px;
    --fengi-cta-image-x: 0px;
    --fengi-cta-image-y: 0px;
    --fengi-cta-image-scale: 1;
    --fengi-cta-image-area-height: 360px;
}

/* Do not allow older CSS blocks to lock image controls */
.elementor-widget-fengi_cta_glass .fengi-cta-box {
    --fengi-cta-image-width: inherit;
    --fengi-cta-image-x: inherit;
    --fengi-cta-image-y: inherit;
    --fengi-cta-image-scale: inherit;
    --fengi-cta-image-area-height: inherit;
    overflow: visible !important;
}

.elementor-widget-fengi_cta_glass .fengi-cta-image-area {
    min-height: var(--fengi-cta-image-area-height) !important;
    height: auto !important;
    position: relative !important;
    overflow: visible !important;
}

.elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
    width: var(--fengi-cta-image-width) !important;
    max-width: none !important;
    position: absolute !important;
    right: 0 !important;
    bottom: -58px !important;
    margin: 0 !important;
    transform-origin: bottom center !important;
    transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)) !important;
    animation: fengiCtaImageFloatV627 7s ease-in-out infinite !important;
    will-change: transform !important;
}

.elementor-widget-fengi_cta_glass .fengi-cta-image {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: block !important;
}

@keyframes fengiCtaImageFloatV627 {
    0%,100% {
        transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale));
    }
    50% {
        transform: translate3d(var(--fengi-cta-image-x), calc(var(--fengi-cta-image-y) - 16px), 0) scale(var(--fengi-cta-image-scale));
    }
}

/* Tablet and mobile: still use the exact same Elementor responsive variables */
@media (max-width: 1024px) {
    .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
        right: 50% !important;
        bottom: -34px !important;
        width: var(--fengi-cta-image-width) !important;
        transform: translate3d(calc(50% + var(--fengi-cta-image-x)), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)) !important;
        animation: fengiCtaImageFloatTabletV627 7s ease-in-out infinite !important;
    }

    @keyframes fengiCtaImageFloatTabletV627 {
        0%,100% {
            transform: translate3d(calc(50% + var(--fengi-cta-image-x)), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale));
        }
        50% {
            transform: translate3d(calc(50% + var(--fengi-cta-image-x)), calc(var(--fengi-cta-image-y) - 14px), 0) scale(var(--fengi-cta-image-scale));
        }
    }
}

@media (max-width: 767px) {
    .elementor-widget-fengi_cta_glass .fengi-cta-image-area {
        min-height: var(--fengi-cta-image-area-height) !important;
    }
    .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
        width: var(--fengi-cta-image-width) !important;
        max-width: none !important;
        bottom: -28px !important;
    }
}

/* Elementor editor safety: no cached inline transform should win */
.elementor-editor-active .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap,
.elementor-editor-preview .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
    width: var(--fengi-cta-image-width) !important;
}


/* ==================== v6.28 CTA image controls REAL FIX ==================== */
/* Controls now set CSS variables directly on .fengi-cta-image-wrap and .fengi-cta-image-area.
   This avoids old default variables on wrapper/box blocking Elementor responsive sliders. */

/* Hard reset inherited defaults from previous versions */
.elementor-widget-fengi_cta_glass .fengi-cta-box {
    --fengi-cta-image-width: unset !important;
    --fengi-cta-image-x: unset !important;
    --fengi-cta-image-y: unset !important;
    --fengi-cta-image-scale: unset !important;
    --fengi-cta-image-area-height: unset !important;
}

/* The actual controlled elements now own their own variables */
.elementor-widget-fengi_cta_glass .fengi-cta-image-area {
    --fengi-cta-image-area-height: 360px;
    min-height: var(--fengi-cta-image-area-height) !important;
    position: relative !important;
    overflow: visible !important;
    z-index: 8 !important;
}

.elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
    --fengi-cta-image-width: 430px;
    --fengi-cta-image-x: 0px;
    --fengi-cta-image-y: 0px;
    --fengi-cta-image-scale: 1;

    width: var(--fengi-cta-image-width) !important;
    max-width: none !important;
    position: absolute !important;
    right: 0 !important;
    bottom: -58px !important;
    margin: 0 !important;
    transform-origin: bottom center !important;
    z-index: 10 !important;
    transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)) !important;
    animation: fengiCtaImageFloatV628 7s ease-in-out infinite !important;
    will-change: transform !important;
}

.elementor-widget-fengi_cta_glass .fengi-cta-image-wrap .fengi-cta-image,
.elementor-widget-fengi_cta_glass .fengi-cta-image {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}

@keyframes fengiCtaImageFloatV628 {
    0%, 100% {
        transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale));
    }
    50% {
        transform: translate3d(var(--fengi-cta-image-x), calc(var(--fengi-cta-image-y) - 16px), 0) scale(var(--fengi-cta-image-scale));
    }
}

/* Tablet/mobile still use the same element-level variables set by Elementor responsive controls */
@media (max-width: 1024px) {
    .elementor-widget-fengi_cta_glass .fengi-cta-image-area {
        min-height: var(--fengi-cta-image-area-height) !important;
    }
    .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
        right: 50% !important;
        bottom: -34px !important;
        width: var(--fengi-cta-image-width) !important;
        transform: translate3d(calc(50% + var(--fengi-cta-image-x)), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)) !important;
        animation: fengiCtaImageFloatTabletV628 7s ease-in-out infinite !important;
    }
    @keyframes fengiCtaImageFloatTabletV628 {
        0%, 100% {
            transform: translate3d(calc(50% + var(--fengi-cta-image-x)), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale));
        }
        50% {
            transform: translate3d(calc(50% + var(--fengi-cta-image-x)), calc(var(--fengi-cta-image-y) - 14px), 0) scale(var(--fengi-cta-image-scale));
        }
    }
}

@media (max-width: 767px) {
    .elementor-widget-fengi_cta_glass .fengi-cta-image-area {
        min-height: var(--fengi-cta-image-area-height) !important;
    }
    .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
        width: var(--fengi-cta-image-width) !important;
        max-width: none !important;
        bottom: -28px !important;
    }
}

/* Editor live preview fix */
.elementor-editor-active .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap,
.elementor-editor-preview .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
    width: var(--fengi-cta-image-width) !important;
    transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)) !important;
}


/* ==================== v6.29 Recovery Safe Fix ==================== */
/* Emergency: keep all widgets visible in Elementor builder and prevent any previous reveal/opacity CSS from hiding sections. */
.elementor-editor-active .fengi-hero-reveal,
.elementor-editor-active .fengi-about-reveal,
.elementor-editor-active .fengi-why-reveal,
.elementor-editor-active .fengi-course-animate,
.elementor-editor-active .fengi-cta-reveal,
.elementor-editor-active .fengi-grid-course-item,
.elementor-editor-active .fengi-courses-grid,
.elementor-editor-preview .fengi-hero-reveal,
.elementor-editor-preview .fengi-about-reveal,
.elementor-editor-preview .fengi-why-reveal,
.elementor-editor-preview .fengi-course-animate,
.elementor-editor-preview .fengi-cta-reveal,
.elementor-editor-preview .fengi-grid-course-item,
.elementor-editor-preview .fengi-courses-grid {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;
    display: revert-layer;
}

/* Keep Elementor sections/containers visible if previous animations were waiting for JS */
.elementor-editor-active [class*="fengi-"],
.elementor-editor-preview [class*="fengi-"] {
    visibility: visible;
}

/* CTA image controls: safe direct element-level vars */
.elementor-widget-fengi_cta_glass .fengi-cta-image-area {
    --fengi-cta-image-area-height: 360px;
    min-height: var(--fengi-cta-image-area-height) !important;
    overflow: visible !important;
}
.elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
    --fengi-cta-image-width: 430px;
    --fengi-cta-image-x: 0px;
    --fengi-cta-image-y: 0px;
    --fengi-cta-image-scale: 1;
    width: var(--fengi-cta-image-width) !important;
    max-width: none !important;
    transform: translate3d(var(--fengi-cta-image-x), var(--fengi-cta-image-y), 0) scale(var(--fengi-cta-image-scale)) !important;
}
.elementor-widget-fengi_cta_glass .fengi-cta-image {
    width: 100% !important;
    max-width: none !important;
}
@media (max-width: 1024px) {
    .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
        width: var(--fengi-cta-image-width) !important;
    }
}
@media (max-width: 767px) {
    .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
        width: var(--fengi-cta-image-width) !important;
    }
}

/* Ensure course grid/cards are visible on editor and frontend */
.fengi-courses-grid-section .fengi-grid-course-card,
.fengi-courses-grid-section .fengi-grid-course-card img,
.fengi-courses-grid-section .fengi-course-info {
    opacity: 1 !important;
    visibility: visible !important;
}


/* ==================== v6.30 CTA image controls absolute fix ==================== */
/* Wrapper transform is now used ONLY for editor controls. Floating animation is moved to image child. */

.elementor-widget-fengi_cta_glass .fengi-cta-image-area {
    position: relative !important;
    overflow: visible !important;
    z-index: 8 !important;
    min-height: var(--fengi-cta-image-area-height, 360px) !important;
}

.elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
    --fengi-cta-image-width: 430px;
    --fengi-cta-image-x: 0px;
    --fengi-cta-image-y: 0px;
    --fengi-cta-image-scale: 1;
    position: absolute !important;
    right: 0 !important;
    bottom: -58px !important;
    width: var(--fengi-cta-image-width, 430px) !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 10 !important;
    transform-origin: bottom center !important;
    transform: translate3d(var(--fengi-cta-image-x, 0px), var(--fengi-cta-image-y, 0px), 0) scale(var(--fengi-cta-image-scale, 1)) !important;
    animation: none !important;
    will-change: transform !important;
}

.elementor-widget-fengi_cta_glass .fengi-cta-image {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
    animation: fengiCtaImageChildFloat630 7s ease-in-out infinite !important;
    transform-origin: bottom center !important;
}

/* Placeholder also follows controls */
.elementor-widget-fengi_cta_glass .fengi-cta-image-placeholder {
    width: 100% !important;
    animation: fengiCtaImageChildFloat630 7s ease-in-out infinite !important;
}

@keyframes fengiCtaImageChildFloat630 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-16px); }
}

/* Tablet/mobile use same variables but a centered base position */
@media (max-width: 1024px) {
    .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
        right: 50% !important;
        bottom: -34px !important;
        width: var(--fengi-cta-image-width, 430px) !important;
        transform: translate3d(calc(50% + var(--fengi-cta-image-x, 0px)), var(--fengi-cta-image-y, 0px), 0) scale(var(--fengi-cta-image-scale, 1)) !important;
        animation: none !important;
    }
}
@media (max-width: 767px) {
    .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
        right: 50% !important;
        bottom: -28px !important;
        width: var(--fengi-cta-image-width, 330px) !important;
        max-width: none !important;
        transform: translate3d(calc(50% + var(--fengi-cta-image-x, 0px)), var(--fengi-cta-image-y, 0px), 0) scale(var(--fengi-cta-image-scale, 1)) !important;
    }
}

/* Elementor editor: force the same rules */
.elementor-editor-active .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap,
.elementor-editor-preview .elementor-widget-fengi_cta_glass .fengi-cta-image-wrap {
    width: var(--fengi-cta-image-width, 430px) !important;
    animation: none !important;
}


/* ==================== v6.31 Fengi Moving Bars Widget ==================== */
.fengi-moving-bars-section,
.fengi-moving-bars-section * {
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
}
.fengi-moving-bars-section {
    position: relative;
    width: 100%;
    background: #fff;
    overflow: hidden;
}
.fengi-moving-bars-inner {
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    position: relative;
}
.fengi-moving-bars-stack {
    display: flex;
    flex-direction: column;
    gap: -8px;
    width: 100%;
    position: relative;
}
.fengi-moving-bar {
    --fengi-scroll-duration: 28s;
    --fengi-bar-rotate: 0deg;
    --fengi-bar-x: 0px;
    --fengi-bar-y: 0px;
    position: relative;
    width: 120%;
    min-height: 74px;
    margin-left: -10%;
    display: flex;
    align-items: center;
    overflow: hidden;
    transform: translate3d(var(--fengi-bar-x), var(--fengi-bar-y), 0) rotate(var(--fengi-bar-rotate));
    transform-origin: center center;
    z-index: 2;
    box-shadow: 0 22px 48px rgba(5, 13, 31, .16);
    isolation: isolate;
}
.fengi-moving-bar::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255,255,255,.18), transparent 54%),
        radial-gradient(circle at 25% 25%, rgba(255,255,255,.16), transparent 34%);
    opacity: .22;
    z-index: 1;
    pointer-events: none;
}
.fengi-moving-bar::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
    opacity: .18;
    z-index: 2;
    transform: translateX(-120%);
    animation: fengiMovingBarShine 5.8s ease-in-out infinite;
    pointer-events: none;
}
.fengi-moving-bar-top {
    --fengi-scroll-duration: 28s;
    --fengi-bar-rotate: -2.2deg;
    background: #3451F4;
    z-index: 3;
}
.fengi-moving-bar-bottom {
    --fengi-scroll-duration: 32s;
    --fengi-bar-rotate: -1.2deg;
    background: #1C1C1C;
    margin-top: -8px;
    z-index: 4;
}
.fengi-moving-track {
    position: relative;
    display: flex;
    width: max-content;
    min-width: 200%;
    z-index: 3;
    white-space: nowrap;
    will-change: transform;
}
.fengi-direction-left .fengi-moving-track {
    animation: fengiMovingLeft var(--fengi-scroll-duration) linear infinite;
}
.fengi-direction-right .fengi-moving-track {
    animation: fengiMovingRight var(--fengi-scroll-duration) linear infinite;
}
.fengi-moving-track-group {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}
.fengi-moving-item {
    display: inline-flex;
    align-items: center;
    gap: 36px;
    flex: 0 0 auto;
    padding: 0;
}
.fengi-moving-word {
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -.02em;
}
.fengi-moving-sep {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 34px;
    line-height: 1;
    margin-right: 36px;
    text-shadow: 0 0 18px currentColor;
}
.fengi-moving-bar-bottom .fengi-moving-sep {
    color: #3451F4;
}
.fengi-moving-pause-hover .fengi-moving-bar:hover .fengi-moving-track {
    animation-play-state: paused;
}
.fengi-moving-entrance .fengi-moving-bar {
    opacity: 0;
    filter: blur(10px);
}
.fengi-moving-entrance.is-visible .fengi-moving-bar {
    animation: fengiMovingEntrance .85s cubic-bezier(.16,1,.3,1) both;
}
.fengi-moving-entrance.is-visible .fengi-moving-bar-bottom {
    animation-delay: .12s;
}
.elementor-editor-active .fengi-moving-entrance .fengi-moving-bar,
.elementor-editor-preview .fengi-moving-entrance .fengi-moving-bar {
    opacity: 1 !important;
    filter: none !important;
    animation: none !important;
}
@keyframes fengiMovingLeft {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes fengiMovingRight {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}
@keyframes fengiMovingBarShine {
    0%, 100% { transform: translateX(-120%); }
    45%, 55% { transform: translateX(120%); }
}
@keyframes fengiMovingEntrance {
    from { opacity: 0; transform: translate3d(var(--fengi-bar-x), calc(var(--fengi-bar-y) + 38px), 0) rotate(var(--fengi-bar-rotate)); filter: blur(10px); }
    to { opacity: 1; transform: translate3d(var(--fengi-bar-x), var(--fengi-bar-y), 0) rotate(var(--fengi-bar-rotate)); filter: blur(0); }
}
@media (max-width: 1024px) {
    .fengi-moving-bar {
        min-height: 64px;
        width: 140%;
        margin-left: -20%;
    }
    .fengi-moving-word {
        font-size: 16px;
    }
    .fengi-moving-sep {
        font-size: 28px;
        margin-right: 28px;
    }
    .fengi-moving-item {
        gap: 28px;
    }
}
@media (max-width: 767px) {
    .fengi-moving-bar {
        min-height: 54px;
        width: 160%;
        margin-left: -30%;
    }
    .fengi-moving-word {
        font-size: 14px;
    }
    .fengi-moving-sep {
        font-size: 24px;
        margin-right: 22px;
    }
    .fengi-moving-item {
        gap: 22px;
    }
}


/* ==================== v6.32 Moving Bars seamless loop fix ==================== */
/* Prevent empty bar gaps by using many repeated groups and moving exactly half the track. */
.fengi-moving-track {
    width: max-content !important;
    min-width: max-content !important;
    flex-wrap: nowrap !important;
}
.fengi-moving-track-group {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    min-width: max-content !important;
}
.fengi-moving-item {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}
.fengi-direction-left .fengi-moving-track {
    animation-name: fengiMovingLeftSeamless632 !important;
}
.fengi-direction-right .fengi-moving-track {
    animation-name: fengiMovingRightSeamless632 !important;
}
@keyframes fengiMovingLeftSeamless632 {
    from { transform: translate3d(0,0,0); }
    to { transform: translate3d(-50%,0,0); }
}
@keyframes fengiMovingRightSeamless632 {
    from { transform: translate3d(-50%,0,0); }
    to { transform: translate3d(0,0,0); }
}

/* If a user adds only a few words, keep the visual filled by spacing repeated groups tightly */
.fengi-moving-track-group + .fengi-moving-track-group {
    margin-left: 0 !important;
}


/* ==================== v6.33 Contact Widget ==================== */
.fengi-contact-widget,
.fengi-contact-widget *{box-sizing:border-box}
.fengi-contact-widget{
    position:relative;
    width:100%;
    padding:80px 20px;
    font-family:"Inter",sans-serif;
}
.fengi-contact-inner{max-width:1260px;margin:0 auto;position:relative}
.fengi-contact-shell{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:28px;
    background:
        radial-gradient(circle at top right, rgba(34,175,255,.22), transparent 32%),
        radial-gradient(circle at bottom left, rgba(70,96,246,.16), transparent 35%),
        linear-gradient(135deg, rgba(7,20,44,.96), rgba(7,39,78,.94));
    border:1px solid rgba(168,217,255,.18);
    box-shadow:0 26px 60px rgba(3,12,34,.22);
    isolation:isolate;
}
.fengi-contact-shell::before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
    pointer-events:none;
}
.fengi-contact-grid{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);
    gap:34px;
    align-items:stretch;
    z-index:2;
}
.fengi-contact-content-panel,
.fengi-contact-form-card{
    position:relative;
    border-radius:28px;
    padding:34px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.fengi-contact-content-panel{display:flex;flex-direction:column;justify-content:flex-start}
.fengi-contact-eyebrow{
    display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
    padding:10px 16px;margin-bottom:18px;border-radius:999px;
    color:#11bfff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);
    font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
}
.fengi-contact-eyebrow-icon,
.fengi-contact-point-icon,
.fengi-contact-float-icon,
.fengi-contact-form-card svg{display:inline-flex;align-items:center;justify-content:center;color:#11bfff}
.fengi-contact-eyebrow-icon svg,
.fengi-contact-point-icon svg,
.fengi-contact-float-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fengi-contact-title{
    margin:0 0 18px;
    color:#fff;
    font-size:58px;
    line-height:1.02;
    font-weight:800;
    letter-spacing:-.04em;
}
.fengi-contact-title-highlight{
    --fengi-contact-highlight-1:#21d4fd;
    --fengi-contact-highlight-2:#4660f6;
    display:inline-block;
    padding:.04em .28em .12em;
    border-radius:.52em;
    color:#fff;
    background:linear-gradient(135deg, var(--fengi-contact-highlight-1), var(--fengi-contact-highlight-2));
    box-shadow:0 10px 28px rgba(33,212,253,.26);
}
.fengi-contact-description{
    margin:0;
    color:rgba(233,244,255,.82);
    font-size:18px;
    line-height:1.75;
    max-width:640px;
}
.fengi-contact-points{
    display:grid;
    grid-template-columns:repeat(1,minmax(0,1fr));
    gap:18px;
    margin-top:30px;
}
.fengi-contact-point{
    display:flex;align-items:flex-start;gap:16px;
    padding:18px 18px 18px 16px;
    border-radius:24px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.10);
    text-decoration:none;
    transition:transform .32s ease, border-color .32s ease, background .32s ease, box-shadow .32s ease;
}
.fengi-contact-point:hover{
    transform:translateY(-4px);
    border-color:rgba(17,191,255,.34);
    background:rgba(255,255,255,.10);
    box-shadow:0 16px 30px rgba(0,0,0,.14);
}
.fengi-contact-point-icon,
.fengi-contact-float-icon{
    width:56px;height:56px;min-width:56px;border-radius:18px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 8px 20px rgba(0,0,0,.08);
}
.fengi-contact-point-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.fengi-contact-point-title{color:#fff;font-size:19px;font-weight:700;line-height:1.3}
.fengi-contact-point-text{color:rgba(233,244,255,.8);font-size:15.5px;line-height:1.65;word-break:break-word}
.fengi-contact-form-col{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.fengi-contact-image-wrap{
    --fengi-contact-image-width:220px;
    --fengi-contact-image-x:0px;
    --fengi-contact-image-y:0px;
    --fengi-contact-image-scale:1;
    --fengi-contact-image-rotate:0deg;
    position:absolute;
    top:-14px;
    right:18px;
    width:var(--fengi-contact-image-width);
    z-index:3;
    transform:translate3d(var(--fengi-contact-image-x), var(--fengi-contact-image-y), 0) scale(var(--fengi-contact-image-scale)) rotate(var(--fengi-contact-image-rotate));
    transform-origin:center center;
    animation:fengiContactImageFloat 6.5s ease-in-out infinite;
}
.fengi-contact-image-card{
    position:relative;
    width:100%;
    border-radius:26px;
    overflow:hidden;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 18px 34px rgba(3,12,34,.22);
}
.fengi-contact-image-card::after{
    content:"";
    position:absolute;inset:auto 0 0;height:28%;
    background:linear-gradient(180deg, rgba(6,18,36,0), rgba(6,18,36,.6));
}
.fengi-contact-image-card img{display:block;width:100%;height:auto;object-fit:cover}
.fengi-contact-form-card{padding-top:34px;min-height:100%}
.fengi-contact-form-title{
    margin:0 0 10px;
    color:#fff;
    font-size:34px;
    line-height:1.12;
    letter-spacing:-.03em;
    font-weight:800;
}
.fengi-contact-form-description{
    margin:0 0 22px;
    color:rgba(233,244,255,.78);
    font-size:16px;
    line-height:1.7;
}
.fengi-contact-form-placeholder{
    padding:20px;border-radius:18px;
    background:rgba(255,255,255,.06);
    border:1px dashed rgba(255,255,255,.2);
    color:rgba(233,244,255,.76);
    font-size:14px;
}
.fengi-contact-form-embed,.fengi-contact-form-embed .ff-el-group{position:relative}
.fengi-contact-form-card .ff-t-container,
.fengi-contact-form-card .ff-column-container{gap:0}
.fengi-contact-form-card .ff-el-group{margin-bottom:16px}
.fengi-contact-form-card .ff-el-input--label label,
.fengi-contact-form-card label{color:#fff;font-weight:600;margin-bottom:8px;font-family:"Inter",sans-serif}
.fengi-contact-form-card input,
.fengi-contact-form-card textarea,
.fengi-contact-form-card select,
.fengi-contact-form-card .ff-el-form-control{
    width:100%;
    background:rgba(255,255,255,.10);
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
    border-radius:16px;
    padding:15px 16px;
    outline:none;
    box-shadow:none;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transition:border-color .28s ease, background .28s ease, box-shadow .28s ease, transform .28s ease;
    font-family:"Inter",sans-serif;
}
.fengi-contact-form-card textarea{min-height:140px;resize:vertical}
.fengi-contact-form-card input:focus,
.fengi-contact-form-card textarea:focus,
.fengi-contact-form-card select:focus,
.fengi-contact-form-card .ff-el-form-control:focus{
    background:rgba(255,255,255,.12);
    border-color:#21d4fd;
    box-shadow:0 0 0 3px rgba(33,212,253,.13);
    transform:translateY(-1px);
}
.fengi-contact-form-card input::placeholder,
.fengi-contact-form-card textarea::placeholder{color:rgba(255,255,255,.56)}
.fengi-contact-form-card .ff_submit_btn_wrapper,
.fengi-contact-form-card .ff-btn-wrap{margin-top:6px}
.fengi-contact-form-card .ff-btn-submit,
.fengi-contact-form-card button[type="submit"]{
    appearance:none;border:0;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    padding:14px 24px;border-radius:16px;
    background:#2b84ff;color:#fff;
    font-size:16px;font-weight:700;line-height:1.2;
    box-shadow:0 14px 28px rgba(17,191,255,.26);
    transition:transform .28s ease, box-shadow .28s ease, background .28s ease;
    font-family:"Inter",sans-serif;
}
.fengi-contact-form-card .ff-btn-submit:hover,
.fengi-contact-form-card button[type="submit"]:hover{
    transform:translateY(-2px);
    background:#11bfff;
    box-shadow:0 18px 34px rgba(17,191,255,.3);
}
.fengi-contact-form-card .ff-message-success,
.fengi-contact-form-card .ff-message-error,
.fengi-contact-form-card .error,
.fengi-contact-form-card .text-danger{
    border-radius:14px;
    padding:12px 14px;
    font-family:"Inter",sans-serif;
}
.fengi-contact-float-icon{
    --fengi-contact-icon-x:0px;
    --fengi-contact-icon-y:0px;
    --fengi-contact-icon-scale:1;
    position:absolute;
    left:0;top:0;z-index:4;
    transform:translate3d(var(--fengi-contact-icon-x), var(--fengi-contact-icon-y), 0) scale(var(--fengi-contact-icon-scale));
    animation:fengiContactFloatIcon 6.5s ease-in-out infinite;
}
.fengi-contact-float-icon--2{animation-duration:7.8s;animation-direction:reverse}
.fengi-contact-reveal{
    opacity:0;
    transform:translateY(34px);
    transition:opacity .85s ease, transform .85s ease;
    transition-delay:var(--delay,0s);
}
.fengi-contact-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes fengiContactFloatIcon{
    0%,100%{transform:translate3d(var(--fengi-contact-icon-x), var(--fengi-contact-icon-y), 0) scale(var(--fengi-contact-icon-scale))}
    50%{transform:translate3d(var(--fengi-contact-icon-x), calc(var(--fengi-contact-icon-y) - 10px), 0) scale(var(--fengi-contact-icon-scale))}
}
@keyframes fengiContactImageFloat{
    0%,100%{transform:translate3d(var(--fengi-contact-image-x), var(--fengi-contact-image-y), 0) scale(var(--fengi-contact-image-scale)) rotate(var(--fengi-contact-image-rotate))}
    50%{transform:translate3d(var(--fengi-contact-image-x), calc(var(--fengi-contact-image-y) - 12px), 0) scale(var(--fengi-contact-image-scale)) rotate(calc(var(--fengi-contact-image-rotate) + 1deg))}
}
@media (max-width: 1200px){
    .fengi-contact-title{font-size:50px}
}
@media (max-width: 1024px){
    .fengi-contact-grid{grid-template-columns:1fr;gap:26px}
    .fengi-contact-title{font-size:44px}
    .fengi-contact-form-col{padding-top:76px}
    .fengi-contact-image-wrap{right:26px;top:-10px}
}
@media (max-width: 767px){
    .fengi-contact-widget{padding:56px 14px}
    .fengi-contact-shell{padding:18px;border-radius:28px}
    .fengi-contact-content-panel,
    .fengi-contact-form-card{padding:22px;border-radius:22px}
    .fengi-contact-eyebrow{padding:9px 14px;font-size:11px;letter-spacing:.15em;margin-bottom:16px}
    .fengi-contact-title{font-size:34px;margin-bottom:14px}
    .fengi-contact-description{font-size:16px}
    .fengi-contact-point{padding:14px 14px 14px 13px;border-radius:20px}
    .fengi-contact-point-icon,
    .fengi-contact-float-icon{width:48px;height:48px;min-width:48px;border-radius:16px}
    .fengi-contact-point-title{font-size:17px}
    .fengi-contact-point-text{font-size:14px}
    .fengi-contact-form-col{padding-top:0}
    .fengi-contact-image-wrap{
        position:relative;
        top:auto;right:auto;
        margin:0 auto 16px;
        width:min(68vw, var(--fengi-contact-image-width));
        transform:translate3d(var(--fengi-contact-image-x), var(--fengi-contact-image-y), 0) scale(var(--fengi-contact-image-scale)) rotate(var(--fengi-contact-image-rotate));
    }
    .fengi-contact-form-title{font-size:28px}
    .fengi-contact-form-description{font-size:15px;margin-bottom:18px}
}
.elementor-editor-active .fengi-contact-reveal,
.elementor-editor-preview .fengi-contact-reveal,
body.elementor-editor-active .fengi-contact-reveal{opacity:1!important;transform:none!important}


/* ==================== v6.34 Contact Us Light Glass Layout ==================== */
.fengi-contact-light,
.fengi-contact-light *{box-sizing:border-box}
.fengi-contact-light{
    position:relative;
    padding:80px 20px;
    font-family:"Inter",sans-serif;
    background:#fff;
    overflow:hidden;
}
.fengi-contact-light .fengi-contact-inner{max-width:1120px;margin:0 auto;position:relative}
.fengi-contact-light .fengi-contact-header{
    position:relative;
    text-align:center;
    padding:70px 20px 80px;
    background:#eef0ff;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
}
.fengi-contact-light .fengi-contact-label{
    display:inline-block;
    margin-bottom:14px;
    color:#6d6ab0;
    font-size:13px;
    letter-spacing:.10em;
    text-transform:uppercase;
    font-weight:700;
}
.fengi-contact-light .fengi-contact-main-title{
    margin:0;
    color:#10142f;
    font-size:44px;
    line-height:1.08;
    letter-spacing:-.04em;
    font-weight:800;
}
.fengi-contact-light .fengi-contact-header-desc{
    max-width:640px;
    margin:16px auto 0;
    color:#61657c;
    font-size:16px;
    line-height:1.7;
}
.fengi-contact-light .fengi-contact-card-row{
    position:relative;
    z-index:4;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    margin:-46px auto 0;
    max-width:860px;
}
.fengi-contact-light .fengi-contact-top-card{
    display:flex;
    align-items:flex-start;
    gap:16px;
    min-height:96px;
    padding:22px;
    background:rgba(255,255,255,.76);
    border:1px solid rgba(255,255,255,.88);
    border-radius:12px;
    box-shadow:0 18px 42px rgba(20,24,60,.10);
    text-decoration:none!important;
    color:inherit;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.fengi-contact-light .fengi-contact-top-card:hover{
    transform:translateY(-5px);
    border-color:rgba(109,106,223,.28);
    box-shadow:0 24px 56px rgba(20,24,60,.14);
}
.fengi-contact-light .fengi-contact-top-card-icon{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    min-width:34px;
    color:#6d6adf;
}
.fengi-contact-light .fengi-contact-top-card-icon svg,
.fengi-contact-light .fengi-contact-work-badge-icon svg,
.fengi-contact-light .fengi-contact-float-icon svg{
    width:24px;
    height:24px;
    stroke:currentColor;
    stroke-width:1.8;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.fengi-contact-light .fengi-contact-top-card-copy{display:flex;flex-direction:column;gap:6px}
.fengi-contact-light .fengi-contact-top-card-label{
    color:#10142f;
    font-size:12px;
    letter-spacing:.12em;
    text-transform:uppercase;
    font-weight:800;
    line-height:1.1;
}
.fengi-contact-light .fengi-contact-top-card-text{
    color:#171b34;
    font-size:15px;
    line-height:1.45;
    font-weight:700;
}
.fengi-contact-light .fengi-contact-body{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:58px;
    padding:70px 16px 0;
}
.fengi-contact-light .fengi-contact-left{
    flex:0 0 34%;
    max-width:34%;
    min-width:0;
    position:relative;
}
.fengi-contact-light .fengi-contact-work-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 12px;
    margin-bottom:24px;
    border-radius:999px;
    color:#22224a;
    font-size:12px;
    line-height:1;
    font-weight:700;
    background:rgba(238,240,255,.88);
    border:1px solid rgba(109,106,223,.12);
    box-shadow:0 10px 24px rgba(20,24,60,.08);
}
.fengi-contact-light .fengi-contact-work-badge-icon{
    color:#6d6adf;
    display:inline-grid;
    place-items:center;
}
.fengi-contact-light .fengi-contact-work-badge-icon svg{width:16px;height:16px}
.fengi-contact-light .fengi-contact-work-title{
    margin:0 0 16px;
    color:#11152f;
    font-size:34px;
    line-height:1.15;
    letter-spacing:-.035em;
    font-weight:800;
}
.fengi-contact-light .fengi-contact-work-desc{
    margin:0;
    color:#61657c;
    font-size:16px;
    line-height:1.72;
}
.fengi-contact-light .fengi-contact-image-wrap{
    --fengi-contact-image-width:150px;
    --fengi-contact-image-x:0px;
    --fengi-contact-image-y:0px;
    --fengi-contact-image-scale:1;
    position:relative;
    width:var(--fengi-contact-image-width);
    margin-top:24px;
    transform:translate3d(var(--fengi-contact-image-x),var(--fengi-contact-image-y),0) scale(var(--fengi-contact-image-scale));
    animation:fengiContactLightImage 6s ease-in-out infinite;
}
.fengi-contact-light .fengi-contact-image-wrap img{
    display:block;
    width:100%;
    height:auto;
    border-radius:20px;
    box-shadow:0 16px 38px rgba(20,24,60,.12);
}
.fengi-contact-light .fengi-contact-form-side{
    flex:1 1 62%;
    max-width:62%;
    min-width:0;
}
.fengi-contact-light .fengi-contact-form-side .ff-el-group{margin-bottom:16px}
.fengi-contact-light .fengi-contact-form-side label,
.fengi-contact-light .fengi-contact-form-side .ff-el-input--label label{
    color:#171b34;
    font-family:"Inter",sans-serif;
    font-weight:700;
    margin-bottom:7px;
}
.fengi-contact-light .fengi-contact-form-side input,
.fengi-contact-light .fengi-contact-form-side textarea,
.fengi-contact-light .fengi-contact-form-side select,
.fengi-contact-light .fengi-contact-form-side .ff-el-form-control{
    width:100%;
    min-height:48px;
    padding:16px;
    color:#10142f;
    background:#ecebfa;
    border:1px solid rgba(109,106,223,.10);
    border-radius:0;
    outline:none;
    box-shadow:none;
    font-family:"Inter",sans-serif;
    transition:border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.fengi-contact-light .fengi-contact-form-side textarea,
.fengi-contact-light .fengi-contact-form-side textarea.ff-el-form-control{min-height:150px;resize:vertical}
.fengi-contact-light .fengi-contact-form-side input::placeholder,
.fengi-contact-light .fengi-contact-form-side textarea::placeholder{color:rgba(16,20,47,.58)}
.fengi-contact-light .fengi-contact-form-side input:focus,
.fengi-contact-light .fengi-contact-form-side textarea:focus,
.fengi-contact-light .fengi-contact-form-side select:focus,
.fengi-contact-light .fengi-contact-form-side .ff-el-form-control:focus{
    background:#f1f0fb;
    border-color:#756fe7;
    box-shadow:0 0 0 4px rgba(117,111,231,.12);
}
.fengi-contact-light .fengi-contact-form-side .ff-btn-submit,
.fengi-contact-light .fengi-contact-form-side button[type="submit"]{
    width:100%;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    padding:16px 24px;
    border:0;
    border-radius:6px;
    background:#756fe7;
    color:#fff;
    cursor:pointer;
    font-family:"Inter",sans-serif;
    font-size:15px;
    font-weight:800;
    box-shadow:0 16px 34px rgba(117,111,231,.22);
    transition:transform .28s ease, background .28s ease, box-shadow .28s ease;
}
.fengi-contact-light .fengi-contact-form-side .ff-btn-submit:hover,
.fengi-contact-light .fengi-contact-form-side button[type="submit"]:hover{
    transform:translateY(-2px);
    background:#21d4fd;
    box-shadow:0 18px 38px rgba(33,212,253,.25);
}
.fengi-contact-light .fengi-contact-form-placeholder{
    padding:22px;
    background:#ecebfa;
    color:#61657c;
    border:1px dashed rgba(109,106,223,.24);
    border-radius:12px;
}
.fengi-contact-light .fengi-contact-float-icon{
    --fengi-contact-icon-x:0px;
    --fengi-contact-icon-y:0px;
    --fengi-contact-icon-scale:1;
    position:absolute;
    left:0;
    top:0;
    z-index:3;
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:18px;
    color:#6d6adf;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(255,255,255,.86);
    box-shadow:0 14px 34px rgba(20,24,60,.10);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    transform:translate3d(var(--fengi-contact-icon-x), var(--fengi-contact-icon-y), 0) scale(var(--fengi-contact-icon-scale));
    animation:fengiContactLightIcon 6.8s ease-in-out infinite;
}
.fengi-contact-light .fengi-contact-float-icon--2{animation-duration:7.8s;animation-direction:reverse}
.fengi-contact-light .fengi-contact-reveal{
    opacity:0;
    transform:translateY(34px);
    transition:opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1);
    transition-delay:var(--delay,0s);
}
.fengi-contact-light .fengi-contact-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes fengiContactLightIcon{
    0%,100%{transform:translate3d(var(--fengi-contact-icon-x), var(--fengi-contact-icon-y), 0) scale(var(--fengi-contact-icon-scale))}
    50%{transform:translate3d(var(--fengi-contact-icon-x), calc(var(--fengi-contact-icon-y) - 12px), 0) scale(var(--fengi-contact-icon-scale))}
}
@keyframes fengiContactLightImage{
    0%,100%{transform:translate3d(var(--fengi-contact-image-x),var(--fengi-contact-image-y),0) scale(var(--fengi-contact-image-scale))}
    50%{transform:translate3d(var(--fengi-contact-image-x),calc(var(--fengi-contact-image-y) - 10px),0) scale(var(--fengi-contact-image-scale))}
}
@media (max-width:1024px){
    .fengi-contact-light .fengi-contact-card-row{max-width:92%;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
    .fengi-contact-light .fengi-contact-body{gap:34px}
    .fengi-contact-light .fengi-contact-work-title{font-size:30px}
}
@media (max-width:767px){
    .fengi-contact-light{padding:56px 14px}
    .fengi-contact-light .fengi-contact-header{
        padding:48px 18px 82px;
        margin-left:-14px;
        margin-right:-14px;
    }
    .fengi-contact-light .fengi-contact-label{font-size:12px;margin-bottom:10px}
    .fengi-contact-light .fengi-contact-main-title{font-size:32px}
    .fengi-contact-light .fengi-contact-card-row{
        grid-template-columns:1fr;
        max-width:100%;
        margin-top:-48px;
        gap:14px;
    }
    .fengi-contact-light .fengi-contact-top-card{padding:18px;border-radius:14px;min-height:auto}
    .fengi-contact-light .fengi-contact-body{
        flex-direction:column;
        gap:28px;
        padding:46px 0 0;
    }
    .fengi-contact-light .fengi-contact-left,
    .fengi-contact-light .fengi-contact-form-side{
        flex-basis:auto!important;
        max-width:100%!important;
        width:100%;
    }
    .fengi-contact-light .fengi-contact-work-title{font-size:28px}
    .fengi-contact-light .fengi-contact-work-desc{font-size:15px}
    .fengi-contact-light .fengi-contact-form-side input,
    .fengi-contact-light .fengi-contact-form-side textarea,
    .fengi-contact-light .fengi-contact-form-side select,
    .fengi-contact-light .fengi-contact-form-side .ff-el-form-control{padding:14px}
    .fengi-contact-light .fengi-contact-float-icon{width:44px;height:44px;border-radius:15px}
}
.elementor-editor-active .fengi-contact-light .fengi-contact-reveal,
.elementor-editor-preview .fengi-contact-light .fengi-contact-reveal,
body.elementor-editor-active .fengi-contact-light .fengi-contact-reveal{opacity:1!important;transform:none!important}


/* ==================== v6.35 Contact Premium Glass ==================== */
.fengi-contact-premium,
.fengi-contact-premium *{box-sizing:border-box}
.fengi-contact-premium{
    position:relative;
    overflow:hidden;
    font-family:"Inter",sans-serif;
    padding:80px 20px;
    background:linear-gradient(180deg,#f7fcff 0%,#edf7ff 100%);
}
.fengi-contact-premium .fengi-contact-inner{max-width:1180px;margin:0 auto;position:relative}
.fengi-contact-premium .fengi-contact-header{
    --fengi-contact-header-grad-1: rgba(4,15,36,.92);
    --fengi-contact-header-grad-2: rgba(8,80,148,.78);
    --fengi-contact-header-overlay-opacity: .96;
    --fengi-contact-video-opacity: .35;
    position:relative;
    overflow:hidden;
    border:1px solid rgba(137,233,255,.18);
    border-radius:32px;
    background:#07182e;
    padding:86px 24px 120px;
    box-shadow:0 24px 70px rgba(7,24,46,.18);
}
.fengi-contact-premium .fengi-contact-header::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 15% 20%, rgba(72,204,255,.16), transparent 40%),
        radial-gradient(circle at 85% 20%, rgba(15,111,255,.18), transparent 36%),
        linear-gradient(135deg,var(--fengi-contact-header-grad-1),var(--fengi-contact-header-grad-2));
    opacity:var(--fengi-contact-header-overlay-opacity);
    z-index:1;
}
.fengi-contact-premium .fengi-contact-header::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size:36px 36px;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,0));
    opacity:.35;
    z-index:1;
}
.fengi-contact-premium .fengi-contact-header-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:var(--fengi-contact-video-opacity);
    z-index:0;
}
.fengi-contact-premium .fengi-contact-header-overlay{position:absolute;inset:0;z-index:1}
.fengi-contact-premium .fengi-contact-header-content{position:relative;z-index:3;text-align:center;max-width:720px;margin:0 auto}
.fengi-contact-premium .fengi-contact-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:16px;
    color:#98e8ff;
    font-size:13px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.fengi-contact-premium .fengi-contact-label::before,
.fengi-contact-premium .fengi-contact-label::after{
    content:"✦";
    font-size:10px;
    color:#49c8ff;
}
.fengi-contact-premium .fengi-contact-main-title{
    margin:0;
    color:#fff;
    font-size:48px;
    line-height:1.08;
    letter-spacing:-.045em;
    font-weight:800;
}
.fengi-contact-premium .fengi-contact-header-desc{
    margin:18px auto 0;
    max-width:640px;
    color:rgba(255,255,255,.82);
    font-size:16px;
    line-height:1.75;
}
.fengi-contact-premium .fengi-contact-card-row{
    position:relative;
    z-index:4;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    max-width:980px;
    margin:-56px auto 0;
}
.fengi-contact-premium .fengi-contact-top-card{
    display:flex;
    align-items:center;
    gap:16px;
    min-height:112px;
    padding:22px;
    border-radius:18px;
    text-decoration:none!important;
    color:inherit;
    background:linear-gradient(145deg, rgba(5,18,42,.84), rgba(10,54,96,.74));
    border:1px solid rgba(125,227,255,.18);
    box-shadow:0 20px 48px rgba(4,18,48,.22);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.fengi-contact-premium .fengi-contact-top-card:hover{
    transform:translateY(-5px);
    border-color:rgba(92,221,255,.32);
    box-shadow:0 28px 56px rgba(4,18,48,.28);
}
.fengi-contact-premium .fengi-contact-top-card-icon{
    width:54px;height:54px;min-width:54px;border-radius:18px;display:grid;place-items:center;
    color:#4ecbff;
    background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
    border:1px solid rgba(136,236,255,.18);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.fengi-contact-premium .fengi-contact-top-card-icon svg,
.fengi-contact-premium .fengi-contact-work-badge-icon svg,
.fengi-contact-premium .fengi-contact-float-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fengi-contact-premium .fengi-contact-top-card-copy{display:flex;flex-direction:column;gap:5px}
.fengi-contact-premium .fengi-contact-top-card-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.fengi-contact-premium .fengi-contact-top-card-text{font-size:15px;line-height:1.48;color:#fff;font-weight:700}
.fengi-contact-premium .fengi-contact-body{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:30px;
    padding:60px 0 0;
}
.fengi-contact-premium .fengi-contact-left{flex:0 0 34%;max-width:34%;min-width:0;position:relative}
.fengi-contact-premium .fengi-contact-form-side{flex:1 1 62%;max-width:62%;min-width:0}
.fengi-contact-premium .fengi-contact-left-panel,
.fengi-contact-premium .fengi-contact-form-panel{
    position:relative;
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(235,247,255,.75));
    border:1px solid rgba(139,210,255,.3);
    box-shadow:0 20px 46px rgba(9,41,83,.1);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.fengi-contact-premium .fengi-contact-left-panel{padding:34px 30px;height:100%}
.fengi-contact-premium .fengi-contact-form-panel{padding:34px 30px}
.fengi-contact-premium .fengi-contact-work-badge{
    display:inline-flex;align-items:center;gap:8px;padding:8px 14px;margin-bottom:22px;border-radius:999px;
    color:#062744;font-size:12px;font-weight:700;line-height:1;
    background:rgba(255,255,255,.74);border:1px solid rgba(78,203,255,.22);box-shadow:0 10px 24px rgba(9,41,83,.08)
}
.fengi-contact-premium .fengi-contact-work-badge-icon{display:grid;place-items:center;color:#23bfff}
.fengi-contact-premium .fengi-contact-work-title{margin:0 0 16px;color:#0b1738;font-size:34px;line-height:1.15;letter-spacing:-.04em;font-weight:800}
.fengi-contact-premium .fengi-contact-work-desc{margin:0;color:#5f6880;font-size:16px;line-height:1.78}
.fengi-contact-premium .fengi-contact-image-wrap{
    --fengi-contact-image-width:160px;
    --fengi-contact-image-x:0px;
    --fengi-contact-image-y:0px;
    --fengi-contact-image-scale:1;
    width:var(--fengi-contact-image-width);
    margin-top:26px;
    transform:translate3d(var(--fengi-contact-image-x),var(--fengi-contact-image-y),0) scale(var(--fengi-contact-image-scale));
    animation:fengiContactPremiumImage 6s ease-in-out infinite;
    transform-origin:center center;
}
.fengi-contact-premium .fengi-contact-image-wrap img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 16px 34px rgba(9,41,83,.14)}
.fengi-contact-premium .fengi-contact-form-side .ff-el-group{margin-bottom:18px}
.fengi-contact-premium .fengi-contact-form-side label,
.fengi-contact-premium .fengi-contact-form-side .ff-el-input--label label{color:#162242;font-family:"Inter",sans-serif;font-weight:700;margin-bottom:8px}
.fengi-contact-premium .fengi-contact-form-side input,
.fengi-contact-premium .fengi-contact-form-side textarea,
.fengi-contact-premium .fengi-contact-form-side select,
.fengi-contact-premium .fengi-contact-form-side .ff-el-form-control{
    width:100%;min-height:52px;padding:16px 18px;border-radius:16px;
    border:1px solid rgba(78,203,255,.25);background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
    color:#0f1d46;outline:none;transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
    font-family:"Inter",sans-serif
}
.fengi-contact-premium .fengi-contact-form-side textarea,
.fengi-contact-premium .fengi-contact-form-side textarea.ff-el-form-control{min-height:160px;resize:vertical}
.fengi-contact-premium .fengi-contact-form-side input::placeholder,
.fengi-contact-premium .fengi-contact-form-side textarea::placeholder{color:rgba(15,29,70,.55)}
.fengi-contact-premium .fengi-contact-form-side input:focus,
.fengi-contact-premium .fengi-contact-form-side textarea:focus,
.fengi-contact-premium .fengi-contact-form-side select:focus,
.fengi-contact-premium .fengi-contact-form-side .ff-el-form-control:focus{
    border-color:#35d8ff;box-shadow:0 0 0 4px rgba(53,216,255,.16), inset 0 1px 0 rgba(255,255,255,.5)
}
.fengi-contact-premium .fengi-contact-form-side .ff-btn-submit,
.fengi-contact-premium .fengi-contact-form-side button[type="submit"]{
    width:100%;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:16px 24px;
    border:0;border-radius:16px;background:linear-gradient(135deg,#1191ff,#35d8ff);color:#fff;cursor:pointer;
    font-family:"Inter",sans-serif;font-size:15px;font-weight:800;box-shadow:0 18px 34px rgba(17,145,255,.26);
    transition:transform .28s ease, box-shadow .28s ease, filter .28s ease
}
.fengi-contact-premium .fengi-contact-form-side .ff-btn-submit:hover,
.fengi-contact-premium .fengi-contact-form-side button[type="submit"]:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 22px 38px rgba(17,145,255,.32)}
.fengi-contact-premium .fengi-contact-form-placeholder{padding:22px;background:rgba(255,255,255,.72);color:#5f6880;border:1px dashed rgba(78,203,255,.3);border-radius:16px}
.fengi-contact-premium .fengi-contact-float-icon{
    --fengi-contact-icon-x:0px;
    --fengi-contact-icon-y:0px;
    --fengi-contact-icon-scale:1;
    position:absolute;left:0;top:0;z-index:3;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;
    color:#22c1ff;background:rgba(255,255,255,.66);border:1px solid rgba(150,230,255,.5);
    box-shadow:0 18px 30px rgba(10,40,85,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    transform:translate3d(var(--fengi-contact-icon-x),var(--fengi-contact-icon-y),0) scale(var(--fengi-contact-icon-scale));
    animation:fengiContactPremiumFloat 6.4s ease-in-out infinite;
}
.fengi-contact-premium .fengi-contact-float-icon--2{animation-duration:7.4s;animation-direction:reverse}
.fengi-contact-premium .fengi-contact-reveal{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0s)}
.fengi-contact-premium .fengi-contact-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes fengiContactPremiumFloat{
    0%,100%{transform:translate3d(var(--fengi-contact-icon-x),var(--fengi-contact-icon-y),0) scale(var(--fengi-contact-icon-scale))}
    50%{transform:translate3d(var(--fengi-contact-icon-x),calc(var(--fengi-contact-icon-y) - 12px),0) scale(var(--fengi-contact-icon-scale))}
}
@keyframes fengiContactPremiumImage{
    0%,100%{transform:translate3d(var(--fengi-contact-image-x),var(--fengi-contact-image-y),0) scale(var(--fengi-contact-image-scale))}
    50%{transform:translate3d(var(--fengi-contact-image-x),calc(var(--fengi-contact-image-y) - 10px),0) scale(var(--fengi-contact-image-scale))}
}
@media (max-width:1024px){
    .fengi-contact-premium .fengi-contact-main-title{font-size:42px}
    .fengi-contact-premium .fengi-contact-card-row{grid-template-columns:1fr;max-width:92%;gap:14px;margin-top:-48px}
    .fengi-contact-premium .fengi-contact-body{gap:24px}
}
@media (max-width:767px){
    .fengi-contact-premium{padding:56px 14px}
    .fengi-contact-premium .fengi-contact-header{padding:60px 18px 98px;border-radius:26px}
    .fengi-contact-premium .fengi-contact-main-title{font-size:34px}
    .fengi-contact-premium .fengi-contact-header-desc{font-size:15px}
    .fengi-contact-premium .fengi-contact-card-row{max-width:100%;margin-top:-52px}
    .fengi-contact-premium .fengi-contact-top-card{min-height:auto;padding:18px;border-radius:16px}
    .fengi-contact-premium .fengi-contact-body{flex-direction:column;padding-top:42px}
    .fengi-contact-premium .fengi-contact-left,
    .fengi-contact-premium .fengi-contact-form-side{flex-basis:auto!important;max-width:100%!important;width:100%}
    .fengi-contact-premium .fengi-contact-left-panel,
    .fengi-contact-premium .fengi-contact-form-panel{padding:24px 20px;border-radius:22px}
    .fengi-contact-premium .fengi-contact-work-title{font-size:28px}
    .fengi-contact-premium .fengi-contact-work-desc{font-size:15px}
    .fengi-contact-premium .fengi-contact-float-icon{width:44px;height:44px;border-radius:16px}
    .fengi-contact-premium .fengi-contact-image-wrap{margin-inline:auto}
}
.elementor-editor-active .fengi-contact-premium .fengi-contact-reveal,
.elementor-editor-preview .fengi-contact-premium .fengi-contact-reveal,
body.elementor-editor-active .fengi-contact-premium .fengi-contact-reveal{opacity:1!important;transform:none!important}


/* ==================== v6.36 Contact fixes: full-width header, remove floating icons, mobile card padding ==================== */

/* Make only the contact header background full browser width */
.fengi-contact-premium .fengi-contact-header {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
}

/* Keep header text aligned with the main widget width */
.fengi-contact-premium .fengi-contact-header-content {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Remove the two floating icons completely */
.fengi-contact-premium .fengi-contact-float-icon,
.fengi-contact-light .fengi-contact-float-icon,
.fengi-contact-float-icon {
    display: none !important;
}

/* Improve contact cards position after full-width header */
.fengi-contact-premium .fengi-contact-card-row {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

/* Mobile: add clear left/right padding to top contact cards */
@media (max-width: 767px) {
    .fengi-contact-premium .fengi-contact-header {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        border-radius: 0 !important;
    }

    .fengi-contact-premium .fengi-contact-card-row {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .fengi-contact-premium .fengi-contact-top-card {
        width: 100% !important;
    }
}


/* ==================== v6.37 Home Contact Glass Widget ==================== */
.fengi-home-contact-widget,
.fengi-home-contact-widget *{box-sizing:border-box}
.fengi-home-contact-widget{
    position:relative;
    overflow:hidden;
    font-family:"Inter",sans-serif;
    padding:80px 20px;
    background:linear-gradient(180deg,#f7fbff 0%, #edf5ff 100%);
}
.fengi-home-contact-inner{max-width:1180px;margin:0 auto;position:relative}
.fengi-home-contact-layout{display:flex;align-items:flex-start;gap:28px}
.fengi-home-contact-left{flex:0 0 58%;max-width:58%;min-width:0}
.fengi-home-contact-right{flex:0 0 34%;max-width:34%;min-width:0;position:relative}
.fengi-home-contact-heading{margin-bottom:24px}
.fengi-home-contact-eyebrow{
    --eyebrow-line:#d8e5f6;
    display:inline-flex;align-items:center;gap:10px;
    color:#7d8aa6;font-size:14px;font-weight:600;line-height:1.2;margin-bottom:14px;
}
.fengi-home-contact-eyebrow::before{content:"";width:18px;height:2px;border-radius:999px;background:var(--eyebrow-line)}
.fengi-home-contact-title{margin:0;color:#102048;font-size:48px;line-height:1.08;letter-spacing:-.04em;font-weight:800;max-width:640px}
.fengi-home-contact-desc{margin:18px 0 0;color:#7d8aa6;font-size:17px;line-height:1.75;max-width:640px}
.fengi-home-contact-form-card{
    position:relative;overflow:hidden;
    padding:22px;border-radius:28px;
    background:rgba(255,255,255,.56);
    border:1px solid rgba(159,210,255,.5);
    box-shadow:0 28px 60px rgba(17,42,88,.08);
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.fengi-home-contact-form-card::before,
.fengi-home-contact-info-card::before{
    content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
    background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.05));opacity:.65;
}
.fengi-home-contact-form-card > *,.fengi-home-contact-info-card > *{position:relative;z-index:1}
.fengi-home-contact-placeholder{padding:18px 20px;border:1px dashed rgba(111,197,255,.45);border-radius:16px;color:#687792;background:rgba(255,255,255,.52)}
.fengi-home-contact-form-card .ff-el-group{margin-bottom:16px}
.fengi-home-contact-form-card label,
.fengi-home-contact-form-card .ff-el-input--label label{display:block;color:#102048;font-size:14px;font-weight:700;margin:0 0 8px;font-family:"Inter",sans-serif}
.fengi-home-contact-form-card input,
.fengi-home-contact-form-card textarea,
.fengi-home-contact-form-card select,
.fengi-home-contact-form-card .ff-el-form-control{
    width:100%;min-height:52px;padding:15px 16px;
    color:#102048;background:rgba(255,255,255,.84);
    border:1px solid rgba(111,197,255,.35);border-radius:12px;
    font-size:15px;line-height:1.5;font-family:"Inter",sans-serif;
    transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.fengi-home-contact-form-card textarea,.fengi-home-contact-form-card textarea.ff-el-form-control{min-height:146px;resize:vertical}
.fengi-home-contact-form-card input::placeholder,.fengi-home-contact-form-card textarea::placeholder{color:rgba(16,32,72,.46)}
.fengi-home-contact-form-card input:focus,
.fengi-home-contact-form-card textarea:focus,
.fengi-home-contact-form-card select:focus,
.fengi-home-contact-form-card .ff-el-form-control:focus{
    outline:none;background:rgba(255,255,255,.96);border-color:#64c9ff;box-shadow:0 0 0 4px rgba(34,200,255,.12)
}
.fengi-home-contact-form-card .ff-btn-submit,
.fengi-home-contact-form-card button[type="submit"]{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    padding:16px 28px;min-height:54px;border:0;border-radius:999px;
    background:#0b66ff;color:#fff;box-shadow:0 18px 34px rgba(11,102,255,.2);
    font-family:"Inter",sans-serif;font-size:15px;font-weight:700;line-height:1;cursor:pointer;
    transition:transform .28s ease, box-shadow .28s ease, background .28s ease;
}
.fengi-home-contact-form-card .ff-btn-submit:hover,
.fengi-home-contact-form-card button[type="submit"]:hover{transform:translateY(-2px);background:#22c8ff;box-shadow:0 20px 38px rgba(34,200,255,.22)}
.fengi-home-contact-right{display:flex;flex-direction:column;align-items:flex-start}
.fengi-home-contact-badge{
    width:92px;height:92px;border-radius:50%;display:grid;place-items:center;
    background:#fff;box-shadow:0 20px 40px rgba(18,38,78,.12);padding:10px;overflow:hidden;
    margin-left:0;margin-bottom:-18px;z-index:3;animation:fengiHomeContactBadge 6s ease-in-out infinite;
}
.fengi-home-contact-badge img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.fengi-home-contact-info-card{
    position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;gap:26px;
    padding:26px 24px;border-radius:24px;background:#8fd9ff;border:1px solid rgba(90,160,220,.18);
    box-shadow:0 28px 56px rgba(17,42,88,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.fengi-home-contact-info-block h4,.fengi-home-contact-social-title{margin:0 0 8px;color:#07142b;font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-.03em}
.fengi-home-contact-info-block p,.fengi-home-contact-info-block a{margin:0;color:#11334f;font-size:14px;line-height:1.75;text-decoration:none}
.fengi-home-contact-socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.fengi-home-contact-social-link{
    width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
    background:#08152d;color:#fff;text-decoration:none;transition:transform .24s ease, background .24s ease, color .24s ease;
}
.fengi-home-contact-social-link:hover{transform:translateY(-2px);background:#0b66ff;color:#fff}
.fengi-home-contact-social-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fengi-home-contact-reveal{opacity:0;transform:translateY(30px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0s)}
.fengi-home-contact-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes fengiHomeContactBadge{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-8px)}
}
@media (max-width:1024px){
    .fengi-home-contact-title{font-size:40px}
    .fengi-home-contact-layout{gap:22px}
    .fengi-home-contact-left{flex-basis:56%;max-width:56%}
    .fengi-home-contact-right{flex-basis:40%;max-width:40%}
}
@media (max-width:767px){
    .fengi-home-contact-widget{padding:56px 16px}
    .fengi-home-contact-layout{flex-direction:column;gap:22px}
    .fengi-home-contact-left,.fengi-home-contact-right{flex-basis:auto!important;max-width:100%!important;width:100%}
    .fengi-home-contact-title{font-size:34px;max-width:none}
    .fengi-home-contact-desc{font-size:15px;line-height:1.7}
    .fengi-home-contact-form-card{padding:18px;border-radius:22px}
    .fengi-home-contact-badge{width:78px;height:78px;margin-bottom:14px;margin-left:auto;margin-right:auto}
    .fengi-home-contact-info-card{padding:22px 18px;border-radius:20px}
    .fengi-home-contact-info-block h4,.fengi-home-contact-social-title{font-size:22px}
}
.elementor-editor-active .fengi-home-contact-reveal,
.elementor-editor-preview .fengi-home-contact-reveal,
body.elementor-editor-active .fengi-home-contact-reveal{opacity:1!important;transform:none!important}


/* ==================== v6.38 Home Contact Dark Glass Redesign ==================== */
.fengi-home-contact-dark,
.fengi-home-contact-dark *{box-sizing:border-box}
.fengi-home-contact-dark{
    position:relative;
    overflow:hidden;
    font-family:"Inter",sans-serif;
    padding:90px 20px;
    background:
        radial-gradient(circle at 50% -10%, rgba(26,139,255,.18), transparent 34%),
        radial-gradient(circle at 16% 52%, rgba(33,216,255,.12), transparent 30%),
        linear-gradient(180deg,#02051d 0%,#020416 100%) !important;
}
.fengi-home-contact-dark::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:44px 44px;
    mask-image:radial-gradient(circle at center, #000 0%, transparent 72%);
    opacity:.35;
    pointer-events:none;
}
.fengi-home-contact-dark .fengi-home-contact-inner{
    max-width:1180px;
    margin:0 auto;
    position:relative;
    z-index:1;
}
.fengi-home-contact-dark .fengi-home-contact-head{
    max-width:780px;
    margin:0 auto 78px;
    text-align:center;
}
.fengi-home-contact-dark .fengi-home-contact-title{
    margin:0;
    color:#fff;
    font-size:50px;
    line-height:1.08;
    letter-spacing:-.045em;
    font-weight:800;
}
.fengi-home-contact-dark .fengi-home-contact-desc{
    margin:18px auto 0;
    max-width:620px;
    color:rgba(235,245,255,.68);
    font-size:16px;
    line-height:1.75;
}
.fengi-home-contact-dark .fengi-home-contact-top-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:80px;
    margin-bottom:72px;
}
.fengi-home-contact-dark .fengi-home-contact-top-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    text-decoration:none !important;
    color:inherit;
    padding:0;
}
.fengi-home-contact-dark .fengi-home-contact-top-icon{
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    border-radius:50%;
    margin-bottom:20px;
    background:#1f87ff;
    color:#fff;
    box-shadow:0 14px 34px rgba(26,139,255,.28);
    animation:fengiHomeContactIconFloat638 6s ease-in-out infinite;
}
.fengi-home-contact-dark .fengi-home-contact-top-icon svg,
.fengi-home-contact-dark .fengi-home-contact-call svg,
.fengi-home-contact-dark .fengi-home-contact-avatar svg,
.fengi-home-contact-dark .fengi-home-contact-image-placeholder svg{
    width:22px;
    height:22px;
    stroke:currentColor;
    stroke-width:1.8;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.fengi-home-contact-dark .fengi-home-contact-top-title{
    display:block;
    color:#fff;
    font-size:18px;
    font-weight:700;
    line-height:1.28;
    margin-bottom:10px;
}
.fengi-home-contact-dark .fengi-home-contact-top-text{
    display:block;
    color:rgba(235,245,255,.65);
    font-size:14px;
    line-height:1.68;
}
.fengi-home-contact-dark .fengi-home-contact-main{
    display:flex;
    align-items:stretch;
    gap:34px;
}
.fengi-home-contact-dark .fengi-home-contact-form-card{
    flex:0 0 56%;
    max-width:56%;
    position:relative;
    overflow:hidden;
    padding:34px;
    border-radius:18px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 30px 70px rgba(0,0,0,.24);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.fengi-home-contact-dark .fengi-home-contact-form-card::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 52%);
    pointer-events:none;
}
.fengi-home-contact-dark .fengi-home-contact-form-card > *{
    position:relative;
    z-index:1;
}
.fengi-home-contact-dark .fengi-home-contact-form-title{
    margin:0 0 14px;
    color:#fff;
    font-size:42px;
    line-height:1.08;
    letter-spacing:-.045em;
    font-weight:800;
}
.fengi-home-contact-dark .fengi-home-contact-form-desc{
    margin:0 0 30px;
    color:rgba(235,245,255,.68);
    font-size:15px;
    line-height:1.7;
}
.fengi-home-contact-dark .fengi-home-contact-form-card label,
.fengi-home-contact-dark .fengi-home-contact-form-card .ff-el-input--label label{
    display:block;
    color:#fff;
    margin:0 0 8px;
    font-family:"Inter",sans-serif;
    font-weight:500;
    font-size:14px;
}
.fengi-home-contact-dark .fengi-home-contact-form-card .ff-el-group{
    margin-bottom:16px;
}
.fengi-home-contact-dark .fengi-home-contact-form-card input,
.fengi-home-contact-dark .fengi-home-contact-form-card textarea,
.fengi-home-contact-dark .fengi-home-contact-form-card select,
.fengi-home-contact-dark .fengi-home-contact-form-card .ff-el-form-control{
    width:100%;
    min-height:52px;
    padding:15px 16px;
    color:#fff;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.10);
    border-radius:13px;
    outline:none;
    box-shadow:none;
    font-family:"Inter",sans-serif;
    transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.fengi-home-contact-dark .fengi-home-contact-form-card textarea,
.fengi-home-contact-dark .fengi-home-contact-form-card textarea.ff-el-form-control{
    min-height:160px;
    resize:vertical;
}
.fengi-home-contact-dark .fengi-home-contact-form-card input::placeholder,
.fengi-home-contact-dark .fengi-home-contact-form-card textarea::placeholder{
    color:rgba(255,255,255,.42);
}
.fengi-home-contact-dark .fengi-home-contact-form-card input:focus,
.fengi-home-contact-dark .fengi-home-contact-form-card textarea:focus,
.fengi-home-contact-dark .fengi-home-contact-form-card select:focus,
.fengi-home-contact-dark .fengi-home-contact-form-card .ff-el-form-control:focus{
    background:rgba(255,255,255,.06);
    border-color:rgba(53,216,255,.46);
    box-shadow:0 0 0 4px rgba(53,216,255,.10);
}
.fengi-home-contact-dark .fengi-home-contact-form-card .ff-btn-submit,
.fengi-home-contact-dark .fengi-home-contact-form-card button[type="submit"]{
    width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:999px;
    padding:16px 26px;
    background:#1687ff;
    color:#fff;
    font-family:"Inter",sans-serif;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 18px 38px rgba(22,135,255,.30);
    transition:transform .28s ease, background .28s ease, box-shadow .28s ease;
}
.fengi-home-contact-dark .fengi-home-contact-form-card .ff-btn-submit:hover,
.fengi-home-contact-dark .fengi-home-contact-form-card button[type="submit"]:hover{
    transform:translateY(-2px);
    background:#35d8ff;
    box-shadow:0 22px 44px rgba(53,216,255,.24);
}
.fengi-home-contact-dark .fengi-home-contact-placeholder{
    padding:22px;
    border:1px dashed rgba(255,255,255,.16);
    border-radius:16px;
    color:rgba(235,245,255,.68);
}
.fengi-home-contact-dark .fengi-home-contact-image-card{
    flex:0 0 40%;
    max-width:40%;
    position:relative;
    overflow:hidden;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.06);
    box-shadow:0 30px 70px rgba(0,0,0,.24);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.fengi-home-contact-dark .fengi-home-contact-image-media{
    position:relative;
    width:100%;
    height:510px;
    overflow:hidden;
}
.fengi-home-contact-dark .fengi-home-contact-image-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% var(--fengi-home-contact-image-y, 50%);
    transform:scale(1);
    transition:transform .35s ease;
}
.fengi-home-contact-dark .fengi-home-contact-image-card::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:42%;
    background:linear-gradient(180deg,rgba(2,5,29,0),rgba(2,5,29,.62));
    pointer-events:none;
}
.fengi-home-contact-dark .fengi-home-contact-image-placeholder{
    height:100%;
    display:grid;
    place-items:center;
    gap:12px;
    color:rgba(235,245,255,.65);
}
.fengi-home-contact-dark .fengi-home-contact-person-card{
    --person-x:78px;
    --person-y:-82px;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translate3d(calc(-50% + var(--person-x)), var(--person-y), 0);
    z-index:3;
    display:flex;
    align-items:center;
    gap:12px;
    width:270px;
    padding:12px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    color:inherit;
    text-decoration:none!important;
    box-shadow:0 20px 46px rgba(0,0,0,.18);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.fengi-home-contact-dark .fengi-home-contact-avatar{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:50%;
    overflow:hidden;
    display:grid;
    place-items:center;
    color:#1687ff;
    background:#eaf6ff;
}
.fengi-home-contact-dark .fengi-home-contact-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.fengi-home-contact-dark .fengi-home-contact-person-copy{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.fengi-home-contact-dark .fengi-home-contact-person-name{
    color:#0b1435;
    font-size:13px;
    font-weight:800;
    line-height:1.2;
}
.fengi-home-contact-dark .fengi-home-contact-person-role{
    color:#61708e;
    font-size:11px;
    line-height:1.35;
}
.fengi-home-contact-dark .fengi-home-contact-call{
    margin-left:auto;
    color:#1687ff;
    width:30px;
    height:30px;
    min-width:30px;
    display:grid;
    place-items:center;
}
.fengi-home-contact-dark .fengi-home-contact-reveal{
    opacity:0;
    transform:translateY(34px);
    transition:opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1);
    transition-delay:var(--delay,0s);
}
.fengi-home-contact-dark .fengi-home-contact-reveal.is-visible{
    opacity:1;
    transform:translateY(0);
}
@keyframes fengiHomeContactIconFloat638{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-8px)}
}
@media(max-width:1024px){
    .fengi-home-contact-dark .fengi-home-contact-title{font-size:42px}
    .fengi-home-contact-dark .fengi-home-contact-top-cards{gap:34px}
    .fengi-home-contact-dark .fengi-home-contact-main{gap:24px}
    .fengi-home-contact-dark .fengi-home-contact-form-title{font-size:36px}
}
@media(max-width:767px){
    .fengi-home-contact-dark{padding:64px 16px}
    .fengi-home-contact-dark .fengi-home-contact-head{margin-bottom:44px}
    .fengi-home-contact-dark .fengi-home-contact-title{font-size:34px}
    .fengi-home-contact-dark .fengi-home-contact-desc{font-size:14px}
    .fengi-home-contact-dark .fengi-home-contact-top-cards{
        grid-template-columns:1fr;
        gap:24px;
        margin-bottom:42px;
    }
    .fengi-home-contact-dark .fengi-home-contact-main{
        flex-direction:column;
    }
    .fengi-home-contact-dark .fengi-home-contact-form-card,
    .fengi-home-contact-dark .fengi-home-contact-image-card{
        flex-basis:auto!important;
        max-width:100%!important;
        width:100%;
    }
    .fengi-home-contact-dark .fengi-home-contact-form-card{
        padding:24px 20px;
        border-radius:18px;
    }
    .fengi-home-contact-dark .fengi-home-contact-form-title{font-size:32px}
    .fengi-home-contact-dark .fengi-home-contact-form-desc{font-size:14px}
    .fengi-home-contact-dark .fengi-home-contact-image-media{height:420px}
    .fengi-home-contact-dark .fengi-home-contact-person-card{
        width:88%;
        left:50%;
        transform:translate3d(-50%, -44px, 0);
        bottom:0;
    }
}
.elementor-editor-active .fengi-home-contact-dark .fengi-home-contact-reveal,
.elementor-editor-preview .fengi-home-contact-dark .fengi-home-contact-reveal,
body.elementor-editor-active .fengi-home-contact-dark .fengi-home-contact-reveal{
    opacity:1!important;
    transform:none!important;
}


/* ==================== v6.39 Home Contact Dark Header + Image Refresh ==================== */
.fengi-home-contact-dark .fengi-home-contact-head{
    max-width:820px;
    margin:0 auto 58px;
    text-align:center;
}
.fengi-home-contact-dark .fengi-home-contact-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 16px;
    margin-bottom:18px;
    border-radius:999px;
    color:#35d8ff;
    border:1px solid rgba(53,216,255,.2);
    background:rgba(255,255,255,.05);
    box-shadow:0 16px 34px rgba(0,0,0,.16);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    font-size:13px;
    font-weight:700;
    line-height:1;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.fengi-home-contact-dark .fengi-home-contact-title{
    margin:0;
    font-size:58px;
    line-height:1.04;
    font-weight:800;
    letter-spacing:-.045em;
}
.fengi-home-contact-dark .fengi-home-contact-title-highlight{
    display:inline-block;
    margin:6px 0 0;
    padding:.08em .32em .12em;
    border-radius:22px;
    background:#1b8fff;
    color:#fff;
    box-shadow:0 18px 36px rgba(27,143,255,.28);
}
.fengi-home-contact-dark .fengi-home-contact-desc{
    margin:18px auto 0;
    max-width:680px;
}
.fengi-home-contact-dark .fengi-home-contact-top-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin-bottom:50px;
}
.fengi-home-contact-dark .fengi-home-contact-top-card{
    display:flex;
    align-items:center;
    gap:18px;
    text-align:left;
    text-decoration:none!important;
    color:inherit;
    padding:24px 22px;
    border-radius:24px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 24px 46px rgba(0,0,0,.16);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.fengi-home-contact-dark .fengi-home-contact-top-icon{
    flex:0 0 58px;
    margin-bottom:0;
}
.fengi-home-contact-dark .fengi-home-contact-top-copy{display:flex;flex-direction:column}
.fengi-home-contact-dark .fengi-home-contact-top-title{margin-bottom:8px}
.fengi-home-contact-dark .fengi-home-contact-main{align-items:stretch}
.fengi-home-contact-dark .fengi-home-contact-image-card{
    position:relative;
    overflow:hidden;
    min-height:620px;
    background:rgba(255,255,255,.04);
}
.fengi-home-contact-dark .fengi-home-contact-image-media{
    position:absolute;
    inset:0;
    height:100% !important;
}
.fengi-home-contact-dark .fengi-home-contact-image-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% var(--fengi-home-contact-image-y,50%);
}
.fengi-home-contact-dark .fengi-home-contact-image-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(2,6,30,.05), rgba(2,6,30,.18));
    pointer-events:none;
    z-index:1;
}
.fengi-home-contact-dark .fengi-home-contact-image-card::after{
    height:46%;
    background:linear-gradient(180deg,rgba(2,5,29,0),rgba(2,5,29,.52));
    z-index:1;
}
.fengi-home-contact-dark .fengi-home-contact-person-card{
    --person-x:0px;
    --person-y:-28px;
    z-index:2;
    width:284px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 20px 46px rgba(0,0,0,.18);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.fengi-home-contact-dark .fengi-home-contact-avatar{background:rgba(255,255,255,.16); color:#fff}
.fengi-home-contact-dark .fengi-home-contact-person-name{color:#fff}
.fengi-home-contact-dark .fengi-home-contact-person-role{color:rgba(235,245,255,.76)}
.fengi-home-contact-dark .fengi-home-contact-call{color:#8addff}
@media(max-width:1024px){
    .fengi-home-contact-dark .fengi-home-contact-title{font-size:46px}
}
@media(max-width:767px){
    .fengi-home-contact-dark .fengi-home-contact-head{margin-bottom:42px}
    .fengi-home-contact-dark .fengi-home-contact-eyebrow{padding:9px 14px;font-size:12px}
    .fengi-home-contact-dark .fengi-home-contact-title{font-size:34px}
    .fengi-home-contact-dark .fengi-home-contact-top-cards{grid-template-columns:1fr;gap:16px;margin-bottom:34px}
    .fengi-home-contact-dark .fengi-home-contact-top-card{padding:20px 18px;border-radius:20px}
    .fengi-home-contact-dark .fengi-home-contact-image-card{min-height:420px}
    .fengi-home-contact-dark .fengi-home-contact-image-media{height:100%!important}
    .fengi-home-contact-dark .fengi-home-contact-person-card{width:88%; transform:translate3d(-50%, -20px, 0)}
}


/* ==================== v6.40 Home Contact Header Balanced Like Sample ==================== */
.fengi-home-contact-dark .fengi-home-contact-head{
    max-width: 980px !important;
    margin: 0 auto 56px !important;
    text-align: center !important;
    position: relative;
}
.fengi-home-contact-dark .fengi-home-contact-head::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:min(860px, 92vw);
    height:260px;
    transform:translate(-50%, -50%);
    background:
        radial-gradient(circle at 50% 40%, rgba(53,216,255,.16), transparent 58%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
    border-radius:42px;
    filter:blur(.2px);
    pointer-events:none;
    z-index:-1;
}
.fengi-home-contact-dark .fengi-home-contact-eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    margin:0 0 18px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    color:#35d8ff !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}
.fengi-home-contact-dark .fengi-home-contact-eyebrow::before,
.fengi-home-contact-dark .fengi-home-contact-eyebrow::after{
    content:"✦";
    display:inline-block;
    color:#35d8ff;
    font-size:12px;
    line-height:1;
    filter:drop-shadow(0 0 10px rgba(53,216,255,.5));
}
.fengi-home-contact-dark .fengi-home-contact-title{
    max-width:960px !important;
    margin:0 auto !important;
    color:#fff !important;
    font-size:58px !important;
    line-height:1.05 !important;
    letter-spacing:-.045em !important;
    font-weight:800 !important;
    text-align:center !important;
}
.fengi-home-contact-dark .fengi-home-contact-title-highlight{
    display:inline-block !important;
    vertical-align:baseline !important;
    margin:0 .08em !important;
    padding:.02em .22em .10em !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#11b7ff 0%,#35d8ff 100%) !important;
    color:#fff !important;
    line-height:.98 !important;
    box-shadow:0 18px 38px rgba(17,183,255,.28), inset 0 1px 0 rgba(255,255,255,.28) !important;
    text-shadow:0 2px 10px rgba(0,0,0,.12);
}
.fengi-home-contact-dark .fengi-home-contact-desc{
    max-width:680px !important;
    margin:22px auto 0 !important;
    color:rgba(235,245,255,.70) !important;
    font-size:16px !important;
    line-height:1.75 !important;
    text-align:center !important;
}

/* Header responsive balance */
@media(max-width:1024px){
    .fengi-home-contact-dark .fengi-home-contact-title{
        font-size:48px !important;
        max-width:820px !important;
    }
    .fengi-home-contact-dark .fengi-home-contact-head::before{
        height:230px;
    }
}
@media(max-width:767px){
    .fengi-home-contact-dark .fengi-home-contact-head{
        margin-bottom:38px !important;
    }
    .fengi-home-contact-dark .fengi-home-contact-eyebrow{
        font-size:12px !important;
        gap:8px !important;
        margin-bottom:14px !important;
    }
    .fengi-home-contact-dark .fengi-home-contact-title{
        font-size:34px !important;
        line-height:1.08 !important;
        letter-spacing:-.035em !important;
        max-width:100% !important;
    }
    .fengi-home-contact-dark .fengi-home-contact-title-highlight{
        border-radius:13px !important;
        padding:.02em .20em .10em !important;
        margin:0 .04em !important;
    }
    .fengi-home-contact-dark .fengi-home-contact-desc{
        font-size:14px !important;
        margin-top:16px !important;
    }
    .fengi-home-contact-dark .fengi-home-contact-head::before{
        width:100%;
        height:210px;
    }
}


/* ==================== v6.41 Global smooth scroll entrance animations ==================== */
.fengi-scroll-reveal {
    opacity: 0;
    transform: translate3d(0, 42px, 0) scale(.985);
    filter: blur(8px);
    transition:
        opacity .9s cubic-bezier(.16, 1, .3, 1),
        transform .9s cubic-bezier(.16, 1, .3, 1),
        filter .9s cubic-bezier(.16, 1, .3, 1);
    transition-delay: var(--fengi-scroll-delay, 0ms);
    will-change: opacity, transform, filter;
}
.fengi-scroll-reveal.fengi-scroll-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
}
.fengi-scroll-reveal.fengi-scroll-left {
    transform: translate3d(-46px, 18px, 0) scale(.985);
}
.fengi-scroll-reveal.fengi-scroll-right {
    transform: translate3d(46px, 18px, 0) scale(.985);
}
.fengi-scroll-reveal.fengi-scroll-left.fengi-scroll-visible,
.fengi-scroll-reveal.fengi-scroll-right.fengi-scroll-visible {
    transform: translate3d(0, 0, 0) scale(1);
}
.fengi-scroll-reveal.fengi-scroll-zoom {
    transform: translate3d(0, 26px, 0) scale(.94);
}
.fengi-scroll-reveal.fengi-scroll-zoom.fengi-scroll-visible {
    transform: translate3d(0, 0, 0) scale(1);
}

.elementor-editor-active .fengi-scroll-reveal,
.elementor-editor-preview .fengi-scroll-reveal,
body.elementor-editor-active .fengi-scroll-reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

/* Footer v6.41 */
.fengi-footer-socials a:not([aria-label*="TikTok"]):not([aria-label*="YouTube"]):not([aria-label*="Facebook"]):not([aria-label*="Instagram"]) {
    display: none !important;
}
.fengi-footer-developed-by {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255,255,255,.82) !important;
    text-decoration: none !important;
    font-weight: 700;
    transition: color .25s ease, transform .25s ease;
}
.fengi-footer-developed-by:hover {
    color: #35d8ff !important;
    transform: translateY(-1px);
}


/* ==================== v6.42 Footer social + developed by fix ==================== */
.fengi-footer .fengi-footer-socials {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-top: 22px !important;
}
.fengi-footer .fengi-footer-social {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    text-decoration: none !important;
    transition: transform .25s ease, background .25s ease, border-color .25s ease, color .25s ease !important;
}
.fengi-footer .fengi-footer-social:hover {
    transform: translateY(-3px) !important;
    background: linear-gradient(135deg, var(--fengi-footer-accent, #0ea5ff), var(--fengi-footer-accent2, #21d4fd)) !important;
    border-color: rgba(255,255,255,.24) !important;
    color: #ffffff !important;
}
.fengi-footer .fengi-footer-social svg {
    width: 19px !important;
    height: 19px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}
.fengi-footer .fengi-footer-bottom-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.fengi-footer .fengi-footer-developed-by {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    color: rgba(255,255,255,.82) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    transition: color .25s ease, transform .25s ease !important;
}
.fengi-footer .fengi-footer-developed-by:hover {
    color: var(--fengi-footer-accent2, #21d4fd) !important;
    transform: translateY(-1px) !important;
}
@media (max-width: 767px) {
    .fengi-footer .fengi-footer-bottom {
        gap: 18px !important;
    }
    .fengi-footer .fengi-footer-bottom-left {
        align-items: center !important;
        text-align: center !important;
    }
    .fengi-footer .fengi-footer-socials {
        justify-content: center !important;
    }
}


/* ==================== v6.43 Footer WhatsApp social icon fix ==================== */
.fengi-footer-socials a[aria-label="WhatsApp"],
.fengi-footer .fengi-footer-social-whatsapp {
    display: inline-flex !important;
}
.fengi-footer .fengi-footer-social-whatsapp:hover {
    background: linear-gradient(135deg, #25D366, #12b857) !important;
    color: #ffffff !important;
}
.fengi-footer .fengi-footer-socials a:not([aria-label*="WhatsApp"]):not([aria-label*="TikTok"]):not([aria-label*="YouTube"]):not([aria-label*="Facebook"]):not([aria-label*="Instagram"]) {
    display: none !important;
}


/* ==================== v6.45 Footer Facebook icon visibility fix ==================== */
.fengi-footer .fengi-footer-social-facebook,
.fengi-footer .fengi-footer-socials a[aria-label="Facebook"] {
    display: inline-flex !important;
}
.fengi-footer .fengi-footer-social-facebook svg path,
.fengi-footer .fengi-footer-socials a[aria-label="Facebook"] svg path {
    fill: currentColor !important;
    stroke: none !important;
}
.fengi-footer .fengi-footer-socials a:not([aria-label*="WhatsApp"]):not([aria-label*="TikTok"]):not([aria-label*="YouTube"]):not([aria-label*="Facebook"]):not([aria-label*="Instagram"]) {
    display: none !important;
}


/* ==================== v6.46 Force footer Facebook icon visible ==================== */
.fengi-footer .fengi-footer-socials {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}
.fengi-footer .fengi-footer-social,
.fengi-footer .fengi-footer-social-facebook,
.fengi-footer .fengi-footer-socials a[aria-label="Facebook"] {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.fengi-footer .fengi-footer-social-facebook svg,
.fengi-footer .fengi-footer-socials a[aria-label="Facebook"] svg {
    display: block !important;
}
.fengi-footer .fengi-footer-social-facebook svg path,
.fengi-footer .fengi-footer-socials a[aria-label="Facebook"] svg path {
    fill: currentColor !important;
    stroke: none !important;
}