
:root{--blue:#29ABE2;--blue-dark:#0E86C8;--blue-deeper:#0a6fa8;--green:#8DC63F;--green-dark:#6fa832;--white:#fff;--gbg:#f0f8fd;--glight:#daeef8;--gtxt:#2d5f7a;--text:#1a3a4a;--sh:0 4px 24px rgba(41,171,226,.15);--shl:0 12px 48px rgba(41,171,226,.2);--r:14px;--rs:8px}
.skip-link{position:absolute;top:-100px;right:1rem;z-index:9999;background:var(--blue-dark);color:#fff;padding:.8rem 1.4rem;border-radius:0 0 8px 8px;font-weight:700;text-decoration:none;transition:top .2s}
.skip-link:focus{top:0}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Heebo',sans-serif;direction:rtl;color:var(--text);background:#fff;overflow-x:hidden}

nav{position:fixed;top:0;right:0;left:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:2px solid var(--glight);padding:0 2rem;height:68px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 16px rgba(41,171,226,.1)}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--text);text-decoration:none}
.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:900;box-shadow:0 4px 14px rgba(41,171,226,.4)}
.logo-name{color:#0a5f8a}
.nav-links{display:flex;align-items:center;gap:1.8rem;list-style:none}
.nav-links a{text-decoration:none;color:var(--text);font-weight:500;font-size:15px;transition:color .2s}
.nav-links a:hover{color:var(--blue)}
.nav-cta{background:var(--green);color:#fff;padding:10px 24px;border-radius:50px;font-weight:700;font-size:14px;text-decoration:none;transition:all .2s;box-shadow:0 4px 14px rgba(141,198,63,.4)}
.nav-cta:hover{background:var(--green-dark);transform:translateY(-1px)}

/* Hamburger */
.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:background .2s}
.hamburger:hover{background:var(--gbg)}
.hamburger span{display:block;width:24px;height:2.5px;background:var(--text);border-radius:2px;transition:all .3s}
.hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* Mobile nav drawer */
.mobile-nav{display:none;position:fixed;top:68px;right:0;left:0;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);border-bottom:2px solid var(--glight);padding:1.5rem 2rem 2rem;z-index:999;box-shadow:0 8px 32px rgba(41,171,226,.15);flex-direction:column;gap:0;transform:translateY(-10px);opacity:0;transition:all .25s}
.mobile-nav.open{display:flex;transform:translateY(0);opacity:1}
.mobile-nav a{display:block;padding:.85rem 0;font-size:16px;font-weight:600;color:var(--text);text-decoration:none;border-bottom:1px solid var(--glight);transition:color .2s}
.mobile-nav a:last-child{border-bottom:none}
.mobile-nav a:hover{color:var(--blue)}
.mobile-nav .nav-cta-mob{display:block;margin-top:1rem;text-align:center;background:var(--green);color:#fff;padding:13px;border-radius:50px;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 4px 14px rgba(141,198,63,.4)}

.hero{min-height:100vh;background:linear-gradient(145deg,var(--blue) 0%,var(--blue-dark) 55%,var(--blue-deeper) 100%);display:flex;align-items:center;padding:100px 2rem 5rem;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-120px;left:-120px;width:700px;height:700px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 65%);border-radius:50%}
.hero::after{content:'';position:absolute;bottom:-80px;right:8%;width:450px;height:450px;background:radial-gradient(circle,rgba(141,198,63,.18) 0%,transparent 65%);border-radius:50%}
.hero-inner{max-width:1100px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;position:relative;z-index:1}
.hero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:1.4rem}
.hero h1{font-size:clamp(34px,4.5vw,56px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:1.2rem}
.hero h1 span{color:var(--green)}
.hero-sub{font-size:18px;color:rgba(255,255,255,.82);line-height:1.75;margin-bottom:2.5rem}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}
.btn-hm{background:var(--green);color:#fff;padding:15px 36px;border-radius:50px;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 6px 28px rgba(141,198,63,.45);transition:all .25s}
.btn-hm:hover{background:var(--green-dark);transform:translateY(-2px)}
.btn-ho{background:rgba(255,255,255,.12);color:#fff;padding:15px 30px;border-radius:50px;font-weight:600;font-size:16px;text-decoration:none;border:2px solid rgba(255,255,255,.4);transition:all .25s}
.btn-ho:hover{background:rgba(255,255,255,.22)}
.hero-card{background:rgba(255,255,255,.12);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2.2rem}
.hero-card-lbl{font-size:12px;color:rgba(255,255,255,.6);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1.2rem}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}
.sbox{background:rgba(255,255,255,.1);border-radius:12px;padding:1.2rem;text-align:center;border:1px solid rgba(255,255,255,.1)}
.snum{font-size:34px;font-weight:900;color:#fff;line-height:1}
.snum em{color:var(--green);font-style:normal}
.slbl{font-size:12px;color:rgba(255,255,255,.55);margin-top:5px}
.hdiv{height:1px;background:rgba(255,255,255,.15);margin-bottom:1.2rem}
.htags{display:flex;flex-wrap:wrap;gap:7px}
.htag{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;padding:5px 12px;border-radius:50px;font-size:12px;font-weight:600}

.trust-bar{background:var(--blue-dark);padding:1rem 2rem}
.ti{display:flex;align-items:center;justify-content:space-around;max-width:1100px;margin:0 auto;flex-wrap:wrap;gap:1rem}
.ti-item{display:flex;align-items:center;gap:7px;font-size:14px;color:rgba(255,255,255,.9);font-weight:500}

/* CONSULTING HERO */
.ch{background:var(--gbg);padding:80px 2rem}
.ch-hdr{max-width:1100px;margin:0 auto;text-align:center;margin-bottom:3.5rem}
.stag{display:inline-block;background:var(--glight);color:#0a5f8a;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:5px 14px;border-radius:50px;margin-bottom:1rem}
.stitle{font-size:clamp(26px,3vw,40px);font-weight:800;color:var(--text);line-height:1.2;margin-bottom:.8rem}
.stitle span{color:var(--blue)}
.ssub{font-size:17px;color:var(--gtxt);line-height:1.7;max-width:600px;margin:0 auto}

/* Consulting urgency strip */
.ch-urgency{max-width:1100px;margin:0 auto 2.5rem;background:linear-gradient(135deg,#fff8e1,#fff3cd);border:2px solid #f6ad55;border-radius:12px;padding:1rem 1.8rem;display:flex;align-items:center;gap:12px;font-size:14px;color:#7d4e00;font-weight:600}
.ch-urgency span{font-size:22px}

.cc-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.cc{background:#fff;border-radius:var(--r);border:2px solid var(--glight);padding:2.2rem 2rem;transition:all .3s;position:relative;overflow:hidden}
.cc::after{content:'';position:absolute;top:0;right:0;width:4px;height:0;background:var(--blue);transition:height .35s;border-radius:0 var(--r) var(--r) 0}
.cc:hover{border-color:var(--blue);box-shadow:var(--shl);transform:translateY(-5px)}
.cc:hover::after{height:100%}
.cc.ft{background:linear-gradient(145deg,var(--blue),var(--blue-dark));border-color:var(--blue)}
.cc.ft::after{background:var(--green)}
.cc-icon{font-size:36px;margin-bottom:1rem}
.cc-badge{position:absolute;top:1.2rem;left:1.2rem;background:var(--green);color:#fff;font-size:11px;font-weight:700;padding:5px 12px;border-radius:50px;box-shadow:0 3px 10px rgba(141,198,63,.5);animation:pulse-badge 2s infinite}
@keyframes pulse-badge{0%,100%{box-shadow:0 3px 10px rgba(141,198,63,.5)}50%{box-shadow:0 3px 18px rgba(141,198,63,.85)}}
.cc-price{display:flex;align-items:baseline;gap:5px;margin-bottom:1rem}
.cc-price-num{font-size:32px;font-weight:900;color:var(--blue-dark);line-height:1}
.ft .cc-price-num{color:#fff}
.cc-price-label{font-size:13px;color:var(--gtxt);font-weight:500}
.ft .cc-price-label{color:rgba(255,255,255,.7)}
.cc-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:.5rem}
.ft .cc-title{color:#fff}
.cc-desc{font-size:14px;color:var(--gtxt);line-height:1.7;margin-bottom:1.5rem}
.ft .cc-desc{color:rgba(255,255,255,.8)}
.cc-list{list-style:none;margin-bottom:2rem}
.cc-list li{font-size:14px;color:var(--text);padding:5px 0;display:flex;align-items:flex-start;gap:8px}
.ft .cc-list li{color:#fff}
.cc-list li::before{content:'✓';color:var(--green);font-weight:900;margin-top:1px;flex-shrink:0}
.ft .cc-list li::before{color:#b5f075}
.cc-duration{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 12px;border-radius:50px;margin-bottom:1rem}
.btn-cc{display:block;width:100%;padding:13px;border-radius:50px;font-weight:700;font-size:15px;text-align:center;border:none;cursor:pointer;transition:all .2s;text-decoration:none}
.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-dark);transform:translateY(-2px)}
.btn-green{background:var(--green);color:#fff;box-shadow:0 6px 20px rgba(141,198,63,.4);font-size:16px;padding:15px}.btn-green:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 10px 30px rgba(141,198,63,.55)}
.btn-ol{background:transparent;color:var(--blue);border:2px solid var(--blue)}.btn-ol:hover{background:var(--blue);color:#fff}

/* CTA STRIP */
.cta-strip{background:linear-gradient(135deg,var(--blue-dark),var(--blue-deeper));padding:60px 2rem;text-align:center}
.cta-strip h2{font-size:36px;font-weight:900;color:#fff;margin-bottom:.8rem}
.cta-strip h2 span{color:var(--green)}
.cta-strip p{font-size:18px;color:rgba(255,255,255,.8);margin-bottom:2rem;max-width:560px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn-big{padding:16px 40px;border-radius:50px;font-weight:800;font-size:17px;text-decoration:none;transition:all .25s;display:inline-block}
.btn-big-g{background:var(--green);color:#fff;box-shadow:0 8px 28px rgba(141,198,63,.45)}.btn-big-g:hover{background:var(--green-dark);transform:translateY(-2px)}
.btn-big-w{background:#fff;color:var(--blue-dark)}.btn-big-w:hover{background:var(--gbg)}

/* BANNERS */
.banners{background:var(--gbg);padding:80px 2rem}
.ban-inner{max-width:1100px;margin:0 auto}
.ban-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem}
.ifban{border-radius:20px;overflow:hidden;position:relative;cursor:pointer;transition:all .3s;text-decoration:none;display:block}
.ifban:hover{transform:translateY(-5px);box-shadow:var(--shl)}
.ban-academy{background:linear-gradient(145deg,var(--blue),var(--blue-dark));padding:2.5rem;min-height:270px;display:flex;flex-direction:column;justify-content:space-between}
.ban-software{background:linear-gradient(145deg,#1a4a2e,#0d3020);padding:2.5rem;min-height:270px;display:flex;flex-direction:column;justify-content:space-between}
.ban-glow-b{content:'';position:absolute;bottom:-60px;left:-60px;width:250px;height:250px;background:radial-gradient(circle,rgba(141,198,63,.2) 0%,transparent 70%);border-radius:50%}
.ban-glow-g{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(141,198,63,.15) 0%,transparent 70%);border-radius:50%}
.ban-top{position:relative;z-index:1}
.ban-lrow{display:flex;align-items:center;gap:10px;margin-bottom:.8rem}
.ban-licon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12)}
.ban-academy .ban-licon{background:rgba(255,255,255,.12)}
.ban-software .ban-licon{background:rgba(141,198,63,.15);border-color:rgba(141,198,63,.3)}
.ban-lname{font-size:17px;font-weight:900;color:#fff}
.ban-lname span{color:var(--green)}
.ban-ey{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.6);margin-bottom:.5rem}
.ban-software .ban-ey{color:rgba(141,198,63,.8)}
.ban-title{font-size:24px;font-weight:900;color:#fff;line-height:1.25;margin-bottom:.6rem}
.ban-sub{font-size:14px;color:rgba(255,255,255,.78);line-height:1.6}
.ban-bot{position:relative;z-index:1}
.ban-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.2rem;margin-top:1.2rem}
.ban-tag{background:rgba(255,255,255,.12);color:#fff;font-size:12px;padding:4px 10px;border-radius:50px;font-weight:600}
.ban-software .ban-tag{background:rgba(141,198,63,.15);border:1px solid rgba(141,198,63,.3);color:var(--green)}
.ban-btn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:11px 24px;border-radius:50px;font-weight:700;font-size:14px;transition:all .2s;box-shadow:0 4px 16px rgba(141,198,63,.4)}
.ifban:hover .ban-btn{background:var(--green-dark)}

/* SERVICES */
.svcs{background:#fff;padding:80px 2rem}
.svcs-inner{max-width:1100px;margin:0 auto}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.svc{border:2px solid var(--glight);border-radius:var(--r);padding:2rem 1.8rem;transition:all .3s}
.svc:hover{border-color:var(--blue);box-shadow:var(--sh);transform:translateY(-4px)}
.svc-ico{width:52px;height:52px;background:var(--gbg);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:1.2rem}
.svc:hover .svc-ico{background:var(--glight)}
.svc-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:.5rem}
.svc-desc{font-size:14px;color:var(--gtxt);line-height:1.7;margin-bottom:1rem}
.svc-ul{list-style:none}
.svc-ul li{font-size:13px;color:var(--text);padding:3px 0;display:flex;align-items:center;gap:7px}
.svc-ul li::before{content:'✓';color:var(--green);font-weight:800;font-size:12px}

/* ABOUT */
.about{background:#fff;padding:80px 2rem}
.about-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;align-items:center}
.about-card{background:linear-gradient(145deg,var(--blue),var(--blue-dark));border-radius:20px;padding:2.8rem 2.5rem;position:relative;overflow:hidden}
.about-card::after{content:'';position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(141,198,63,.15) 0%,transparent 70%);border-radius:50%}
.an{font-size:30px;font-weight:900;color:#fff;margin-bottom:5px;position:relative;z-index:1}
.abadge{display:inline-block;background:rgba(141,198,63,.2);border:1px solid rgba(141,198,63,.4);color:var(--green);padding:5px 14px;border-radius:50px;font-size:13px;font-weight:600;margin-bottom:1.8rem;position:relative;z-index:1}
.acred{display:flex;align-items:flex-start;gap:12px;margin-bottom:1.2rem;position:relative;z-index:1}
.aci{width:38px;height:38px;min-width:38px;background:rgba(255,255,255,.12);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px}
.act1{font-size:14px;font-weight:600;color:#fff}
.act2{font-size:12px;color:rgba(255,255,255,.5);margin-top:2px}
.about-txt p{font-size:16px;color:var(--gtxt);line-height:1.8;margin-bottom:1.2rem}
.aq{background:var(--gbg);border-radius:var(--r);padding:1.5rem;border-right:4px solid var(--blue);margin-top:1.5rem}
.aq p{margin:0;font-size:15px;font-weight:500;color:var(--text);font-style:italic}

/* CALCULATOR */
.calcs{background:var(--gbg);padding:80px 2rem}
.calci{max-width:1100px;margin:0 auto}
.calc-box{background:#fff;border-radius:20px;padding:3rem;border:2px solid var(--glight);box-shadow:var(--shl)}
.calc-g{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.fg{margin-bottom:1.4rem}
.fl{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px;display:block}
.fc{width:100%;padding:12px 14px;border-radius:var(--rs);border:2px solid var(--glight);font-family:'Heebo',sans-serif;font-size:15px;color:var(--text);background:var(--gbg);direction:rtl;transition:border-color .2s;outline:none}
.fc:focus{border-color:var(--blue);background:#fff}
.rrow2{display:flex;align-items:center;gap:1rem}
.rrow2 input{flex:1;accent-color:var(--blue)}
.rpill{background:var(--blue);color:#fff;padding:4px 12px;border-radius:50px;font-weight:700;font-size:14px;white-space:nowrap}
.cbtn{width:100%;padding:14px;border-radius:50px;margin-top:.5rem;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-weight:700;font-size:16px;border:none;cursor:pointer;transition:all .25s;box-shadow:0 6px 22px rgba(41,171,226,.4)}
.cbtn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(41,171,226,.5)}
.crt{font-size:16px;font-weight:700;color:var(--text);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--glight)}
.rr{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--glight);font-size:14px}
.rl{color:var(--gtxt);font-weight:500}
.rv{font-weight:700;color:var(--text);font-size:15px}
.rv.g{color:#2e9e4f}.rv.r{color:#c53030}
.rtot{background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:var(--r);padding:1.5rem;margin-top:1.5rem;text-align:center}
.rtl{font-size:13px;color:rgba(255,255,255,.65);margin-bottom:5px}
.rta{font-size:38px;font-weight:900;color:#fff}
.rtm{font-size:13px;color:rgba(255,255,255,.65);margin-top:4px}
.cn{font-size:12px;color:var(--gtxt);text-align:center;margin-top:1rem;line-height:1.6}
.cn a{color:var(--blue)}

/* TESTIMONIALS */
.testi{background:#fff;padding:80px 2rem}
.testi-in{max-width:1100px;margin:0 auto}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.tc{background:var(--gbg);border-radius:var(--r);border:2px solid var(--glight);padding:2rem;transition:all .3s}
.tc:hover{box-shadow:var(--sh);border-color:var(--blue)}
.tc-stars{color:#f6ad55;font-size:18px;margin-bottom:1rem;letter-spacing:2px}
.tc-txt{font-size:15px;color:var(--text);line-height:1.7;margin-bottom:1.5rem;font-style:italic}
.tc-auth{display:flex;align-items:center;gap:10px}
.tc-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--green));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}
.tc-name{font-size:14px;font-weight:700;color:var(--text)}
.tc-role{font-size:12px;color:var(--gtxt)}

/* FAQ */
.faq{background:var(--gbg);padding:80px 2rem}
.faq-in{max-width:1100px;margin:0 auto}
.faq-g{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.fi{background:#fff;border-radius:var(--r);border:2px solid var(--glight);overflow:hidden;cursor:pointer}
.fq{padding:1.2rem 1.5rem;font-size:15px;font-weight:600;color:var(--text);display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .2s}
.fq:hover{background:var(--gbg)}
.fp{color:var(--blue);font-size:22px;transition:transform .3s;font-style:normal;line-height:1}
.fi.open .fp{transform:rotate(45deg)}
.fa{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 1.5rem;font-size:14px;color:var(--gtxt);line-height:1.75}
.fi.open .fa{max-height:220px;padding-bottom:1.2rem}

/* CONTACT */
.contact{background:linear-gradient(145deg,var(--blue),var(--blue-dark) 60%,var(--blue-deeper));padding:80px 2rem}
.cont-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.cont-info h2{font-size:38px;font-weight:900;color:#fff;margin-bottom:1rem}
.cont-info h2 span{color:var(--green)}
.cont-info>p{font-size:16px;color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:2rem}
.cd-list{display:flex;flex-direction:column;gap:1rem}
.cd{display:flex;align-items:center;gap:12px;font-size:15px;color:rgba(255,255,255,.85)}
.cdi{width:40px;height:40px;min-width:40px;background:rgba(255,255,255,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}
.cf{background:#fff;border-radius:20px;padding:2.5rem}
.cft{font-size:20px;font-weight:800;color:var(--text);margin-bottom:1.5rem}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.cf-full{grid-column:1/-1}
.cfi,.cfs,.cfta{width:100%;padding:12px 14px;border-radius:var(--rs);border:2px solid var(--glight);font-family:'Heebo',sans-serif;font-size:14px;color:var(--text);background:var(--gbg);direction:rtl;transition:border-color .2s;outline:none}
.cfi:focus,.cfs:focus,.cfta:focus{border-color:var(--blue);background:#fff}
.cfta{min-height:90px;resize:vertical}
.cfsub{width:100%;padding:14px;border-radius:50px;background:var(--green);color:#fff;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .25s;box-shadow:0 6px 20px rgba(141,198,63,.4);margin-top:.5rem}
.cfsub:hover{background:var(--green-dark);transform:translateY(-1px)}

footer{background:#0a2535;padding:1.8rem 2rem;text-align:center;color:rgba(255,255,255,.4);font-size:13px}
footer a{color:var(--blue);text-decoration:none}

.mo{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.mo.active{opacity:1;pointer-events:all}
.mb{background:#fff;border-radius:20px;padding:3rem 2.5rem;max-width:420px;width:90%;text-align:center;transform:scale(.9);transition:transform .3s}
.mo.active .mb{transform:scale(1)}
.mi{font-size:58px;margin-bottom:1rem}
.mt2{font-size:24px;font-weight:800;color:var(--text);margin-bottom:.5rem}
.ms{font-size:15px;color:var(--gtxt);line-height:1.6;margin-bottom:2rem}
.mc{background:var(--green);color:#fff;border:none;border-radius:50px;padding:12px 32px;font-weight:700;font-size:15px;cursor:pointer}

/* BOOKING MODAL */
.bmo{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;padding:1rem}
.bmo.active{opacity:1;pointer-events:all}
.bmb{background:#fff;border-radius:22px;width:100%;max-width:860px;max-height:90vh;overflow-y:auto;transform:scale(.94);transition:transform .3s}
.bmo.active .bmb{transform:scale(1)}
.bm-top{background:linear-gradient(135deg,var(--blue),var(--blue-dark));padding:1.6rem 2rem;border-radius:22px 22px 0 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.bm-top h2{font-size:20px;font-weight:900;color:#fff;margin-bottom:3px}
.bm-top p{font-size:13px;color:rgba(255,255,255,.75)}
.bm-meta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.6rem}
.bm-meta span{background:rgba(255,255,255,.15);border-radius:50px;padding:4px 12px;font-size:12px;font-weight:600;color:#fff}
.bm-close{width:36px;height:36px;min-width:36px;background:rgba(255,255,255,.15);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.bm-close:hover{background:rgba(255,255,255,.3)}
.bm-steps{display:flex;align-items:center;gap:.4rem;padding:.9rem 2rem;border-bottom:2px solid var(--glight);background:var(--gbg)}
.bm-step{display:flex;align-items:center;gap:.4rem;font-size:12px;font-weight:600;color:var(--gtxt)}
.bm-step.active{color:var(--blue)}.bm-step.done{color:var(--green)}
.bm-step-num{width:22px;height:22px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0}
.bm-step.done .bm-step-num{background:var(--green);border-color:var(--green);color:#fff}
.bm-step.active .bm-step-num{background:var(--blue);border-color:var(--blue);color:#fff}
.bm-sep{flex:1;height:2px;background:var(--glight);border-radius:2px;max-width:40px}
.bm-sep.done{background:var(--green)}
.bm-body{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;padding:1.5rem 2rem 2rem}
.bm-cal-box{border:2px solid var(--glight);border-radius:16px;overflow:hidden}
.bm-cal-header{padding:1rem 1.4rem;border-bottom:2px solid var(--glight);display:flex;align-items:center;justify-content:space-between;background:var(--gbg)}
.bm-cal-month{font-size:15px;font-weight:800;color:var(--text)}
.bm-cal-nav{display:flex;gap:.4rem}
.bm-cal-nav button{width:30px;height:30px;border:2px solid var(--glight);border-radius:7px;background:#fff;cursor:pointer;font-size:14px;color:var(--gtxt);transition:all .2s}
.bm-cal-nav button:hover{border-color:var(--blue);color:var(--blue)}
.bm-cal-grid{padding:1rem}
.bm-cal-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:.4rem}
.bm-cal-days span{font-size:11px;font-weight:700;color:var(--gtxt);padding:3px}
.bm-cal-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.bm-cal-dates button{aspect-ratio:1;border:none;border-radius:7px;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);transition:all .2s}
.bm-cal-dates button.bav:hover{background:var(--glight);color:var(--blue-dark)}
.bm-cal-dates button.bsel{background:var(--blue);color:#fff;font-weight:800}
.bm-cal-dates button.btoday{border:2px solid var(--blue);color:var(--blue);font-weight:700}
.bm-cal-dates button.bpast,.bm-cal-dates button:disabled{color:#ddd;cursor:default}
.bm-slots{border:2px solid var(--glight);border-radius:16px;padding:1rem 1.2rem;margin-top:1rem}
.bm-slots-title{font-size:13px;font-weight:800;color:var(--text);margin-bottom:.8rem}
.bm-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.bsl{padding:8px 4px;border:2px solid var(--glight);border-radius:8px;text-align:center;font-size:12px;font-weight:700;color:var(--gtxt);cursor:pointer;transition:all .2s}
.bsl:hover{border-color:var(--blue);color:var(--blue)}.bsl.bslsel{background:var(--blue);border-color:var(--blue);color:#fff}
.bsl.bsltaken{background:var(--gbg);color:#ccc;cursor:default;text-decoration:line-through;border-color:transparent}
.bm-form-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:1rem;padding-bottom:.8rem;border-bottom:2px solid var(--glight)}
.bm-field{margin-bottom:.9rem}
.bm-field label{font-size:12px;font-weight:700;color:var(--text);display:block;margin-bottom:4px}
.bm-field input,.bm-field select{width:100%;padding:10px 12px;border:2px solid var(--glight);border-radius:9px;font-family:'Heebo',sans-serif;font-size:13px;color:var(--text);background:var(--gbg);direction:rtl;outline:none;transition:border-color .2s}
.bm-field input:focus,.bm-field select:focus{border-color:var(--blue);background:#fff}
.bm-order{background:linear-gradient(145deg,var(--blue),var(--blue-dark));border-radius:14px;padding:1.2rem;margin-top:1rem}
.bm-order-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.bm-order-row:last-of-type{border:none}
.bm-order-lbl{color:rgba(255,255,255,.7)}.bm-order-val{font-weight:700;color:#fff}
.bm-sel-dt{background:rgba(255,255,255,.15);border-radius:9px;padding:.6rem .9rem;margin-bottom:.8rem;font-size:12px;color:#fff;font-weight:600;display:none}
.bm-sel-dt.show{display:block}
.bm-total{text-align:center;padding:.6rem;margin-top:.4rem}
.bm-total-amt{font-size:28px;font-weight:900;color:#fff}
.bm-total-vat{font-size:11px;color:rgba(255,255,255,.6);margin-top:2px}
.bm-pay-btn{width:100%;padding:13px;border-radius:50px;background:var(--green);color:#fff;font-weight:800;font-size:15px;border:none;cursor:pointer;transition:all .25s;box-shadow:0 6px 20px rgba(141,198,63,.4);margin-top:.8rem}
.bm-pay-btn:hover{background:var(--green-dark);transform:translateY(-2px)}
.bm-pay-btn:disabled{background:#bbb;cursor:default;transform:none;box-shadow:none}
.bm-pay-note{font-size:10px;color:rgba(255,255,255,.6);text-align:center;margin-top:.5rem}
@media(max-width:680px){.bm-body{grid-template-columns:1fr}.bm-slots-grid{grid-template-columns:repeat(4,1fr)}}

@keyframes fu{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.fu{animation:fu .7s ease forwards}
.d1{animation-delay:.1s}.d2{animation-delay:.22s}.d3{animation-delay:.34s}

@media(max-width:900px){
  .hero-inner,.about-in,.cont-in{grid-template-columns:1fr;gap:2.5rem}
  .svc-grid,.tg,.cc-grid{grid-template-columns:1fr!important}
  .faq-g,.ban-grid,.calc-g,.cf-row{grid-template-columns:1fr}
  .nav-links{display:none}
  .hamburger{display:flex}
  .hero{padding-top:88px}
}

@media(max-width:600px){
  /* Hero */
  .hero{padding:88px 1.2rem 3rem}
  .hero h1{font-size:clamp(28px,8vw,40px)}
  .hero-sub{font-size:15px}
  .hero-btns{flex-direction:column;gap:.8rem}
  .hero-btns a{text-align:center}
  .stat-grid{grid-template-columns:1fr 1fr}

  /* General spacing */
  section{padding:50px 1.2rem}
  .ch-urgency{font-size:13px;padding:.8rem 1rem}

  /* Consulting cards */
  .cc{padding:1.4rem}
  .cc-title{font-size:16px}

  /* CTA strip */
  .cta-strip{padding:40px 1.2rem}
  .cta-strip h2{font-size:24px}
  .cta-strip p{font-size:15px}
  .cta-btns{flex-direction:column;align-items:stretch;gap:.8rem}
  .cta-btns a{text-align:center}

  /* FAQ */
  .fq{font-size:14px;padding:1rem}
  .fa{font-size:13px}

  /* Contact */
  .cont-wa-grid{grid-template-columns:1fr!important}

  /* About */
  .about-card{padding:1.5rem}

  /* Booking pages */
  .bk-wrap{grid-template-columns:1fr!important}
  .bk-cal-dates button{font-size:12px}
  .bk-slots-grid{grid-template-columns:repeat(3,1fr)}

  /* Premium services strip */
  #premium-services-section .ch-hdr h2{font-size:28px}

  /* Fix banners (iFreelance, KEEP) - stack on mobile */
  .ban-inner a > div[style*="display:flex"],
  .ban-inner div > div[style*="display:flex"]{
    flex-direction:column !important;
    gap:1.5rem !important;
    padding:2rem 1.4rem !important;
  }
  .ban-inner [style*="min-width:200px"]{
    min-width:unset !important;
    width:100% !important;
    text-align:center;
  }
  .ban-inner [style*="font-size:28px;font-weight:900"]{font-size:20px !important}
  .ban-inner [style*="font-size:22px;font-weight:900"]{font-size:18px !important}

  /* Premium services strip — stack layout */
  #premium-services-section [style*="grid-template-columns:1fr auto"],
  #premium-services-section [style*="display:grid"]{
    grid-template-columns:1fr !important;
    gap:1.5rem !important;
    padding:2rem 1.4rem !important;
  }
  #premium-services-section [style*="display:flex;align-items:center;gap:2rem"]{
    flex-direction:column !important;
    gap:1rem !important;
    padding:1.8rem 1.4rem !important;
  }
  #premium-services-section [style*="flex-shrink:0"]{flex-shrink:1 !important}
  #premium-services-section [style*="font-size:19px"]{font-size:16px !important}
  #premium-services-section [style*="font-size:clamp(20px"]{font-size:18px !important}
  #premium-services-section [style*="min-width:200px"]{min-width:unset !important;width:100% !important;text-align:center}

  /* Tools section (iFreelance + KEEP banners) */
  #tools-section [style*="display:flex"][style*="justify-content:space-between"]{
    flex-direction:column !important;
    padding:1.8rem 1.2rem !important;
    gap:1.5rem !important;
  }
  #tools-section [style*="min-width:min(200px"]{
    width:100% !important;
    min-width:unset !important;
  }
  #tools-section [style*="font-size:28px;font-weight:900"]{font-size:20px !important;line-height:1.3 !important}
  #tools-section [style*="max-width:520px"]{max-width:100% !important}

  /* Three options section */
  #three-options-section [style*="display:grid;grid-template-columns:repeat(3,1fr)"]{
    grid-template-columns:1fr !important;
  }
  #three-options-section{padding:50px 1.2rem !important}

  /* Premium services banners */
  #premium-services-section [style*="padding:2.8rem 3rem"]{
    padding:1.8rem 1.2rem !important;
    grid-template-columns:1fr !important;
  }
  #premium-services-section [style*="padding:2.5rem 2.5rem"]{
    padding:1.8rem 1.2rem !important;
    flex-direction:column !important;
  }
  #premium-services-section [style*="min-width:180px"],
  #premium-services-section [style*="min-width:200px"]{
    width:100% !important;
    min-width:unset !important;
    text-align:center;
  }

  /* Comparison table — horizontal scroll */
  #page-compare [style*="grid-template-columns:1.4fr repeat"]{
    display:block !important;
    overflow-x:auto !important;
    white-space:nowrap;
  }

  /* Premium / startup detail pages */
  #page-premium [style*="grid-template-columns"],
  #page-svc-startup-package [style*="grid-template-columns"]{grid-template-columns:1fr!important}

  /* Booking steps */
  .steps,.bk-steps{gap:.3rem;overflow-x:auto;padding:.8rem 1rem}
  .step span,.bk-step span{display:none}
  .step-num,.bk-step-num{font-size:11px}

  /* Nav height */
  nav{height:60px;padding:0 1.2rem}
  .mobile-nav{top:60px}
  .logo-name{font-size:16px}
  .logo-icon{width:38px;height:38px;font-size:17px}
}

/* ========== DESIGN IMPROVEMENTS ========== */

/* Hero - animated gradient + texture */
.hero {
  background: linear-gradient(145deg, #0a2a6e 0%, var(--blue-dark) 40%, var(--blue) 75%, #1a9fcc 100%) !important;
  background-size: 200% 200% !important;
  animation: heroGradient 8s ease infinite;
  position: relative;
}
@keyframes heroGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 70% 50%, rgba(255,255,255,.06) 0%, transparent 60%),
              radial-gradient(ellipse at 20% 80%, rgba(141,198,63,.08) 0%, transparent 50%);
  pointer-events: none;
}

/* Hero h1 - bigger and animated */
.hero h1 {
  font-size: clamp(36px, 5vw, 64px) !important;
  line-height: 1.08 !important;
  letter-spacing: -1px;
  animation: fadeSlideUp .8s ease both;
  animation-delay: .1s;
}
.hero h1 span {
  display: block;
  font-size: clamp(28px, 3.5vw, 46px) !important;
  font-weight: 800;
}
.hero-sub {
  animation: fadeSlideUp .8s ease both;
  animation-delay: .25s;
}
@keyframes fadeSlideUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Nav - enhanced logo */
.nav-logo .logo-icon {
  width: 42px !important;
  height: 42px !important;
  font-size: 18px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(41,171,226,.35);
  transition: transform .2s;
}
.nav-logo:hover .logo-icon {
  transform: scale(1.08);
}
.logo-name {
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: -.3px;
}

/* Consulting cards - enhanced */
.cc-card {
  transition: transform .25s, box-shadow .25s !important;
  border-radius: 18px !important;
}
.cc-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 50px rgba(41,171,226,.18) !important;
}
.cc-card.cc-feat {
  background: linear-gradient(145deg, #6db830, #5a9a28) !important;
}

/* Service cards - enhanced */
.svc {
  transition: transform .25s, box-shadow .25s, border-color .25s !important;
  border-radius: 18px !important;
}
.svc:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 24px 60px rgba(41,171,226,.16) !important;
  border-color: var(--blue) !important;
}
.svc-icon {
  font-size: 38px !important;
  margin-bottom: 1rem !important;
  transition: transform .3s;
}
.svc:hover .svc-icon {
  transform: scale(1.15) rotate(-3deg);
}

/* About card - photo placeholder */
.about-card {
  background: linear-gradient(145deg, #0a2a6e, var(--blue)) !important;
  box-shadow: 0 30px 80px rgba(10,42,110,.3) !important;
}
.about-photo-placeholder {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.08));
  border: 3px solid rgba(255,255,255,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  margin: 0 auto 1.5rem;
  box-shadow: 0 12px 40px rgba(0,0,0,.2);
}
.about-photo-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.an {
  font-size: clamp(26px, 3vw, 36px) !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  margin-bottom: .3rem !important;
}

/* CTA buttons - enhanced */
.btn-big-g, .btn-cta-g {
  box-shadow: 0 8px 28px rgba(141,198,63,.45) !important;
  transition: transform .2s, box-shadow .2s !important;
}
.btn-big-g:hover, .btn-cta-g:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 40px rgba(141,198,63,.6) !important;
}

/* Acred items - improved */
.acred {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important;
  padding: .9rem 1.1rem !important;
  transition: background .2s;
}
.acred:hover {
  background: rgba(255,255,255,.13) !important;
}

/* Hero cards - enhanced */
.fu.d2 a {
  transition: transform .2s, box-shadow .2s, background .2s !important;
}
.fu.d2 a:hover {
  transform: translateX(-4px) !important;
  background: rgba(255,255,255,.2) !important;
}

/* Startup package card enhanced */
a[href="#page-svc-startup-package"] {
  position: relative;
}
a[href="#page-svc-startup-package"]:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 60px rgba(141,198,63,.5) !important;
  border-color: rgba(141,198,63,.8) !important;
}
a[href="#page-svc-startup-package"] .pkg-badge {
  animation: pulseBadge 2s ease-in-out infinite;
}
@keyframes pulseBadge {
  0%, 100% { box-shadow: 0 0 0 0 rgba(141,198,63,.5); }
  50% { box-shadow: 0 0 0 8px rgba(141,198,63,0); }
}

/* ========== END IMPROVEMENTS ========== */
@keyframes pkgGlow {
  0%,100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Enhanced ticker bar */
.ti-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  padding: 8px 18px !important;
  border-radius: 50px !important;
  transition: background .2s !important;
  white-space: nowrap !important;
}
.ti-item:hover {
  background: rgba(255,255,255,.2) !important;
}


.page { display: none !important; }
.page.active { display: block !important; }

:root{--blue:#29ABE2;--blue-dark:#0E86C8;--blue-deeper:#0a6fa8;--green:#8DC63F;--green-dark:#6fa832;--white:#fff;--gbg:#f0f8fd;--glight:#daeef8;--gtxt:#2d5f7a;--text:#1a3a4a;--r:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Heebo',sans-serif;direction:rtl;color:var(--text);background:var(--gbg);min-height:100vh}

/* NAV */
nav{background:#fff;border-bottom:2px solid var(--glight);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px rgba(41,171,226,.08)}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--text);text-decoration:none}
.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:900}
.back-btn{display:flex;align-items:center;gap:6px;color:var(--gtxt);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}
.back-btn:hover{color:var(--blue)}

/* HERO STRIP */
.booking-hero{background:linear-gradient(135deg,var(--blue),var(--blue-dark));padding:2.5rem 2rem;text-align:center;color:#fff}
.booking-hero .tag{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);padding:5px 16px;border-radius:50px;font-size:12px;font-weight:700;margin-bottom:.8rem}
.booking-hero h1{font-size:clamp(22px,3vw,32px);font-weight:900;margin-bottom:.4rem}
.booking-hero p{font-size:15px;color:rgba(255,255,255,.8)}
.booking-hero .meta{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}
.booking-hero .meta span{background:rgba(255,255,255,.15);border-radius:50px;padding:5px 14px;font-size:13px;font-weight:600}

/* MAIN LAYOUT */
.booking-wrap{max-width:900px;margin:2.5rem auto;padding:0 1.5rem 4rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}

/* CALENDAR */
.cal-box{background:#fff;border-radius:20px;border:2px solid var(--glight);overflow:hidden;box-shadow:0 4px 24px rgba(41,171,226,.1)}
.cal-header{padding:1.4rem 1.8rem;border-bottom:2px solid var(--glight);display:flex;align-items:center;justify-content:space-between}
.cal-month{font-size:17px;font-weight:800;color:var(--text)}
.cal-nav{display:flex;gap:.5rem}
.cal-nav button{width:34px;height:34px;border:2px solid var(--glight);border-radius:8px;background:#fff;cursor:pointer;font-size:16px;color:var(--gtxt);transition:all .2s;display:flex;align-items:center;justify-content:center}
.cal-nav button:hover{border-color:var(--blue);color:var(--blue)}
.cal-grid{padding:1.2rem 1.4rem}
.cal-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:.5rem}
.cal-days span{font-size:12px;font-weight:700;color:var(--gtxt);padding:4px}
.cal-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cal-dates button{aspect-ratio:1;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text);transition:all .2s;display:flex;align-items:center;justify-content:center}
.cal-dates button:disabled{color:#ccc;cursor:default}
.cal-dates button.available:hover{background:var(--glight);color:var(--blue-dark)}
.cal-dates button.selected{background:var(--blue);color:#fff;font-weight:800}
.cal-dates button.today{border:2px solid var(--blue);color:var(--blue);font-weight:700}
.cal-dates button.past{color:#ccc;cursor:default}

/* TIME SLOTS */
.slots-box{background:#fff;border-radius:20px;border:2px solid var(--glight);padding:1.4rem 1.8rem;margin-top:1.2rem;box-shadow:0 4px 24px rgba(41,171,226,.1)}
.slots-title{font-size:15px;font-weight:800;color:var(--text);margin-bottom:1rem}
.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.slot{padding:9px 6px;border:2px solid var(--glight);border-radius:10px;text-align:center;font-size:13px;font-weight:700;color:var(--gtxt);cursor:pointer;transition:all .2s}
.slot:hover{border-color:var(--blue);color:var(--blue);background:var(--gbg)}
.slot.selected{background:var(--blue);border-color:var(--blue);color:#fff}
.slot.taken{background:var(--gbg);color:#ccc;cursor:default;text-decoration:line-through;border-color:transparent}
.no-date{text-align:center;padding:1.5rem;color:var(--gtxt);font-size:14px}

/* SUMMARY + FORM */
.summary-box{display:flex;flex-direction:column;gap:1.2rem}
.info-card{background:#fff;border-radius:20px;border:2px solid var(--glight);padding:1.6rem;box-shadow:0 4px 24px rgba(41,171,226,.1)}
.info-card h3{font-size:15px;font-weight:800;color:var(--text);margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:2px solid var(--glight)}
.form-field{margin-bottom:1rem}
.form-field label{font-size:13px;font-weight:700;color:var(--text);display:block;margin-bottom:5px}
.form-field input,.form-field select{width:100%;padding:11px 13px;border:2px solid var(--glight);border-radius:10px;font-family:'Heebo',sans-serif;font-size:14px;color:var(--text);background:var(--gbg);direction:rtl;outline:none;transition:border-color .2s}
.form-field input:focus,.form-field select:focus{border-color:var(--blue);background:#fff}

/* ORDER SUMMARY */
.order-card{background:linear-gradient(145deg,var(--blue),var(--blue-dark));border-radius:20px;padding:1.6rem;color:#fff}
.order-card h3{font-size:15px;font-weight:800;margin-bottom:1.2rem;opacity:.85}
.order-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.15)}
.order-row:last-of-type{border-bottom:none}
.order-label{color:rgba(255,255,255,.75)}
.order-val{font-weight:700;color:#fff}
.order-total{background:rgba(255,255,255,.15);border-radius:12px;padding:1rem;margin-top:1rem;text-align:center}
.order-total .amount{font-size:34px;font-weight:900;color:#fff}
.order-total .vat{font-size:11px;color:rgba(255,255,255,.6);margin-top:3px}

.selected-datetime{background:rgba(255,255,255,.15);border-radius:10px;padding:.8rem 1rem;margin-bottom:1rem;font-size:13px;color:#fff;font-weight:600;display:none}
.selected-datetime.show{display:block}

/* PAY BUTTON */
.pay-btn{width:100%;padding:16px;border-radius:50px;background:var(--green);color:#fff;font-weight:800;font-size:17px;border:none;cursor:pointer;transition:all .25s;box-shadow:0 6px 22px rgba(141,198,63,.45);margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:8px}
.pay-btn:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 10px 32px rgba(141,198,63,.55)}
.pay-btn:disabled{background:#aaa;cursor:default;transform:none;box-shadow:none}
.pay-note{font-size:11px;color:rgba(255,255,255,.7);text-align:center;margin-top:.7rem}

/* STEPS INDICATOR */
.steps{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 2rem 0;max-width:900px;margin:0 auto}
.step{display:flex;align-items:center;gap:.4rem;font-size:13px;font-weight:600;color:var(--gtxt)}
.step.active{color:var(--blue)}
.step.done{color:var(--green)}
.step-num{width:26px;height:26px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}
.step.done .step-num{background:var(--green);border-color:var(--green);color:#fff}
.step.active .step-num{background:var(--blue);border-color:var(--blue);color:#fff}
.step-sep{flex:1;height:2px;background:var(--glight);border-radius:2px;max-width:60px}
.step-sep.done{background:var(--green)}

@media(max-width:700px){.booking-wrap{grid-template-columns:1fr}.slots-grid{grid-template-columns:repeat(4,1fr)}}

/* Accessibility base */
:focus { outline: 3px solid var(--blue) !important; outline-offset: 2px !important; }
:focus:not(:focus-visible) { outline: none !important; }
:focus-visible { outline: 3px solid var(--blue) !important; }

/* High contrast mode */
body.high-contrast nav,
body.high-contrast main,
body.high-contrast footer,
body.high-contrast .page,
body.high-contrast .mo,
body.high-contrast .bmo,
body.high-contrast #a11y-widget {
  filter: contrast(1.5) !important;
}
body.high-contrast * { border-color: #000 !important; }

/* Large text mode */
body.large-text { font-size: 150% !important; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* Screen reader only */
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }

/* Accessibility widget */
#a11y-widget { position:fixed;bottom:80px;left:20px;z-index:100001 }
#a11y-btn { width:52px;height:52px;background:var(--blue);color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;box-shadow:0 4px 16px rgba(41,171,226,.4);display:flex;align-items:center;justify-content:center;transition:all .2s }
#a11y-btn:hover { transform:scale(1.1); }
/* Keep a11y widget above cookie banner on mobile */
#ck:not([style*="none"]) ~ * #a11y-widget,
body:has(#ck:not([style*="display: none"])) #a11y-widget { bottom:140px }
#a11y-panel { display:none;position:absolute;bottom:60px;left:0;background:#fff;border-radius:16px;border:2px solid var(--glight);padding:1.2rem;min-width:220px;box-shadow:0 8px 32px rgba(0,0,0,.15) }
#a11y-panel.open { display:block }
#a11y-panel h3 { font-size:14px;font-weight:800;color:var(--text);margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid var(--glight) }
.a11y-option { display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--glight);font-size:13px;color:var(--text) }
.a11y-option:last-child { border-bottom:none }
.a11y-toggle { position:relative;width:40px;height:22px;background:#ddd;border-radius:11px;border:none;cursor:pointer;transition:background .2s;flex-shrink:0 }
.a11y-toggle::after { content:'';position:absolute;top:3px;right:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s }
.a11y-toggle.on { background:var(--green) }
.a11y-toggle.on::after { transform:translateX(-18px) }

#privacy:target{display:block!important}

/* When booking-choose is targeted, hide main site content */
body:has(#booking-choose:target) main,
body:has(#booking-choose:target) nav { display: none; }
body:has(#booking-choose:target) #booking-choose { display: block !important; }
body:has(#detail-long1:target) #booking-choose { display: none !important; }
body:has(#detail-long2:target) #booking-choose { display: none !important; }
body:has(#detail-short:target) #booking-choose { display: none !important; }
body:has(#detail-long1:target) nav { display: flex !important; }
body:has(#detail-long2:target) nav { display: flex !important; }
body:has(#booking-short:target) main,
body:has(#booking-short:target) nav { display: none; }
body:has(#booking-long:target) main,
body:has(#booking-long:target) nav { display: none; }


/* Main page always visible by default */
#page-main { display: block !important; }

/* === GLOBAL PAGE NAVIGATION === */
/* All sub-pages hidden by default */
#detail-short,
#detail-long1,
#detail-long2,
#detail-general,
#meeting-short,
#meeting-long-1,
#meeting-long-2,
#booking-short,
#booking-long,
#booking-choose,
#page-short,
#page-long,
#page-choose-meeting,
#page-svc-accounting,
#page-svc-reports,
#page-svc-taxplan,
#page-svc-startup,
#page-svc-represent,
#page-svc-finance,
#page-svc-startup-package,
#page-svc-representation,
#page-premium,
#booking-startup-pkg,
#booking-premium-pkg,
#booking-representation,
#page-compare,
#privacy,
#terms,
#accessibility-statement {
  display: none !important;
}
/* Show page when targeted via URL hash */
#page-main:target { display: block !important; }
body:has(#page-main:target) #page-main { display: block !important; }

#detail-short:target,
#detail-long1:target,
#detail-long2:target,
#meeting-short:target,
#meeting-long-1:target,
#meeting-long-2:target,
#booking-short:target,
#booking-long:target,
#booking-choose:target,
#page-short:target,
#page-long:target,
#page-choose-meeting:target,
#page-svc-accounting:target,
#page-svc-reports:target,
#page-svc-taxplan:target,
#page-svc-startup:target,
#page-svc-represent:target,
#page-svc-finance:target,
#page-svc-startup-package:target,
#page-svc-representation:target,
#page-premium:target,
#booking-startup-pkg:target,
#booking-premium-pkg:target,
#booking-representation:target,
#page-compare:target,
#privacy:target,
#terms:target,
#accessibility-statement:target {
  display: block !important;
}
/* Hide main page when sub-page is shown */
body:has(#detail-short:target) #page-main,
body:has(#detail-general:target) #page-main,
body:has(#detail-long1:target) #page-main,
body:has(#detail-long2:target) #page-main,
body:has(#meeting-short:target) #page-main,
body:has(#meeting-long-1:target) #page-main,
body:has(#meeting-long-2:target) #page-main,
body:has(#booking-short:target) #page-main,
body:has(#booking-long:target) #page-main,
body:has(#booking-choose:target) #page-main,
body:has(#page-short:target) #page-main,
body:has(#page-long:target) #page-main,
body:has(#page-choose-meeting:target) #page-main,
body:has(#page-svc-accounting:target) #page-main,
body:has(#page-svc-reports:target) #page-main,
body:has(#page-svc-taxplan:target) #page-main,
body:has(#page-svc-startup:target) #page-main,
body:has(#page-svc-represent:target) #page-main,
body:has(#page-svc-finance:target) #page-main,
body:has(#page-svc-startup-package:target) #page-main,
body:has(#booking-representation:target) #page-main,
body:has(#page-svc-representation:target) #page-main,
body:has(#page-premium:target) #page-main,
body:has(#booking-startup-pkg:target) #page-main,
body:has(#booking-representation:target) #page-main,
body:has(#booking-premium-pkg:target) #page-main,
body:has(#page-compare:target) #page-main,
body:has(#privacy:target) #page-main,
body:has(#terms:target) #page-main,
body:has(#accessibility-statement:target) #page-main {
  display: none !important;
}


.cm-card{background:#fff;border-radius:20px;border:2px solid var(--glight);overflow:hidden;box-shadow:0 4px 24px rgba(41,171,226,.06);transition:all .3s;display:flex;margin-bottom:1.2rem}
.cm-card:hover{border-color:var(--blue);box-shadow:0 12px 40px rgba(41,171,226,.18);transform:translateY(-3px)}
.cm-card.featured{background:linear-gradient(145deg,var(--blue),var(--blue-dark));border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(41,171,226,.35)}
.cm-card.featured:hover{box-shadow:0 16px 48px rgba(41,171,226,.5)}
.cm-bar{width:6px;flex-shrink:0;background:linear-gradient(180deg,var(--blue),var(--blue-dark))}
.cm-bar.g{background:linear-gradient(180deg,var(--green),var(--green-dark))}
.cm-body{flex:1;padding:2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative}
.cm-ico{width:68px;height:68px;min-width:68px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,rgba(41,171,226,.15),rgba(41,171,226,.05));border:1.5px solid rgba(41,171,226,.25)}
.cm-ico.g{background:linear-gradient(135deg,rgba(141,198,63,.15),rgba(141,198,63,.05));border:1.5px solid rgba(141,198,63,.3)}
.cm-ico.w{background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3)}
.cm-info{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:280px}
.cm-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.3rem;color:var(--blue)}
.cm-lbl.g{color:var(--green-dark)}
.cm-lbl.w{color:rgba(255,255,255,.6)}
.cm-h{font-size:22px;font-weight:900;color:var(--text);margin-bottom:.4rem}
.cm-h.w{color:#fff}
.cm-p{font-size:14px;color:var(--gtxt);line-height:1.7;margin-bottom:.8rem}
.cm-p.w{color:rgba(255,255,255,.8)}
.cm-tags{display:flex;flex-wrap:wrap;gap:.5rem}
.cm-tag{font-size:12px;padding:3px 12px;border-radius:50px;font-weight:600;background:var(--glight);color:var(--blue-dark)}
.cm-tag.g{background:rgba(141,198,63,.1);color:var(--green-dark)}
.cm-tag.w{background:rgba(255,255,255,.15);color:#fff}
.cm-cta{text-align:center;min-width:180px}
.cm-btn{display:block;width:100%;padding:14px 24px;border-radius:50px;font-weight:800;font-size:15px;text-decoration:none;text-align:center;transition:all .2s;margin-bottom:.5rem;border:none;cursor:pointer}
.cm-btn.blue{background:var(--blue);color:#fff;box-shadow:0 6px 20px rgba(41,171,226,.35)}
.cm-btn.green{background:var(--green);color:#fff;box-shadow:0 6px 20px rgba(141,198,63,.4)}
.cm-btn:hover{transform:translateY(-2px)}


:root{--blue:#29ABE2;--blue-dark:#0E86C8;--blue-deeper:#0a6fa8;--green:#8DC63F;--green-dark:#6fa832;--gbg:#f0f8fd;--glight:#daeef8;--gtxt:#2d5f7a;--text:#1a3a4a}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Heebo',sans-serif;direction:rtl;background:var(--gbg);min-height:100vh}

nav{background:#fff;border-bottom:2px solid var(--glight);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px rgba(41,171,226,.08)}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--text);text-decoration:none}
.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:900}
.back{display:flex;align-items:center;gap:6px;color:var(--gtxt);font-size:14px;font-weight:600;text-decoration:none}
.back:hover{color:var(--blue)}

.hero{background:linear-gradient(135deg,var(--blue),var(--blue-dark));padding:1.2rem 2rem;text-align:center;color:#fff;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-80px;left:-80px;width:300px;height:300px;background:rgba(255,255,255,.05);border-radius:50%}
.hero::after{content:'';position:absolute;bottom:-60px;right:-60px;width:250px;height:250px;background:rgba(255,255,255,.04);border-radius:50%}
.hero-inner{position:relative;z-index:1}
.hero-icon{font-size:52px;margin-bottom:.8rem}
.hero h1{font-size:clamp(26px,4vw,42px);font-weight:900;margin-bottom:.6rem}
.hero p{font-size:16px;color:rgba(255,255,255,.8);max-width:500px;margin:0 auto}

.meetings{max-width:900px;margin:3rem auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem}

.card{background:#fff;border-radius:20px;border:2px solid var(--glight);overflow:hidden;box-shadow:0 4px 24px rgba(41,171,226,.06);transition:all .3s;display:flex}
.card:hover{border-color:var(--blue);box-shadow:0 12px 40px rgba(41,171,226,.18);transform:translateY(-3px)}
.card-bar{width:6px;flex-shrink:0}
.card-bar.blue{background:linear-gradient(180deg,var(--blue),var(--blue-dark))}
.card-bar.green{background:linear-gradient(180deg,var(--green),var(--green-dark))}
.card-body{flex:1;padding:2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.card-info{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:280px}
.card-icon{width:68px;height:68px;min-width:68px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px}
.card-icon.blue{background:linear-gradient(135deg,rgba(41,171,226,.15),rgba(41,171,226,.05));border:1.5px solid rgba(41,171,226,.25)}
.card-icon.green{background:linear-gradient(135deg,rgba(141,198,63,.15),rgba(141,198,63,.05));border:1.5px solid rgba(141,198,63,.3)}
.card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.3rem}
.card-label.blue{color:var(--blue)}
.card-label.green{color:var(--green-dark)}
.card h2{font-size:22px;font-weight:900;color:var(--text);margin-bottom:.4rem}
.card p{font-size:14px;color:var(--gtxt);line-height:1.7;margin-bottom:.8rem}
.tags{display:flex;flex-wrap:wrap;gap:.5rem}
.tag{font-size:12px;padding:3px 12px;border-radius:50px;font-weight:600}
.tag.blue{background:var(--glight);color:var(--blue-dark)}
.tag.green{background:rgba(141,198,63,.1);color:var(--green-dark)}
.card-cta{text-align:center;min-width:180px}
.btn{display:block;width:100%;padding:14px 24px;border-radius:50px;font-weight:800;font-size:15px;text-decoration:none;text-align:center;transition:all .2s;margin-bottom:.5rem}
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 6px 20px rgba(41,171,226,.35)}
.btn-blue:hover{background:var(--blue-dark);transform:translateY(-2px)}
.btn-green{background:var(--green);color:#fff;box-shadow:0 6px 20px rgba(141,198,63,.4)}
.btn-green:hover{background:var(--green-dark);transform:translateY(-2px)}
.btn-note{font-size:12px;color:var(--gtxt)}

/* Featured card */
.card.featured{background:linear-gradient(145deg,var(--blue),var(--blue-dark));border:2px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(41,171,226,.35)}
.card.featured:hover{box-shadow:0 16px 48px rgba(41,171,226,.5);transform:translateY(-3px)}
.featured-badge{position:absolute;top:-10px;right:20px;background:var(--green);color:#fff;font-size:11px;font-weight:800;padding:4px 14px;border-radius:50px;box-shadow:0 4px 12px rgba(141,198,63,.5);letter-spacing:.5px}
.card.featured .card-body{position:relative}
.card.featured .card-icon{background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3)}
.card.featured .card-label{color:rgba(255,255,255,.6)}
.card.featured h2{color:#fff}
.card.featured p{color:rgba(255,255,255,.8)}
.card.featured .tag{background:rgba(255,255,255,.15);color:#fff}
.card.featured .btn-note{color:rgba(255,255,255,.6)}

/* WhatsApp section */
.wa-section{background:linear-gradient(135deg,#f0fdf4,#e8f8ef);border:2px solid rgba(37,211,102,.2);border-radius:20px;padding:2rem;text-align:center;margin-top:.5rem}
.wa-section h3{font-size:18px;font-weight:800;color:var(--text);margin-bottom:.5rem}
.wa-section p{font-size:14px;color:var(--gtxt);margin-bottom:1.2rem}
.wa-btn{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;padding:13px 28px;border-radius:50px;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 6px 20px rgba(37,211,102,.35);transition:all .2s}
.wa-btn:hover{background:#1da851;transform:translateY(-2px)}


:root{--blue:#29ABE2;--blue-dark:#0E86C8;--blue-deeper:#0a6fa8;--green:#8DC63F;--green-dark:#6fa832;--white:#fff;--gbg:#f0f8fd;--glight:#daeef8;--gtxt:#2d5f7a;--text:#1a3a4a;--r:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Heebo',sans-serif;direction:rtl;color:var(--text);background:var(--gbg);min-height:100vh}

/* NAV */
nav{background:#fff;border-bottom:2px solid var(--glight);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px rgba(41,171,226,.08)}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--text);text-decoration:none}
.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:900}
.back-btn{display:flex;align-items:center;gap:6px;color:var(--gtxt);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}
.back-btn:hover{color:var(--blue)}

/* HERO STRIP */
.booking-hero{background:linear-gradient(135deg,var(--blue),var(--blue-dark));padding:2.5rem 2rem;text-align:center;color:#fff}
.booking-hero .tag{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);padding:5px 16px;border-radius:50px;font-size:12px;font-weight:700;margin-bottom:.8rem}
.booking-hero h1{font-size:clamp(22px,3vw,32px);font-weight:900;margin-bottom:.4rem}
.booking-hero p{font-size:15px;color:rgba(255,255,255,.8)}
.booking-hero .meta{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}
.booking-hero .meta span{background:rgba(255,255,255,.15);border-radius:50px;padding:5px 14px;font-size:13px;font-weight:600}

/* MAIN LAYOUT */
.booking-wrap{max-width:900px;margin:2.5rem auto;padding:0 1.5rem 4rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}

/* CALENDAR */
.cal-box{background:#fff;border-radius:20px;border:2px solid var(--glight);overflow:hidden;box-shadow:0 4px 24px rgba(41,171,226,.1)}
.cal-header{padding:1.4rem 1.8rem;border-bottom:2px solid var(--glight);display:flex;align-items:center;justify-content:space-between}
.cal-month{font-size:17px;font-weight:800;color:var(--text)}
.cal-nav{display:flex;gap:.5rem}
.cal-nav button{width:34px;height:34px;border:2px solid var(--glight);border-radius:8px;background:#fff;cursor:pointer;font-size:16px;color:var(--gtxt);transition:all .2s;display:flex;align-items:center;justify-content:center}
.cal-nav button:hover{border-color:var(--blue);color:var(--blue)}
.cal-grid{padding:1.2rem 1.4rem}
.cal-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:.5rem}
.cal-days span{font-size:12px;font-weight:700;color:var(--gtxt);padding:4px}
.cal-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cal-dates button{aspect-ratio:1;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text);transition:all .2s;display:flex;align-items:center;justify-content:center}
.cal-dates button:disabled{color:#ccc;cursor:default}
.cal-dates button.available:hover{background:var(--glight);color:var(--blue-dark)}
.cal-dates button.selected{background:var(--blue);color:#fff;font-weight:800}
.cal-dates button.today{border:2px solid var(--blue);color:var(--blue);font-weight:700}
.cal-dates button.past{color:#ccc;cursor:default}

/* TIME SLOTS */
.slots-box{background:#fff;border-radius:20px;border:2px solid var(--glight);padding:1.4rem 1.8rem;margin-top:1.2rem;box-shadow:0 4px 24px rgba(41,171,226,.1)}
.slots-title{font-size:15px;font-weight:800;color:var(--text);margin-bottom:1rem}
.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.slot{padding:9px 6px;border:2px solid var(--glight);border-radius:10px;text-align:center;font-size:13px;font-weight:700;color:var(--gtxt);cursor:pointer;transition:all .2s}
.slot:hover{border-color:var(--blue);color:var(--blue);background:var(--gbg)}
.slot.selected{background:var(--blue);border-color:var(--blue);color:#fff}
.slot.taken{background:var(--gbg);color:#ccc;cursor:default;text-decoration:line-through;border-color:transparent}
.no-date{text-align:center;padding:1.5rem;color:var(--gtxt);font-size:14px}

/* SUMMARY + FORM */
.summary-box{display:flex;flex-direction:column;gap:1.2rem}
.info-card{background:#fff;border-radius:20px;border:2px solid var(--glight);padding:1.6rem;box-shadow:0 4px 24px rgba(41,171,226,.1)}
.info-card h3{font-size:15px;font-weight:800;color:var(--text);margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:2px solid var(--glight)}
.form-field{margin-bottom:1rem}
.form-field label{font-size:13px;font-weight:700;color:var(--text);display:block;margin-bottom:5px}
.form-field input,.form-field select{width:100%;padding:11px 13px;border:2px solid var(--glight);border-radius:10px;font-family:'Heebo',sans-serif;font-size:14px;color:var(--text);background:var(--gbg);direction:rtl;outline:none;transition:border-color .2s}
.form-field input:focus,.form-field select:focus{border-color:var(--blue);background:#fff}

/* ORDER SUMMARY */
.order-card{background:linear-gradient(145deg,var(--blue),var(--blue-dark));border-radius:20px;padding:1.6rem;color:#fff}
.order-card h3{font-size:15px;font-weight:800;margin-bottom:1.2rem;opacity:.85}
.order-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.15)}
.order-row:last-of-type{border-bottom:none}
.order-label{color:rgba(255,255,255,.75)}
.order-val{font-weight:700;color:#fff}
.order-total{background:rgba(255,255,255,.15);border-radius:12px;padding:1rem;margin-top:1rem;text-align:center}
.order-total .amount{font-size:34px;font-weight:900;color:#fff}
.order-total .vat{font-size:11px;color:rgba(255,255,255,.6);margin-top:3px}

.selected-datetime{background:rgba(255,255,255,.15);border-radius:10px;padding:.8rem 1rem;margin-bottom:1rem;font-size:13px;color:#fff;font-weight:600;display:none}
.selected-datetime.show{display:block}

/* PAY BUTTON */
.pay-btn{width:100%;padding:16px;border-radius:50px;background:var(--green);color:#fff;font-weight:800;font-size:17px;border:none;cursor:pointer;transition:all .25s;box-shadow:0 6px 22px rgba(141,198,63,.45);margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:8px}
.pay-btn:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 10px 32px rgba(141,198,63,.55)}
.pay-btn:disabled{background:#aaa;cursor:default;transform:none;box-shadow:none}
.pay-note{font-size:11px;color:rgba(255,255,255,.7);text-align:center;margin-top:.7rem}

/* STEPS INDICATOR */
.steps{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 2rem 0;max-width:900px;margin:0 auto}
.step{display:flex;align-items:center;gap:.4rem;font-size:13px;font-weight:600;color:var(--gtxt)}
.step.active{color:var(--blue)}
.step.done{color:var(--green)}
.step-num{width:26px;height:26px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}
.step.done .step-num{background:var(--green);border-color:var(--green);color:#fff}
.step.active .step-num{background:var(--blue);border-color:var(--blue);color:#fff}
.step-sep{flex:1;height:2px;background:var(--glight);border-radius:2px;max-width:60px}
.step-sep.done{background:var(--green)}

@media(max-width:700px){.booking-wrap{grid-template-columns:1fr}.slots-grid{grid-template-columns:repeat(4,1fr)}}


#booking-startup-pkg *{box-sizing:border-box}
#booking-startup-pkg .bk-nav{background:#fff;border-bottom:2px solid var(--glight);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px rgba(41,171,226,.08)}
#booking-startup-pkg .bk-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--text);text-decoration:none}
#booking-startup-pkg .bk-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:900}
#booking-startup-pkg .bk-back{display:flex;align-items:center;gap:6px;color:var(--gtxt);font-size:14px;font-weight:600;text-decoration:none}
#booking-startup-pkg .bk-hero{background:linear-gradient(135deg,#0d3a18,#1a6b2e);padding:2.5rem 2rem;text-align:center;color:#fff}
#booking-startup-pkg .bk-tag{display:inline-block;background:rgba(141,198,63,.2);border:1px solid rgba(141,198,63,.4);color:var(--green);padding:5px 16px;border-radius:50px;font-size:12px;font-weight:700;margin-bottom:.8rem}
#booking-startup-pkg .bk-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:#fff;border-bottom:2px solid var(--glight)}
#booking-startup-pkg .bk-step{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--gtxt)}
#booking-startup-pkg .bk-step.active{color:var(--green)}
#booking-startup-pkg .bk-step.done{color:var(--green)}
#booking-startup-pkg .bk-step-num{width:24px;height:24px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}
#booking-startup-pkg .bk-step.active .bk-step-num{background:var(--green);border-color:var(--green);color:#fff}
#booking-startup-pkg .bk-step.done .bk-step-num{background:var(--green);border-color:var(--green);color:#fff}
#booking-startup-pkg .bk-sep{flex:1;max-width:50px;height:2px;background:var(--glight);border-radius:2px}
#booking-startup-pkg .bk-sep.done{background:var(--green)}
#booking-startup-pkg .bk-wrap{max-width:900px;margin:2.5rem auto;padding:0 1.5rem 4rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}
#booking-startup-pkg .bk-cal{background:#fff;border-radius:20px;border:2px solid var(--glight);overflow:hidden;box-shadow:0 4px 24px rgba(141,198,63,.1)}
#booking-startup-pkg .bk-cal-hdr{padding:1.4rem 1.8rem;border-bottom:2px solid var(--glight);display:flex;align-items:center;justify-content:space-between}
#booking-startup-pkg .bk-cal-month{font-size:17px;font-weight:800;color:var(--text)}
#booking-startup-pkg .bk-cal-nav button{width:34px;height:34px;border:2px solid var(--glight);border-radius:8px;background:#fff;cursor:pointer;font-size:16px;color:var(--gtxt);transition:all .2s}
#booking-startup-pkg .bk-cal-nav button:hover{border-color:var(--green);color:var(--green)}
#booking-startup-pkg .bk-cal-grid{padding:1.2rem 1.4rem}
#booking-startup-pkg .bk-cal-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:.5rem}
#booking-startup-pkg .bk-cal-days span{font-size:12px;font-weight:700;color:var(--gtxt);padding:4px}
#booking-startup-pkg .bk-cal-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
#booking-startup-pkg .bk-cal-dates button{aspect-ratio:1;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text);transition:all .2s}
#booking-startup-pkg .bk-cal-dates button:disabled{color:#ccc;cursor:default}
#booking-startup-pkg .bk-cal-dates button.bkav:hover{background:rgba(141,198,63,.1);color:var(--green-dark)}
#booking-startup-pkg .bk-cal-dates button.bksel{background:var(--green);color:#fff;font-weight:800}
#booking-startup-pkg .bk-cal-dates button.bktoday{border:2px solid var(--green);color:var(--green);font-weight:700}
#booking-startup-pkg .bk-cal-dates button.bkpast{color:#ccc;cursor:default}
#booking-startup-pkg .bk-slots{background:#fff;border-radius:20px;border:2px solid var(--glight);padding:1.4rem 1.8rem;margin-top:1.2rem;box-shadow:0 4px 24px rgba(141,198,63,.1)}
#booking-startup-pkg .bk-slots-title{font-size:15px;font-weight:800;color:var(--text);margin-bottom:1rem}
#booking-startup-pkg .bk-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
#booking-startup-pkg .bk-slot{padding:9px 6px;border:2px solid var(--glight);border-radius:10px;text-align:center;font-size:13px;font-weight:700;color:var(--gtxt);cursor:pointer;transition:all .2s}
#booking-startup-pkg .bk-slot:hover{border-color:var(--green);color:var(--green)}
#booking-startup-pkg .bk-slot.bkslsel{background:var(--green);border-color:var(--green);color:#fff}
#booking-startup-pkg .bk-slot.bksltaken{background:var(--gbg);color:#ccc;cursor:default;text-decoration:line-through;border-color:transparent}
#booking-startup-pkg .bk-summary{background:#fff;border-radius:20px;border:2px solid var(--glight);padding:1.8rem;box-shadow:0 4px 24px rgba(141,198,63,.1)}
#booking-startup-pkg .bk-summary h3{font-size:16px;font-weight:800;color:var(--text);margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:2px solid var(--glight)}
#booking-startup-pkg .bk-field{margin-bottom:.9rem}
#booking-startup-pkg .bk-field label{font-size:12px;font-weight:700;color:var(--text);display:block;margin-bottom:4px}
#booking-startup-pkg .bk-field input,#booking-startup-pkg .bk-field select{width:100%;padding:10px 12px;border:2px solid var(--glight);border-radius:9px;font-family:'Heebo',sans-serif;font-size:13px;color:var(--text);background:var(--gbg);direction:rtl;outline:none;transition:border-color .2s}
#booking-startup-pkg .bk-field input:focus,#booking-startup-pkg .bk-field select:focus{border-color:var(--green);background:#fff}
#booking-startup-pkg .bk-order{background:linear-gradient(145deg,#0d3a18,#1a6b2e);border-radius:14px;padding:1.2rem;margin-top:1rem}
#booking-startup-pkg .bk-order-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.12)}
#booking-startup-pkg .bk-order-lbl{color:rgba(255,255,255,.7)}
#booking-startup-pkg .bk-order-val{font-weight:700;color:#fff}
#booking-startup-pkg .bk-order-total{text-align:center;padding:.8rem;margin-top:.4rem}
#booking-startup-pkg .bk-amount{font-size:32px;font-weight:900;color:#fff}
#booking-startup-pkg .bk-vat{font-size:11px;color:rgba(255,255,255,.6);margin-top:2px}
#booking-startup-pkg .bk-pay-btn{width:100%;padding:14px;border-radius:50px;background:var(--green);color:#fff;font-weight:800;font-size:15px;border:none;cursor:pointer;transition:all .25s;box-shadow:0 6px 20px rgba(141,198,63,.4);margin-top:.8rem;font-family:'Heebo',sans-serif}
#booking-startup-pkg .bk-pay-btn:hover{background:var(--green-dark);transform:translateY(-2px)}
#booking-startup-pkg .bk-pay-btn:disabled{background:#bbb;cursor:default;transform:none;box-shadow:none}
#booking-startup-pkg .bk-sel-dt{background:rgba(141,198,63,.1);border:1px solid rgba(141,198,63,.25);border-radius:9px;padding:.6rem .9rem;margin-bottom:.8rem;font-size:12px;color:var(--text);font-weight:600;display:none}
#booking-startup-pkg .bk-sel-dt.show{display:block}
@media(max-width:700px){#booking-startup-pkg .bk-wrap{grid-template-columns:1fr}}


#booking-representation .bk-nav{background:#fff;border-bottom:2px solid var(--glight);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px rgba(41,171,226,.08)}
#booking-representation .bk-hero{background:linear-gradient(135deg,#07111f,#0c1e3d);padding:2.5rem 2rem;text-align:center;color:#fff;position:relative;overflow:hidden}
#booking-representation .bk-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:#fff;border-bottom:2px solid var(--glight)}
#booking-representation .bk-step{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--gtxt)}
#booking-representation .bk-step.active{color:var(--blue)}
#booking-representation .bk-step-num{width:24px;height:24px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}
#booking-representation .bk-step.active .bk-step-num{background:var(--blue);border-color:var(--blue);color:#fff}
#booking-representation .bk-sep{flex:1;max-width:50px;height:2px;background:var(--glight);border-radius:2px}
#booking-representation .bk-wrap{max-width:900px;margin:2.5rem auto;padding:0 1.5rem 4rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}
#booking-representation .bk-summary{background:#fff;border-radius:20px;border:2px solid var(--glight);padding:1.8rem;box-shadow:0 4px 24px rgba(41,171,226,.06)}
#booking-representation .bk-summary h3{font-size:16px;font-weight:800;color:var(--text);margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:2px solid var(--glight)}
#booking-representation .bk-field{margin-bottom:1rem}
#booking-representation .bk-field label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:.4rem}
#booking-representation .bk-field input,#booking-representation .bk-field select,#booking-representation .bk-field textarea{width:100%;padding:.8rem 1rem;border:1.5px solid var(--glight);border-radius:10px;font-size:14px;font-family:inherit;direction:rtl;outline:none;transition:border .2s}
#booking-representation .bk-field input:focus,#booking-representation .bk-field select:focus{border-color:var(--blue)}
#booking-representation .bk-order{background:linear-gradient(145deg,#07111f,#0c1e3d);border-radius:16px;padding:1.5rem;margin-top:1.2rem}
#booking-representation .bk-order-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
#booking-representation .bk-order-lbl{color:rgba(255,255,255,.6)}
#booking-representation .bk-order-val{color:#fff;font-weight:700}
#booking-representation .bk-order-total{text-align:center;padding:1.2rem 0 1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem}
#booking-representation .bk-amount{font-size:32px;font-weight:900;color:#fff}
#booking-representation .bk-vat{font-size:12px;color:rgba(255,255,255,.5);margin-top:.3rem}
#booking-representation .bk-pay-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;border-radius:50px;font-weight:800;font-size:15px;cursor:pointer;font-family:inherit;box-shadow:0 6px 20px rgba(41,171,226,.4);transition:all .2s;margin-top:.8rem}
#booking-representation .bk-info{background:#fff;border-radius:20px;border:2px solid var(--glight);padding:1.8rem;box-shadow:0 4px 24px rgba(41,171,226,.06)}
@media(max-width:700px){#booking-representation .bk-wrap{grid-template-columns:1fr}}


#booking-premium-pkg .bk-nav{background:#fff;border-bottom:2px solid var(--glight);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px rgba(41,171,226,.08)}
#booking-premium-pkg .bk-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--text);text-decoration:none}
#booking-premium-pkg .bk-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:900}
#booking-premium-pkg .bk-hero{background:linear-gradient(135deg,#0a1a3a,#0e2d6e);padding:2.5rem 2rem;text-align:center;color:#fff}
#booking-premium-pkg .bk-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:#fff;border-bottom:2px solid var(--glight)}
#booking-premium-pkg .bk-step{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--gtxt)}
#booking-premium-pkg .bk-step.active{color:#f6ad55}
#booking-premium-pkg .bk-step.done{color:#f6ad55}
#booking-premium-pkg .bk-step-num{width:24px;height:24px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}
#booking-premium-pkg .bk-step.active .bk-step-num{background:#f6ad55;border-color:#f6ad55;color:#fff}
#booking-premium-pkg .bk-step.done .bk-step-num{background:#f6ad55;border-color:#f6ad55;color:#fff}
#booking-premium-pkg .bk-sep{flex:1;max-width:50px;height:2px;background:var(--glight);border-radius:2px}
#booking-premium-pkg .bk-sep.done{background:#f6ad55}
#booking-premium-pkg .bk-wrap{max-width:900px;margin:2.5rem auto;padding:0 1.5rem 4rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}
#booking-premium-pkg .bk-cal{background:#fff;border-radius:20px;border:2px solid var(--glight);overflow:hidden;box-shadow:0 4px 24px rgba(14,45,110,.1)}
#booking-premium-pkg .bk-cal-hdr{padding:1.4rem 1.8rem;border-bottom:2px solid var(--glight);display:flex;align-items:center;justify-content:space-between}
#booking-premium-pkg .bk-cal-month{font-size:17px;font-weight:800;color:var(--text)}
#booking-premium-pkg .bk-cal-nav button{width:34px;height:34px;border:2px solid var(--glight);border-radius:8px;background:#fff;cursor:pointer;font-size:16px;color:var(--gtxt);transition:all .2s}
#booking-premium-pkg .bk-cal-nav button:hover{border-color:#f6ad55;color:#f6ad55}
#booking-premium-pkg .bk-cal-grid{padding:1.2rem 1.4rem}
#booking-premium-pkg .bk-cal-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:.5rem}
#booking-premium-pkg .bk-cal-days span{font-size:12px;font-weight:700;color:var(--gtxt);padding:4px}
#booking-premium-pkg .bk-cal-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
#booking-premium-pkg .bk-cal-dates button{aspect-ratio:1;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text);transition:all .2s}
#booking-premium-pkg .bk-cal-dates button:disabled{color:#ccc;cursor:default}
#booking-premium-pkg .bk-cal-dates button.bkav:hover{background:rgba(246,173,85,.1);color:#dd6b20}
#booking-premium-pkg .bk-cal-dates button.bksel{background:#f6ad55;color:#fff;font-weight:800}
#booking-premium-pkg .bk-cal-dates button.bktoday{border:2px solid #f6ad55;color:#f6ad55;font-weight:700}
#booking-premium-pkg .bk-cal-dates button.bkpast{color:#ccc;cursor:default}
#booking-premium-pkg .bk-slots{background:#fff;border-radius:20px;border:2px solid var(--glight);padding:1.4rem 1.8rem;margin-top:1.2rem;box-shadow:0 4px 24px rgba(14,45,110,.1)}
#booking-premium-pkg .bk-slots-title{font-size:15px;font-weight:800;color:var(--text);margin-bottom:1rem}
#booking-premium-pkg .bk-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
#booking-premium-pkg .bk-slot{padding:9px 6px;border:2px solid var(--glight);border-radius:10px;text-align:center;font-size:13px;font-weight:700;color:var(--gtxt);cursor:pointer;transition:all .2s}
#booking-premium-pkg .bk-slot:hover{border-color:#f6ad55;color:#f6ad55}
#booking-premium-pkg .bk-slot.bkslsel{background:#f6ad55;border-color:#f6ad55;color:#fff}
#booking-premium-pkg .bk-slot.bksltaken{background:var(--gbg);color:#ccc;cursor:default;text-decoration:line-through;border-color:transparent}
#booking-premium-pkg .bk-summary{background:#fff;border-radius:20px;border:2px solid var(--glight);padding:1.8rem;box-shadow:0 4px 24px rgba(14,45,110,.1)}
#booking-premium-pkg .bk-summary h3{font-size:16px;font-weight:800;color:var(--text);margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:2px solid var(--glight)}
#booking-premium-pkg .bk-field{margin-bottom:.9rem}
#booking-premium-pkg .bk-field label{font-size:12px;font-weight:700;color:var(--text);display:block;margin-bottom:4px}
#booking-premium-pkg .bk-field input,#booking-premium-pkg .bk-field select{width:100%;padding:10px 12px;border:2px solid var(--glight);border-radius:9px;font-family:'Heebo',sans-serif;font-size:13px;color:var(--text);background:var(--gbg);direction:rtl;outline:none;transition:border-color .2s}
#booking-premium-pkg .bk-field input:focus,#booking-premium-pkg .bk-field select:focus{border-color:#f6ad55;background:#fff}
#booking-premium-pkg .bk-order{background:linear-gradient(145deg,#0a1a3a,#0e2d6e);border-radius:14px;padding:1.2rem;margin-top:1rem}
#booking-premium-pkg .bk-order-row{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.12)}
#booking-premium-pkg .bk-order-lbl{color:rgba(255,255,255,.7)}
#booking-premium-pkg .bk-order-val{font-weight:700;color:#fff}
#booking-premium-pkg .bk-order-total{text-align:center;padding:.8rem;margin-top:.4rem}
#booking-premium-pkg .bk-amount{font-size:32px;font-weight:900;color:#f6c46a}
#booking-premium-pkg .bk-vat{font-size:11px;color:rgba(255,255,255,.6);margin-top:2px}
#booking-premium-pkg .bk-pay-btn{width:100%;padding:14px;border-radius:50px;background:linear-gradient(135deg,#f6ad55,#dd6b20);color:#fff;font-weight:800;font-size:15px;border:none;cursor:pointer;transition:all .25s;box-shadow:0 6px 20px rgba(246,173,85,.4);margin-top:.8rem;font-family:'Heebo',sans-serif}
#booking-premium-pkg .bk-pay-btn:hover{background:linear-gradient(135deg,#dd6b20,#c05621);transform:translateY(-2px)}
#booking-premium-pkg .bk-pay-btn:disabled{background:#bbb;cursor:default;transform:none;box-shadow:none}
#booking-premium-pkg .bk-sel-dt{background:rgba(246,173,85,.1);border:1px solid rgba(246,173,85,.25);border-radius:9px;padding:.6rem .9rem;margin-bottom:.8rem;font-size:12px;color:var(--text);font-weight:600;display:none}
#booking-premium-pkg .bk-sel-dt.show{display:block}
@media(max-width:700px){#booking-premium-pkg .bk-wrap{grid-template-columns:1fr}}


.btn-blue-solid{background:var(--blue);color:#fff;box-shadow:0 6px 20px rgba(41,171,226,.4)}
.btn-blue-solid:hover{background:var(--blue-dark)}
.btn-green-solid{background:var(--green);color:#fff;box-shadow:0 6px 20px rgba(141,198,63,.4)}
.btn-green-solid:hover{background:var(--green-dark)}
#meeting-short:target,#meeting-long-1:target,#meeting-long-2:target{display:block!important}
body:has(#meeting-short:target) #booking-choose,
body:has(#meeting-long-1:target) #booking-choose,
body:has(#meeting-long-2:target) #booking-choose{display:none!important}


#detail-short:target,#detail-long1:target,#detail-long2:target,#detail-general:target{display:block!important}
body:has(#detail-short:target) #page-main,
body:has(#detail-short:target) main,
body:has(#detail-short:target) nav,
body:has(#detail-long1:target) #page-main,
body:has(#detail-long1:target) main,
body:has(#detail-long1:target) nav,
body:has(#detail-long2:target) #page-main,
body:has(#detail-long2:target) main,
body:has(#detail-long2:target) nav{display:none!important}


#terms:target { display: block !important; }
#accessibility-statement:target { display: block !important; }
body:has(#terms:target) main, body:has(#terms:target) nav { display: none; }
body:has(#accessibility-statement:target) main, body:has(#accessibility-statement:target) nav { display: none; }


/* Extracted Inline Styles */
.ext-style-1 {
  border-bottom: 2px solid var(--blue) !important;
  color: #0a5f8a !important;
  font-weight: 700 !important;
  padding-bottom: 2px !important;
}

.ext-style-2 {
  color: #8a5a00 !important;
  font-weight: 700 !important;
}

.ext-style-3 {
  align-items: center !important;
  display: flex !important;
  gap: 1.5rem !important;
  justify-content: center !important;
  margin-bottom: 1.8rem !important;
  text-align: center !important;
}

.ext-style-4 {
  color: #fff !important;
  font-size: 1.5rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  margin-bottom: 4px !important;
}

.ext-style-5 {
  color: rgba(255,255,255,0.82) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

.ext-style-6 {
  color: rgba(255,255,255,0.55) !important;
  font-size: 0.75rem !important;
  letter-spacing: .3px !important;
  margin-top: 3px !important;
}

.ext-style-7 {
  color: rgba(255,255,255,.9) !important;
}

.ext-style-8 {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

.ext-style-9 {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  opacity: .85 !important;
  text-align: center !important;
}

.ext-style-10 {
  align-items: center !important;
  background: linear-gradient(135deg,#0d3a18,#1a6b2e) !important;
  border-radius: 14px !important;
  border: 2px solid rgba(141,198,63,.5) !important;
  box-shadow: 0 6px 22px rgba(141,198,63,.25) !important;
  display: flex !important;
  gap: 1rem !important;
  justify-content: space-between !important;
  padding: 1.1rem 1.3rem !important;
  position: relative !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-11 {
  background: var(--green) !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 3px 10px !important;
  position: absolute !important;
  right: 12px !important;
  top: -12px !important;
  white-space: nowrap !important;
}

.ext-style-12 {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
}

.ext-style-13 {
  font-size: 22px !important;
}

.ext-style-14 {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.ext-style-15 {
  color: rgba(141,198,63,.8) !important;
  font-size: 11px !important;
  margin-top: 2px !important;
}

.ext-style-16 {
  color: var(--green) !important;
  font-size: 22px !important;
}

.ext-style-17 {
  align-items: center !important;
  background: linear-gradient(135deg,#07111f,#0c1e3d) !important;
  border-radius: 14px !important;
  border: 2px solid rgba(246,173,85,.45) !important;
  box-shadow: 0 6px 22px rgba(246,173,85,.15) !important;
  display: flex !important;
  gap: 1rem !important;
  justify-content: space-between !important;
  padding: 1.1rem 1.3rem !important;
  position: relative !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-18 {
  background: linear-gradient(135deg,#c8953a,#f6ad55) !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 3px 10px !important;
  position: absolute !important;
  right: 12px !important;
  top: -12px !important;
  white-space: nowrap !important;
}

.ext-style-19 {
  color: rgba(246,173,85,.8) !important;
  font-size: 11px !important;
  margin-top: 2px !important;
}

.ext-style-20 {
  color: #f6ad55 !important;
  font-size: 22px !important;
}

.ext-style-21 {
  align-items: center !important;
  background: linear-gradient(135deg,#0a2a5e,#1a4a8a) !important;
  border-radius: 14px !important;
  border: 2px solid rgba(100,160,230,.5) !important;
  box-shadow: 0 6px 20px rgba(10,42,94,.35) !important;
  display: flex !important;
  gap: 1rem !important;
  justify-content: space-between !important;
  padding: 1.1rem 1.3rem !important;
  position: relative !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-22 {
  background: linear-gradient(135deg,#1a4a8a,#4a8acc) !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 3px 10px !important;
  position: absolute !important;
  right: 12px !important;
  top: -12px !important;
  white-space: nowrap !important;
}

.ext-style-23 {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-top: 2px !important;
}

.ext-style-24 {
  color: rgba(150,200,255,.85) !important;
  font-size: 11px !important;
  margin-top: 2px !important;
}

.ext-style-25 {
  color: rgba(150,200,255,.9) !important;
  font-size: 22px !important;
}

.ext-style-26 {
  color: #3d6b14 !important;
}

.ext-style-27 {
  grid-template-columns: repeat(3,1fr) !important;
}

.ext-style-28 {
  display: flex !important;
  flex-direction: column !important;
}

.ext-style-29 {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 1rem !important;
}

.ext-style-30 {
  align-items: center !important;
  background: var(--gbg) !important;
  border-radius: 13px !important;
  display: flex !important;
  font-size: 26px !important;
  height: 50px !important;
  justify-content: center !important;
  width: 50px !important;
}

.ext-style-31 {
  background: var(--glight) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(41,171,226,.2) !important;
  color: var(--blue-dark) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 11px !important;
}

.ext-style-32 {
  flex: 1 !important;
}

.ext-style-33 {
  margin-top: 1.5rem !important;
}

.ext-style-34 {
  background: var(--gbg) !important;
  border-radius: 8px !important;
  color: #0a5f8a !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-top: .4rem !important;
  padding: .5rem !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ext-style-35 {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
}

.ext-style-36 {
  align-items: center !important;
  background: rgba(255,255,255,.12) !important;
  border-radius: 13px !important;
  display: flex !important;
  font-size: 26px !important;
  height: 50px !important;
  justify-content: center !important;
  width: 50px !important;
}

.ext-style-37 {
  background: rgba(255,255,255,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 11px !important;
}

.ext-style-38 {
  background: rgba(255,255,255,.1) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,.85) !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-top: .4rem !important;
  padding: .5rem !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ext-style-39 {
  background: linear-gradient(160deg,rgba(41,171,226,.05),rgba(14,134,200,.1)) !important;
  border-color: var(--blue) !important;
  display: flex !important;
  flex-direction: column !important;
}

.ext-style-40 {
  align-items: center !important;
  background: rgba(41,171,226,.1) !important;
  border-radius: 13px !important;
  border: 1px solid rgba(41,171,226,.25) !important;
  display: flex !important;
  font-size: 26px !important;
  height: 50px !important;
  justify-content: center !important;
  width: 50px !important;
}

.ext-style-41 {
  background: var(--blue) !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 11px !important;
}

.ext-style-42 {
  color: var(--blue-dark) !important;
}

.ext-style-43 {
  display: flex !important;
  flex-direction: column !important;
  grid-column: 1/-1 !important;
}

.ext-style-44 {
  align-items: center !important;
  background: linear-gradient(135deg,rgba(141,198,63,.12),rgba(41,171,226,.12)) !important;
  border-radius: 13px !important;
  border: 1px solid rgba(141,198,63,.3) !important;
  display: flex !important;
  font-size: 26px !important;
  height: 50px !important;
  justify-content: center !important;
  width: 50px !important;
}

.ext-style-45 {
  background: var(--gbg) !important;
  border-radius: 50px !important;
  border: 1px solid var(--glight) !important;
  color: var(--gtxt) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 11px !important;
}

.ext-style-46 {
  display: grid !important;
  flex: 1 !important;
  gap: .5rem 1rem !important;
  grid-template-columns: repeat(3,1fr) !important;
  margin-bottom: 1.2rem !important;
}

.ext-style-47 {
  color: var(--gtxt) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 8px !important;
}

.ext-style-48 {
  color: var(--green) !important;
  font-weight: 900 !important;
}

.ext-style-49 {
  margin-top: auto !important;
}

.ext-style-50 {
  background: linear-gradient(180deg,#050d1a 0%,#070f22 100%) !important;
  overflow: hidden !important;
  padding: 80px 2rem !important;
  position: relative !important;
}

.ext-style-51 {
  background: radial-gradient(ellipse 60% 50% at 50% 0%,rgba(246,173,85,.06) 0%,transparent 70%) !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.ext-style-52 {
  margin: 0 auto !important;
  max-width: 1100px !important;
  position: relative !important;
  z-index: 1 !important;
}

.ext-style-53 {
  margin-bottom: 3.5rem !important;
}

.ext-style-54 {
  background: linear-gradient(135deg,rgba(246,173,85,.2),rgba(246,173,85,.08)) !important;
  border: 1px solid rgba(246,173,85,.35) !important;
  color: #f6c46a !important;
}

.ext-style-55 {
  color: #fff !important;
}

.ext-style-56 {
  color: #f6ad55 !important;
}

.ext-style-57 {
  color: rgba(255,255,255,.6) !important;
}

.ext-style-58 {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
}

.ext-style-59 {
  align-items: center !important;
  animation: pkgGlow 4s ease infinite !important;
  background-size: 200% 200% !important;
  background: linear-gradient(135deg,#0d3a18,#1a6b2e,#0d3a18) !important;
  border-radius: 20px !important;
  border: 2px solid rgba(141,198,63,.6) !important;
  box-shadow: 0 12px 50px rgba(141,198,63,.4) !important;
  cursor: pointer !important;
  display: flex !important;
  gap: 2rem !important;
  overflow: hidden !important;
  padding: 2.5rem 2.5rem !important;
  position: relative !important;
  text-decoration: none !important;
  transition: all .3s !important;
}

.ext-style-60 {
  background: var(--green) !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  left: .8rem !important;
  letter-spacing: .5px !important;
  padding: 3px 12px !important;
  position: absolute !important;
  top: .8rem !important;
}

.ext-style-61 {
  flex-shrink: 0 !important;
  font-size: 44px !important;
}

.ext-style-62 {
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  margin-bottom: .4rem !important;
}

.ext-style-63 {
  color: rgba(255,255,255,.75) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin-bottom: .8rem !important;
}

.ext-style-64 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
}

.ext-style-65 {
  background: rgba(141,198,63,.2) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(141,198,63,.3) !important;
  color: var(--green) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
}

.ext-style-66 {
  color: var(--green) !important;
  flex-shrink: 0 !important;
  font-size: 28px !important;
  font-weight: 900 !important;
}

.ext-style-67 {
  border-radius: 24px !important;
  box-shadow: 0 20px 60px rgba(14,45,110,.5),0 0 0 1px rgba(246,173,85,.3) !important;
  cursor: pointer !important;
  display: block !important;
  overflow: hidden !important;
  position: relative !important;
  text-decoration: none !important;
  transition: all .35s !important;
}

.ext-style-68 {
  background: linear-gradient(90deg,transparent 0%,#c8953a 20%,#f6e08a 50%,#c8953a 80%,transparent 100%) !important;
  height: 2px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 2 !important;
}

.ext-style-69 {
  align-items: center !important;
  background: linear-gradient(125deg,#07111f 0%,#0c1e3d 40%,#102252 65%,#0a1628 100%) !important;
  display: grid !important;
  gap: 3rem !important;
  grid-template-columns: 1fr auto !important;
  padding: 2.8rem 3rem !important;
  position: relative !important;
}

.ext-style-70 {
  background: repeating-linear-gradient(45deg,rgba(246,173,85,.015) 0px,rgba(246,173,85,.015) 1px,transparent 1px,transparent 12px) !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.ext-style-71 {
  background: radial-gradient(circle,rgba(246,173,85,.08) 0%,transparent 65%) !important;
  border-radius: 50% !important;
  height: 400px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: -100px !important;
  top: -100px !important;
  width: 400px !important;
}

.ext-style-72 {
  background: radial-gradient(circle,rgba(41,171,226,.07) 0%,transparent 65%) !important;
  border-radius: 50% !important;
  bottom: -80px !important;
  height: 300px !important;
  left: 20% !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 300px !important;
}

.ext-style-73 {
  position: relative !important;
  z-index: 1 !important;
}

.ext-style-74 {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 1.2rem !important;
}

.ext-style-75 {
  align-items: center !important;
  background: linear-gradient(135deg,#c8953a,#f6e08a,#c8953a) !important;
  border-radius: 50px !important;
  display: inline-flex !important;
  gap: 6px !important;
  padding: 4px 14px !important;
}

.ext-style-76 {
  font-size: 13px !important;
}

.ext-style-77 {
  color: #1a0f00 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

.ext-style-78 {
  background: linear-gradient(90deg,rgba(246,173,85,.3),transparent) !important;
  flex: 1 !important;
  height: 1px !important;
}

.ext-style-79 {
  color: rgba(246,173,85,.6) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .5px !important;
}

.ext-style-80 {
  color: #fff !important;
  font-size: clamp(20px,2.5vw,28px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  margin-bottom: .5rem !important;
}

.ext-style-81 {
  color: #f6ad55 !important;
}

.ext-style-82 {
  color: rgba(255,255,255,.6) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin-bottom: 1.6rem !important;
  max-width: 520px !important;
}

.ext-style-83 {
  display: grid !important;
  gap: .5rem .8rem !important;
  grid-template-columns: repeat(2,auto) !important;
  justify-content: start !important;
}

.ext-style-84 {
  align-items: center !important;
  color: rgba(255,255,255,.8) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 7px !important;
}

.ext-style-85 {
  align-items: center !important;
  background: linear-gradient(135deg,#c8953a,#f6c46a) !important;
  border-radius: 50% !important;
  color: #1a0f00 !important;
  display: flex !important;
  flex-shrink: 0 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  height: 18px !important;
  justify-content: center !important;
  width: 18px !important;
}

.ext-style-86 {
  flex-shrink: 0 !important;
  position: relative !important;
  text-align: center !important;
  z-index: 1 !important;
}

.ext-style-87 {
  backdrop-filter: blur(12px) !important;
  background: rgba(255,255,255,.04) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(246,173,85,.2) !important;
  min-width: 200px !important;
  padding: 1.8rem 2.2rem !important;
}

.ext-style-88 {
  color: rgba(246,173,85,.8) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  margin-bottom: .8rem !important;
}

.ext-style-89 {
  background: linear-gradient(135deg,#c8953a,#f6ad55,#c8953a) !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(200,149,58,.4) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 14px 22px !important;
  white-space: nowrap !important;
}

.ext-style-90 {
  color: rgba(255,255,255,.55) !important;
  font-size: 11px !important;
  margin-top: .8rem !important;
}

.ext-style-91 {
  border-radius: 24px !important;
  box-shadow: 0 20px 60px rgba(14,45,110,.5),0 0 0 1px rgba(41,171,226,.3) !important;
  cursor: pointer !important;
  display: block !important;
  overflow: hidden !important;
  position: relative !important;
  text-decoration: none !important;
  transition: all .35s !important;
}

.ext-style-92 {
  background: linear-gradient(90deg,transparent,var(--blue),transparent) !important;
  height: 2px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 2 !important;
}

.ext-style-93 {
  align-items: center !important;
  background: linear-gradient(125deg,#07111f 0%,#0c1e3d 40%,#071428 100%) !important;
  display: grid !important;
  gap: 3rem !important;
  grid-template-columns: 1fr auto !important;
  padding: 2.8rem 3rem !important;
  position: relative !important;
}

.ext-style-94 {
  align-items: center !important;
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 50px !important;
  display: inline-flex !important;
  gap: 6px !important;
  padding: 4px 14px !important;
}

.ext-style-95 {
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

.ext-style-96 {
  background: linear-gradient(90deg,rgba(41,171,226,.3),transparent) !important;
  flex: 1 !important;
  height: 1px !important;
}

.ext-style-97 {
  color: rgba(41,171,226,.6) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.ext-style-98 {
  color: #fff !important;
  font-size: clamp(18px,2.2vw,24px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  margin-bottom: .5rem !important;
}

.ext-style-99 {
  color: var(--blue) !important;
}

.ext-style-100 {
  color: rgba(255,255,255,.6) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin-bottom: 1.4rem !important;
  max-width: 520px !important;
}

.ext-style-101 {
  align-items: center !important;
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 50% !important;
  color: #fff !important;
  display: flex !important;
  flex-shrink: 0 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  height: 18px !important;
  justify-content: center !important;
  width: 18px !important;
}

.ext-style-102 {
  align-items: center !important;
  background: linear-gradient(135deg,#f6ad55,#c8953a) !important;
  border-radius: 50% !important;
  color: #1a0f00 !important;
  display: flex !important;
  flex-shrink: 0 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  height: 18px !important;
  justify-content: center !important;
  width: 18px !important;
}

.ext-style-103 {
  backdrop-filter: blur(12px) !important;
  background: rgba(255,255,255,.04) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(41,171,226,.2) !important;
  min-width: 200px !important;
  padding: 1.8rem 2.2rem !important;
}

.ext-style-104 {
  color: rgba(41,171,226,.8) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  margin-bottom: .8rem !important;
}

.ext-style-105 {
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(41,171,226,.4) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 14px 22px !important;
  white-space: nowrap !important;
}

.ext-style-106 {
  font-size: 20px !important;
  padding: 18px 48px !important;
}

.ext-style-107 {
  background: #050d1a !important;
  overflow: hidden !important;
  padding: 100px 2rem !important;
  position: relative !important;
}

.ext-style-108 {
  background: radial-gradient(ellipse 80% 60% at 20% 50%,rgba(41,171,226,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(141,198,63,.08) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 50% 100%,rgba(14,134,200,.1) 0%,transparent 60%) !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.ext-style-109 {
  background-image: linear-gradient(rgba(41,171,226,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(41,171,226,.04) 1px,transparent 1px) !important;
  background-size: 60px 60px !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.ext-style-110 {
  margin-bottom: 4rem !important;
  text-align: center !important;
}

.ext-style-111 {
  align-items: center !important;
  backdrop-filter: blur(8px) !important;
  background: linear-gradient(135deg,rgba(41,171,226,.15),rgba(41,171,226,.05)) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(41,171,226,.3) !important;
  color: var(--blue) !important;
  display: inline-flex !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  letter-spacing: 2px !important;
  margin-bottom: 1.2rem !important;
  padding: 7px 20px !important;
  text-transform: uppercase !important;
}

.ext-style-112 {
  background: var(--blue) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 8px var(--blue) !important;
  display: inline-block !important;
  height: 6px !important;
  width: 6px !important;
}

.ext-style-113 {
  color: #fff !important;
  font-size: clamp(28px,3.5vw,46px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  margin-bottom: 1rem !important;
}

.ext-style-114 {
  color: var(--blue) !important;
}

.ext-style-115 {
  color: rgba(255,255,255,.5) !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  margin: 0 auto !important;
  max-width: 620px !important;
}

.ext-style-116 {
  color: rgba(255,255,255,.8) !important;
}

.ext-style-117 {
  border-radius: 20px !important;
  display: block !important;
  margin-bottom: 1.2rem !important;
  overflow: hidden !important;
  text-decoration: none !important;
  transition: transform .3s,box-shadow .3s !important;
}

.ext-style-118 {
  align-items: flex-start !important;
  background: linear-gradient(125deg,#0d3020 0%,#1a4a2e 50%,#0a2818 100%) !important;
  border: 1px solid rgba(141,198,63,.2) !important;
  box-shadow: 0 8px 40px rgba(141,198,63,.1) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2rem !important;
  justify-content: space-between !important;
  overflow: hidden !important;
  padding: clamp(1.5rem,4vw,3rem) clamp(1.2rem,4vw,3.5rem) !important;
  position: relative !important;
}

.ext-style-119 {
  background: radial-gradient(circle,rgba(141,198,63,.12) 0%,transparent 70%) !important;
  border-radius: 50% !important;
  height: 380px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: -80px !important;
  top: -80px !important;
  width: 380px !important;
}

.ext-style-120 {
  background: radial-gradient(circle,rgba(41,171,226,.08) 0%,transparent 70%) !important;
  border-radius: 50% !important;
  bottom: -60px !important;
  height: 250px !important;
  left: 250px !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 250px !important;
}

.ext-style-121 {
  background: linear-gradient(90deg,transparent,rgba(141,198,63,.4),transparent) !important;
  height: 1px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ext-style-122 {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  margin-bottom: 1.2rem !important;
}

.ext-style-123 {
  align-items: center !important;
  background: rgba(141,198,63,.15) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(141,198,63,.3) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.2) !important;
  display: flex !important;
  font-size: 26px !important;
  height: 52px !important;
  justify-content: center !important;
  width: 52px !important;
}

.ext-style-124 {
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

.ext-style-125 {
  color: var(--green) !important;
}

.ext-style-126 {
  color: rgba(141,198,63,.6) !important;
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

.ext-style-127 {
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  margin-bottom: 1rem !important;
}

.ext-style-128 {
  color: rgba(255,255,255,.75) !important;
}

.ext-style-129 {
  color: rgba(255,255,255,.7) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 1.5rem !important;
  max-width: 520px !important;
}

.ext-style-130 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.ext-style-131 {
  background: rgba(141,198,63,.12) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(141,198,63,.25) !important;
  color: var(--green) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 5px 14px !important;
}

.ext-style-132 {
  flex-shrink: 0 !important;
  min-width: min(200px,100%) !important;
  position: relative !important;
  text-align: center !important;
  z-index: 1 !important;
}

.ext-style-133 {
  backdrop-filter: blur(8px) !important;
  background: rgba(141,198,63,.08) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(141,198,63,.2) !important;
  margin-bottom: 1.2rem !important;
  padding: 2rem !important;
}

.ext-style-134 {
  color: rgba(141,198,63,.6) !important;
  font-size: 12px !important;
  margin-bottom: .4rem !important;
}

.ext-style-135 {
  color: #fff !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.ext-style-136 {
  color: rgba(255,255,255,.55) !important;
  font-size: 13px !important;
}

.ext-style-137 {
  background: var(--green) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 24px rgba(141,198,63,.4) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 14px 28px !important;
}

.ext-style-138 {
  border-radius: 20px !important;
  overflow: hidden !important;
  transition: transform .3s,box-shadow .3s !important;
}

.ext-style-139 {
  align-items: flex-start !important;
  background: linear-gradient(125deg,#061520 0%,#0d2d42 55%,#061a2e 100%) !important;
  border: 1px solid rgba(41,171,226,.25) !important;
  box-shadow: 0 8px 40px rgba(41,171,226,.12) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2rem !important;
  justify-content: space-between !important;
  overflow: hidden !important;
  padding: clamp(1.5rem,4vw,3rem) clamp(1.2rem,4vw,3.5rem) !important;
  position: relative !important;
}

.ext-style-140 {
  background: radial-gradient(circle,rgba(41,171,226,.15) 0%,transparent 70%) !important;
  border-radius: 50% !important;
  height: 380px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: -80px !important;
  top: -80px !important;
  width: 380px !important;
}

.ext-style-141 {
  background: radial-gradient(circle,rgba(141,198,63,.1) 0%,transparent 70%) !important;
  border-radius: 50% !important;
  bottom: -60px !important;
  height: 250px !important;
  left: 250px !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 250px !important;
}

.ext-style-142 {
  background: linear-gradient(90deg,transparent,rgba(41,171,226,.5),transparent) !important;
  height: 1px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ext-style-143 {
  background: linear-gradient(135deg,var(--green),#6fa832) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 12px rgba(141,198,63,.4) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  left: 1.2rem !important;
  letter-spacing: .5px !important;
  padding: 4px 14px !important;
  position: absolute !important;
  top: 1.2rem !important;
}

.ext-style-144 {
  align-items: center !important;
  background: rgba(41,171,226,.15) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(41,171,226,.3) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.2) !important;
  display: flex !important;
  font-size: 26px !important;
  height: 52px !important;
  justify-content: center !important;
  width: 52px !important;
}

.ext-style-145 {
  color: rgba(41,171,226,.6) !important;
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

.ext-style-146 {
  background: rgba(41,171,226,.12) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(41,171,226,.25) !important;
  color: var(--blue) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 5px 14px !important;
}

.ext-style-147 {
  backdrop-filter: blur(8px) !important;
  background: rgba(41,171,226,.08) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(41,171,226,.2) !important;
  margin-bottom: 1.2rem !important;
  padding: 2rem !important;
}

.ext-style-148 {
  color: rgba(41,171,226,.6) !important;
  font-size: 12px !important;
  margin-bottom: .4rem !important;
}

.ext-style-149 {
  background: var(--green) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 24px rgba(141,198,63,.4) !important;
  color: #fff !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 14px 28px !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-150 {
  background: var(--text) !important;
  padding: 90px 2rem !important;
}

.ext-style-151 {
  margin: 0 auto !important;
  max-width: 1100px !important;
}

.ext-style-152 {
  margin-bottom: 3.5rem !important;
  text-align: center !important;
}

.ext-style-153 {
  background: rgba(141,198,63,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(141,198,63,.3) !important;
  color: var(--green) !important;
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 1rem !important;
  padding: 5px 14px !important;
  text-transform: uppercase !important;
}

.ext-style-154 {
  color: #fff !important;
  font-size: clamp(26px,3vw,40px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin-bottom: .8rem !important;
}

.ext-style-155 {
  color: rgba(255,255,255,.6) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  margin: 0 auto !important;
  max-width: 580px !important;
}

.ext-style-156 {
  display: grid !important;
  gap: 1.5rem !important;
  grid-template-columns: repeat(3,1fr) !important;
}

.ext-style-157 {
  background: rgba(255,255,255,.05) !important;
  border-radius: 20px !important;
  border: 2px solid rgba(255,255,255,.1) !important;
  overflow: hidden !important;
  padding: 2.2rem 2rem !important;
  position: relative !important;
  transition: all .3s !important;
}

.ext-style-158 {
  align-items: center !important;
  background: rgba(141,198,63,.15) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(141,198,63,.3) !important;
  display: flex !important;
  font-size: 26px !important;
  height: 56px !important;
  justify-content: center !important;
  margin-bottom: 1.4rem !important;
  width: 56px !important;
}

.ext-style-159 {
  color: var(--green) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  margin-bottom: .5rem !important;
  text-transform: uppercase !important;
}

.ext-style-160 {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin-bottom: .7rem !important;
}

.ext-style-161 {
  color: rgba(255,255,255,.6) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin-bottom: 1.5rem !important;
}

.ext-style-162 {
  flex: 1 !important;
  list-style: none !important;
  margin-bottom: 1.8rem !important;
}

.ext-style-163 {
  align-items: center !important;
  color: rgba(255,255,255,.75) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 9px !important;
  padding: 5px 0 !important;
}

.ext-style-164 {
  background: transparent !important;
  border-radius: 50px !important;
  border: 2px solid var(--green) !important;
  color: var(--green) !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 12px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-165 {
  align-items: center !important;
  background: rgba(41,171,226,.15) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(41,171,226,.3) !important;
  display: flex !important;
  font-size: 26px !important;
  height: 56px !important;
  justify-content: center !important;
  margin-bottom: 1.4rem !important;
  width: 56px !important;
}

.ext-style-166 {
  color: var(--blue) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  margin-bottom: .5rem !important;
  text-transform: uppercase !important;
}

.ext-style-167 {
  background: transparent !important;
  border-radius: 50px !important;
  border: 2px solid var(--blue) !important;
  color: var(--blue) !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 12px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-168 {
  background: linear-gradient(145deg,rgba(41,171,226,.12),rgba(14,134,200,.08)) !important;
  border-radius: 20px !important;
  border: 2px solid rgba(41,171,226,.35) !important;
  display: flex !important;
  display: flex !important;
  flex-direction: column !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 2.2rem 2rem !important;
  position: relative !important;
}

.ext-style-169 {
  background: var(--green) !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  left: 1rem !important;
  padding: 3px 10px !important;
  position: absolute !important;
  top: 1rem !important;
}

.ext-style-170 {
  align-items: center !important;
  background: rgba(41,171,226,.2) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(41,171,226,.4) !important;
  display: flex !important;
  font-size: 26px !important;
  height: 56px !important;
  justify-content: center !important;
  margin-bottom: 1.4rem !important;
  width: 56px !important;
}

.ext-style-171 {
  color: rgba(255,255,255,.7) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin-bottom: 1.5rem !important;
}

.ext-style-172 {
  align-items: center !important;
  color: rgba(255,255,255,.85) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 9px !important;
  padding: 5px 0 !important;
}

.ext-style-173 {
  display: flex !important;
  flex-direction: column !important;
  gap: .6rem !important;
  margin-top: auto !important;
}

.ext-style-174 {
  background: var(--green) !important;
  border-radius: 50px !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(141,198,63,.4) !important;
  color: #fff !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 12px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all .2s !important;
  width: 100% !important;
}

.ext-style-175 {
  border-radius: 50% !important;
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

.ext-style-176 {
  color: rgba(255,255,255,.7) !important;
  font-size: 13px !important;
  font-style: italic !important;
  margin-top: .4rem !important;
}

.ext-style-177 {
  background: rgba(255,255,255,.1) !important;
  border-radius: 12px !important;
  border-right: 3px solid var(--green) !important;
  margin: 1.2rem 0 !important;
  padding: 1rem 1.2rem !important;
}

.ext-style-178 {
  color: rgba(255,255,255,.9) !important;
  font-size: 14px !important;
  font-style: italic !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

.ext-style-179 {
  align-items: center !important;
  background: linear-gradient(135deg,var(--green),var(--green-dark)) !important;
  border: none !important;
  color: #fff !important;
  display: flex !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  justify-content: center !important;
}

.ext-style-180 {
  margin-bottom: 1.2rem !important;
}

.ext-style-181 {
  background: var(--gbg) !important;
  border-radius: 14px !important;
  border: 1px solid var(--glight) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .8rem !important;
  margin: 1.4rem 0 !important;
  padding: 1.4rem !important;
}

.ext-style-182 {
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: .2rem !important;
}

.ext-style-183 {
  align-items: flex-start !important;
  display: flex !important;
  gap: 10px !important;
}

.ext-style-184 {
  align-items: center !important;
  background: linear-gradient(135deg,#0d3a18,#1a6b2e) !important;
  border-radius: 8px !important;
  display: flex !important;
  font-size: 15px !important;
  height: 32px !important;
  justify-content: center !important;
  min-width: 32px !important;
  width: 32px !important;
}

.ext-style-185 {
  color: var(--text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.ext-style-186 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  margin: .2rem 0 0 !important;
}

.ext-style-187 {
  align-items: center !important;
  background: linear-gradient(135deg,var(--green),var(--green-dark)) !important;
  border-radius: 8px !important;
  display: flex !important;
  font-size: 15px !important;
  height: 32px !important;
  justify-content: center !important;
  min-width: 32px !important;
  width: 32px !important;
}

.ext-style-188 {
  align-items: center !important;
  background: linear-gradient(135deg,var(--blue-dark),var(--blue)) !important;
  border-radius: 8px !important;
  display: flex !important;
  font-size: 15px !important;
  height: 32px !important;
  justify-content: center !important;
  min-width: 32px !important;
  width: 32px !important;
}

.ext-style-189 {
  margin-bottom: 3rem !important;
  text-align: center !important;
}

.ext-style-190 {
  background: linear-gradient(135deg,rgba(141,198,63,.1),rgba(141,198,63,.03)) !important;
  border-radius: 10px !important;
  border-right: 4px solid var(--green) !important;
  margin-bottom: .8rem !important;
  margin-top: 2rem !important;
  padding: .6rem 1rem !important;
}

.ext-style-191 {
  color: var(--green) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.ext-style-192 {
  background: linear-gradient(135deg,rgba(246,173,85,.1),rgba(246,173,85,.03)) !important;
  border-radius: 10px !important;
  border-right: 4px solid #f6ad55 !important;
  margin-bottom: .8rem !important;
  margin-top: 2rem !important;
  padding: .6rem 1rem !important;
}

.ext-style-193 {
  color: #c8953a !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.ext-style-194 {
  color: inherit !important;
  text-decoration: none !important;
}

.ext-style-195 {
  background: #fff !important;
  border-radius: 20px !important;
  border: 2px solid var(--glight) !important;
  box-shadow: 0 8px 32px rgba(41,171,226,.12) !important;
  padding: 2.5rem !important;
  text-align: center !important;
}

.ext-style-196 {
  align-items: center !important;
  background: linear-gradient(135deg,#25D366,#1da851) !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 24px rgba(37,211,102,.35) !important;
  display: flex !important;
  font-size: 36px !important;
  height: 72px !important;
  justify-content: center !important;
  margin: 0 auto 1.2rem !important;
  width: 72px !important;
}

.ext-style-197 {
  color: var(--text) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  margin-bottom: .6rem !important;
}

.ext-style-198 {
  color: var(--gtxt) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 2rem !important;
}

.ext-style-199 {
  display: grid !important;
  gap: .8rem !important;
  grid-template-columns: 1fr 1fr !important;
  margin-bottom: 1.5rem !important;
}

.ext-style-200 {
  background: var(--gbg) !important;
  border-radius: 12px !important;
  border: 1.5px solid var(--glight) !important;
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: .9rem !important;
  text-decoration: none !important;
}

.ext-style-201 {
  align-items: center !important;
  background: linear-gradient(135deg,#25D366,#1da851) !important;
  border-radius: 50px !important;
  box-shadow: 0 8px 28px rgba(37,211,102,.4) !important;
  color: #fff !important;
  display: flex !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  gap: 10px !important;
  justify-content: center !important;
  padding: 16px 32px !important;
  text-decoration: none !important;
}

.ext-style-202 {
  color: var(--gtxt) !important;
  font-size: 12px !important;
  margin-top: .8rem !important;
}

.ext-style-203 {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.2rem !important;
}

.ext-style-204 {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1.5rem !important;
  justify-content: center !important;
}

.ext-style-205 {
  color: rgba(255,255,255,.55) !important;
}

.ext-style-206 {
  color: var(--blue) !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

.ext-style-207 {
  color: rgba(255,255,255,.85) !important;
  font-size: 12px !important;
}

.ext-style-208 {
  color: rgba(255,255,255,.55) !important;
  font-size: 12px !important;
}

.ext-style-209 {
  color: rgba(255,255,255,.85) !important;
}

.ext-style-210 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  grid-column: 1/-1 !important;
  padding: .5rem !important;
  text-align: center !important;
}

.ext-style-211 {
  color: rgba(255,255,255,.65) !important;
  font-size: 12px !important;
  margin-bottom: 3px !important;
}

.ext-style-212 {
  color: rgba(255,255,255,.7) !important;
  font-size: 13px !important;
  margin-bottom: 4px !important;
}

.ext-style-213 {
  display: grid !important;
  gap: 1.2rem !important;
  grid-template-columns: 1fr 1fr !important;
  margin: 2rem auto 0 !important;
  max-width: 900px !important;
  padding: 0 1.5rem !important;
}

.ext-style-214 {
  background: #fff !important;
  border-radius: 16px !important;
  border: 2px solid var(--glight) !important;
  box-shadow: 0 4px 16px rgba(41,171,226,.06) !important;
  padding: 1.5rem !important;
}

.ext-style-215 {
  border-bottom: 2px solid var(--glight) !important;
  color: var(--text) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-bottom: .9rem !important;
  padding-bottom: .6rem !important;
}

.ext-style-216 {
  display: flex !important;
  flex-direction: column !important;
  gap: .5rem !important;
}

.ext-style-217 {
  color: var(--text) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 8px !important;
}

.ext-style-218 {
  color: var(--green) !important;
  flex-shrink: 0 !important;
  font-weight: 900 !important;
}

.ext-style-219 {
  display: flex !important;
  flex-direction: column !important;
  gap: .5rem !important;
  margin-bottom: 1rem !important;
}

.ext-style-220 {
  background: var(--text) !important;
  border-radius: 12px !important;
  padding: 1rem !important;
}

.ext-style-221 {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  margin-bottom: .5rem !important;
}

.ext-style-222 {
  display: flex !important;
  flex-direction: column !important;
  gap: .4rem !important;
}

.ext-style-223 {
  color: rgba(255,255,255,.85) !important;
  display: flex !important;
  font-size: 12px !important;
  gap: 7px !important;
}

.ext-style-224 {
  background: var(--gbg) !important;
  min-height: 100vh !important;
  padding-bottom: 5rem !important;
}

.ext-style-225 {
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 3rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-226 {
  background: rgba(255,255,255,.06) !important;
  border-radius: 50% !important;
  height: 250px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: -60px !important;
  top: -60px !important;
  width: 250px !important;
}

.ext-style-227 {
  align-items: center !important;
  background: rgba(255,255,255,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  color: #fff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  margin-bottom: 1.5rem !important;
  padding: 8px 20px !important;
  transition: all .2s !important;
}

.ext-style-228 {
  font-size: 48px !important;
  margin-bottom: .8rem !important;
}

.ext-style-229 {
  font-size: clamp(24px,3vw,36px) !important;
  font-weight: 900 !important;
  margin-bottom: .5rem !important;
}

.ext-style-230 {
  color: rgba(255,255,255,.8) !important;
  font-size: 16px !important;
  margin: 0 auto !important;
  max-width: 500px !important;
}

.ext-style-231 {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
  margin: 2.5rem auto !important;
  max-width: 1000px !important;
  padding: 0 1.5rem !important;
}

.ext-style-232 {
  background: #fff !important;
  border-radius: 20px !important;
  border: 2px solid var(--glight) !important;
  box-shadow: 0 4px 24px rgba(41,171,226,.08) !important;
  overflow: hidden !important;
}

.ext-style-233 {
  align-items: center !important;
  background: linear-gradient(135deg,rgba(41,171,226,.08),rgba(41,171,226,.03)) !important;
  border-bottom: 2px solid var(--glight) !important;
  display: flex !important;
  gap: 1rem !important;
  padding: 1.4rem 2rem !important;
}

.ext-style-234 {
  align-items: center !important;
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 13px !important;
  box-shadow: 0 4px 14px rgba(41,171,226,.3) !important;
  display: flex !important;
  font-size: 22px !important;
  height: 50px !important;
  justify-content: center !important;
  width: 50px !important;
}

.ext-style-235 {
  color: var(--blue) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 2px !important;
  text-transform: uppercase !important;
}

.ext-style-236 {
  color: var(--text) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

.ext-style-237 {
  background: var(--glight) !important;
  border-radius: 50px !important;
  color: var(--blue-dark) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 5px 14px !important;
}

.ext-style-238 {
  display: grid !important;
  gap: 2rem !important;
  grid-template-columns: 1fr 1fr !important;
  padding: 2rem !important;
}

.ext-style-239 {
  color: var(--gtxt) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  margin-bottom: 1.2rem !important;
}

.ext-style-240 {
  color: var(--text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: .7rem !important;
}

.ext-style-241 {
  list-style: none !important;
}

.ext-style-242 {
  border-bottom: 1px solid var(--glight) !important;
  color: var(--text) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 9px !important;
  padding: 7px 0 !important;
}

.ext-style-243 {
  color: var(--blue) !important;
  font-weight: 900 !important;
}

.ext-style-244 {
  color: var(--text) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 9px !important;
  padding: 7px 0 !important;
}

.ext-style-245 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.ext-style-246 {
  background: var(--gbg) !important;
  border-radius: 13px !important;
  border: 1px solid var(--glight) !important;
  margin-bottom: 1rem !important;
  padding: 1.3rem !important;
}

.ext-style-247 {
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: .5rem !important;
}

.ext-style-248 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.ext-style-249 {
  background: var(--blue) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(41,171,226,.35) !important;
  color: #fff !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 14px !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ext-style-250 {
  background: linear-gradient(145deg,#061520,#0d2d42) !important;
  border-radius: 20px !important;
  border: 2px solid rgba(41,171,226,.3) !important;
  box-shadow: 0 8px 40px rgba(41,171,226,.15) !important;
  overflow: hidden !important;
}

.ext-style-251 {
  align-items: center !important;
  border-bottom: 1px solid rgba(41,171,226,.2) !important;
  display: flex !important;
  gap: 1rem !important;
  padding: 1.4rem 2rem !important;
  position: relative !important;
}

.ext-style-252 {
  align-items: center !important;
  background: rgba(41,171,226,.2) !important;
  border-radius: 13px !important;
  border: 1px solid rgba(41,171,226,.4) !important;
  display: flex !important;
  font-size: 22px !important;
  height: 50px !important;
  justify-content: center !important;
  width: 50px !important;
}

.ext-style-253 {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

.ext-style-254 {
  background: rgba(141,198,63,.2) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(141,198,63,.3) !important;
  color: var(--green) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 5px 14px !important;
}

.ext-style-255 {
  color: rgba(255,255,255,.75) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  margin-bottom: 1.2rem !important;
}

.ext-style-256 {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: .7rem !important;
}

.ext-style-257 {
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.85) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 9px !important;
  padding: 7px 0 !important;
}

.ext-style-258 {
  color: rgba(255,255,255,.85) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 9px !important;
  padding: 7px 0 !important;
}

.ext-style-259 {
  background: rgba(255,255,255,.05) !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  margin-bottom: 1rem !important;
  padding: 1.3rem !important;
}

.ext-style-260 {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: .5rem !important;
}

.ext-style-261 {
  color: rgba(255,255,255,.7) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.ext-style-262 {
  background: var(--green) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(141,198,63,.4) !important;
  color: #fff !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 14px !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ext-style-263 {
  background: #25D366 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(37,211,102,.35) !important;
  color: #fff !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-top: .8rem !important;
  padding: 13px !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ext-style-264 {
  background: linear-gradient(135deg,#1a5fa8,#0d3d7a) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 3rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-265 {
  background: rgba(255,255,255,.04) !important;
  border-radius: 50% !important;
  bottom: -40px !important;
  height: 200px !important;
  left: -40px !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 200px !important;
}

.ext-style-266 {
  align-items: start !important;
  display: grid !important;
  gap: 2rem !important;
  grid-template-columns: 1.4fr 1fr !important;
  margin: 2.5rem auto !important;
  max-width: 900px !important;
  padding: 0 1.5rem !important;
}

.ext-style-267 {
  background: #fff !important;
  border-radius: 16px !important;
  border: 2px solid var(--glight) !important;
  margin-bottom: 1.2rem !important;
  padding: 1.8rem !important;
}

.ext-style-268 {
  border-bottom: 2px solid var(--glight) !important;
  color: var(--text) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  margin-bottom: 1rem !important;
  padding-bottom: .8rem !important;
}

.ext-style-269 {
  background: var(--gbg) !important;
  border-radius: 12px !important;
  border-right: 4px solid var(--green) !important;
  border-top: 1px solid var(--glight) !important;
  margin-bottom: .8rem !important;
  padding: 1.2rem !important;
}

.ext-style-270 {
  align-items: center !important;
  display: flex !important;
  gap: 8px !important;
  margin-bottom: .4rem !important;
}

.ext-style-271 {
  font-size: 18px !important;
}

.ext-style-272 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.ext-style-273 {
  align-items: flex-start !important;
  border-bottom: 1px solid var(--glight) !important;
  color: var(--text) !important;
  display: flex !important;
  font-size: 14px !important;
  gap: 10px !important;
  padding: 9px 0 !important;
}

.ext-style-274 {
  color: var(--green) !important;
  flex-shrink: 0 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.ext-style-275 {
  color: var(--gtxt) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  margin-bottom: .8rem !important;
}

.ext-style-276 {
  position: sticky !important;
  top: 2rem !important;
}

.ext-style-277 {
  background: linear-gradient(145deg,#061520,#0d2d42) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(41,171,226,.25) !important;
  box-shadow: 0 12px 40px rgba(41,171,226,.25) !important;
  color: #fff !important;
  padding: 2rem !important;
  text-align: center !important;
}

.ext-style-278 {
  font-size: 34px !important;
  margin-bottom: .8rem !important;
}

.ext-style-279 {
  font-size: 18px !important;
  font-weight: 900 !important;
  margin-bottom: .6rem !important;
}

.ext-style-280 {
  color: rgba(255,255,255,.75) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin-bottom: 1.5rem !important;
}

.ext-style-281 {
  background: var(--green) !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(141,198,63,.4) !important;
  color: #fff !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: .8rem !important;
  padding: 14px !important;
  text-decoration: none !important;
}

.ext-style-282 {
  color: rgba(255,255,255,.4) !important;
  font-size: 11px !important;
  margin-top: .7rem !important;
}

.ext-style-283 {
  background: linear-gradient(135deg,#1a3a7a,#0d2050) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 3rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-284 {
  display: grid !important;
  gap: .8rem !important;
  grid-template-columns: 1fr 1fr !important;
  margin-bottom: 1rem !important;
}

.ext-style-285 {
  background: var(--gbg) !important;
  border-radius: 12px !important;
  border: 1px solid var(--glight) !important;
  padding: 1.2rem !important;
  text-align: center !important;
}

.ext-style-286 {
  color: var(--blue) !important;
  font-size: 28px !important;
  font-weight: 900 !important;
}

.ext-style-287 {
  color: var(--gtxt) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.ext-style-288 {
  background: var(--gbg) !important;
  border-radius: 12px !important;
  border-right: 4px solid var(--blue) !important;
  border-top: 1px solid var(--glight) !important;
  margin-bottom: .8rem !important;
  padding: 1.2rem !important;
}

.ext-style-289 {
  background: linear-gradient(145deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 40px rgba(41,171,226,.3) !important;
  color: #fff !important;
  padding: 2rem !important;
  text-align: center !important;
}

.ext-style-290 {
  font-size: 38px !important;
  margin-bottom: .8rem !important;
}

.ext-style-291 {
  font-size: 20px !important;
  font-weight: 900 !important;
  margin-bottom: .6rem !important;
}

.ext-style-292 {
  color: rgba(255,255,255,.8) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin-bottom: 1.5rem !important;
}

.ext-style-293 {
  background: var(--green) !important;
  border-radius: 50px !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(141,198,63,.45) !important;
  color: #fff !important;
  cursor: pointer !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-bottom: .8rem !important;
  padding: 15px !important;
  transition: all .2s !important;
  width: 100% !important;
}

.ext-style-294 {
  color: rgba(255,255,255,.55) !important;
  font-size: 11px !important;
}

.ext-style-295 {
  background: #fff !important;
  border-radius: 16px !important;
  border: 2px solid var(--glight) !important;
  margin-top: 1.2rem !important;
  padding: 1.5rem !important;
}

.ext-style-296 {
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: 1rem !important;
}

.ext-style-297 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  line-height: 2 !important;
}

.ext-style-298 {
  background: linear-gradient(135deg,#1a5a1a,#0d3d0d) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 3rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-299 {
  color: var(--gtxt) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  margin-bottom: 1rem !important;
}

.ext-style-300 {
  background: var(--gbg) !important;
  border-radius: 12px !important;
  border-right: 4px solid #8B4513 !important;
  border-top: 1px solid var(--glight) !important;
  margin-bottom: .8rem !important;
  padding: 1.2rem !important;
}

.ext-style-301 {
  background: linear-gradient(135deg,#4a1a1a,#2d0d0d) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 3rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-302 {
  color: var(--gtxt) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

.ext-style-303 {
  background: linear-gradient(135deg,#1a3a1a,#0d2a1a) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 3rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-304 {
  background: rgba(255,255,255,.05) !important;
  border-radius: 50% !important;
  height: 300px !important;
  left: -80px !important;
  pointer-events: none !important;
  position: absolute !important;
  top: -80px !important;
  width: 300px !important;
}

.ext-style-305 {
  align-items: center !important;
  background: rgba(255,255,255,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  color: #fff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  margin-bottom: 1.5rem !important;
  padding: 8px 20px !important;
}

.ext-style-306 {
  font-size: 52px !important;
  margin-bottom: .8rem !important;
}

.ext-style-307 {
  font-size: clamp(26px,4vw,42px) !important;
  font-weight: 900 !important;
  margin-bottom: .6rem !important;
}

.ext-style-308 {
  margin: 3rem auto !important;
  max-width: 900px !important;
  padding: 0 1.5rem !important;
}

.ext-style-309 {
  background: linear-gradient(145deg,#0d3a18,#1a6b2e) !important;
  border: 2px solid rgba(141,198,63,.5) !important;
  overflow: visible !important;
  position: relative !important;
}

.ext-style-310 {
  background: var(--green) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 12px rgba(141,198,63,.5) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 14px !important;
  position: absolute !important;
  right: 20px !important;
  top: -11px !important;
  z-index: 2 !important;
}

.ext-style-311 {
  color: rgba(255,255,255,.6) !important;
  font-size: 12px !important;
}

.ext-style-312 {
  background: linear-gradient(145deg,#07111f,#0c1e3d) !important;
  border: 2px solid rgba(246,173,85,.4) !important;
  overflow: visible !important;
  position: relative !important;
}

.ext-style-313 {
  background: linear-gradient(90deg,transparent,#f6e08a,transparent) !important;
  border-radius: 20px 20px 0 0 !important;
  height: 2px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ext-style-314 {
  background: linear-gradient(135deg,#c8953a,#f6ad55) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 12px rgba(246,173,85,.4) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 14px !important;
  position: absolute !important;
  right: 20px !important;
  top: -11px !important;
  z-index: 2 !important;
}

.ext-style-315 {
  background: rgba(246,173,85,.15) !important;
  border: 1px solid rgba(246,173,85,.3) !important;
}

.ext-style-316 {
  color: #f6ad55 !important;
}

.ext-style-317 {
  background: rgba(246,173,85,.12) !important;
  border-color: rgba(246,173,85,.3) !important;
  color: #f6c46a !important;
}

.ext-style-318 {
  background: linear-gradient(135deg,#c8953a,#f6ad55) !important;
  border: none !important;
  color: #fff !important;
}

.ext-style-319 {
  color: rgba(255,255,255,.5) !important;
  font-size: 12px !important;
}

.ext-style-320 {
  align-items: center !important;
  background: #fff !important;
  border-radius: 20px !important;
  border: 2px solid var(--glight) !important;
  box-shadow: 0 4px 16px rgba(41,171,226,.06) !important;
  display: flex !important;
  gap: 1.5rem !important;
  justify-content: space-between !important;
  margin-bottom: 1.2rem !important;
  padding: 1.6rem 1.8rem !important;
}

.ext-style-321 {
  align-items: center !important;
  display: flex !important;
  gap: 14px !important;
}

.ext-style-322 {
  align-items: center !important;
  background: var(--gbg) !important;
  border-radius: 12px !important;
  border: 2px solid var(--glight) !important;
  display: flex !important;
  font-size: 22px !important;
  height: 48px !important;
  justify-content: center !important;
  min-width: 48px !important;
  width: 48px !important;
}

.ext-style-323 {
  color: var(--text) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin-bottom: .2rem !important;
}

.ext-style-324 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
}

.ext-style-325 {
  background: var(--blue) !important;
  border-radius: 50px !important;
  color: #fff !important;
  flex-shrink: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.ext-style-326 {
  background: linear-gradient(135deg,#f0fdf4,#e8f8ef) !important;
  border-radius: 20px !important;
  border: 2px solid rgba(37,211,102,.2) !important;
  margin-top: .5rem !important;
  padding: 2rem !important;
  text-align: center !important;
}

.ext-style-327 {
  color: var(--text) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  margin-bottom: .5rem !important;
}

.ext-style-328 {
  color: var(--gtxt) !important;
  font-size: 14px !important;
  margin-bottom: 1.2rem !important;
}

.ext-style-329 {
  align-items: center !important;
  background: #25D366 !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(37,211,102,.35) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  gap: 10px !important;
  padding: 13px 28px !important;
  text-decoration: none !important;
}

.ext-style-330 {
  background: var(--gbg) !important;
  min-height: 100vh !important;
  padding-bottom: 4rem !important;
}

.ext-style-331 {
  min-height: auto !important;
  padding: 3.5rem 2rem 4rem !important;
  text-align: right !important;
}

.ext-style-332 {
  margin-bottom: 1.5rem !important;
}

.ext-style-333 {
  align-items: center !important;
  background: rgba(255,255,255,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  padding: 8px 20px !important;
  text-decoration: none !important;
}

.ext-style-334 {
  align-items: center !important;
  background: rgba(255,255,255,.12) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  color: rgba(255,255,255,.85) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 1.2rem !important;
  padding: 6px 18px !important;
  text-transform: uppercase !important;
}

.ext-style-335 {
  color: #fff !important;
  font-size: clamp(32px,5vw,58px) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  margin-bottom: 1rem !important;
}

.ext-style-336 {
  color: rgba(255,255,255,.75) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  margin: 0 auto !important;
  max-width: 500px !important;
}

.ext-style-337 {
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: repeat(3,1fr) !important;
  margin-bottom: 1rem !important;
}

.ext-style-338 {
  align-items: flex-start !important;
  background: rgba(0,0,0,.2) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  display: flex !important;
  gap: 12px !important;
  padding: 1.3rem 1.4rem !important;
}

.ext-style-339 {
  flex-shrink: 0 !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

.ext-style-340 {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}

.ext-style-341 {
  color: rgba(255,255,255,.65) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.ext-style-342 {
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: repeat(3,1fr) !important;
}

.ext-style-343 {
  align-items: flex-start !important;
  background: rgba(141,198,63,.18) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(141,198,63,.35) !important;
  display: flex !important;
  gap: 12px !important;
  padding: 1.3rem 1.4rem !important;
}

.ext-style-344 {
  color: rgba(255,255,255,.7) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.ext-style-345 {
  align-items: center !important;
  background: rgba(255,165,0,.15) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,165,0,.3) !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: center !important;
  margin-top: 1.5rem !important;
  padding: .8rem 1.4rem !important;
}

.ext-style-346 {
  font-size: 16px !important;
}

.ext-style-347 {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.ext-style-348 {
  margin-bottom: .6rem !important;
}

.ext-style-349 {
  position: relative !important;
}

.ext-style-350 {
  background: linear-gradient(135deg,var(--green),var(--blue)) !important;
}

.ext-style-351 {
  background: linear-gradient(135deg,rgba(141,198,63,.1),rgba(41,171,226,.1)) !important;
  border: 1.5px solid rgba(141,198,63,.3) !important;
}

.ext-style-352 {
  background: rgba(141,198,63,.1) !important;
  color: var(--green-dark) !important;
}

.ext-style-353 {
  background: var(--gbg) !important;
  padding-bottom: 4rem !important;
}

.ext-style-354 {
  align-items: center !important;
  background: var(--gbg) !important;
  border-radius: 50px !important;
  border: 1.5px solid var(--glight) !important;
  color: var(--gtxt) !important;
  display: flex !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
}

.ext-style-355 {
  color: #fff !important;
  font-size: clamp(22px,3vw,32px) !important;
  font-weight: 900 !important;
  margin-bottom: .4rem !important;
}

.ext-style-356 {
  color: rgba(255,255,255,.8) !important;
  font-size: 15px !important;
}

.ext-style-357 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1.5rem !important;
  justify-content: center !important;
  margin-top: 1rem !important;
}

.ext-style-358 {
  background: rgba(141,198,63,.2) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(141,198,63,.4) !important;
  color: var(--green) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 5px 14px !important;
}

.ext-style-359 {
  background: rgba(255,255,255,.1) !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 5px 14px !important;
}

.ext-style-360 {
  display: flex !important;
  gap: .5rem !important;
}

.ext-style-361 {
  color: rgba(255,255,255,.55) !important;
  font-size: 10px !important;
  margin-top: .5rem !important;
  text-align: center !important;
}

.ext-style-362 {
  align-items: center !important;
  color: var(--text) !important;
  display: flex !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  gap: 10px !important;
  text-decoration: none !important;
}

.ext-style-363 {
  align-items: center !important;
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 10px !important;
  color: #fff !important;
  display: flex !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  height: 40px !important;
  justify-content: center !important;
  width: 40px !important;
}

.ext-style-364 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.ext-style-365 {
  background: linear-gradient(90deg,transparent,var(--blue),transparent) !important;
  height: 2px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ext-style-366 {
  font-size: 36px !important;
  margin-bottom: .5rem !important;
}

.ext-style-367 {
  font-size: 22px !important;
  font-weight: 900 !important;
  margin-bottom: .3rem !important;
}

.ext-style-368 {
  color: rgba(255,255,255,.75) !important;
  font-size: 14px !important;
  margin: .3rem 0 0 !important;
}

.ext-style-369 {
  border-bottom: 2px solid var(--glight) !important;
  color: var(--text) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-bottom: 1rem !important;
  padding-bottom: .8rem !important;
}

.ext-style-370 {
  display: flex !important;
  flex-direction: column !important;
  gap: .6rem !important;
}

.ext-style-371 {
  color: var(--text) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 9px !important;
}

.ext-style-372 {
  color: var(--blue) !important;
  flex-shrink: 0 !important;
  font-weight: 900 !important;
}

.ext-style-373 {
  color: #c8953a !important;
  flex-shrink: 0 !important;
  font-weight: 900 !important;
}

.ext-style-374 {
  background: var(--gbg) !important;
  border-radius: 12px !important;
  border: 1px solid var(--glight) !important;
  margin-top: 1.5rem !important;
  padding: 1rem !important;
}

.ext-style-375 {
  color: var(--text) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-bottom: .3rem !important;
}

.ext-style-376 {
  color: var(--gtxt) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

.ext-style-377 {
  align-items: center !important;
  color: var(--gtxt) !important;
  display: flex !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  gap: 6px !important;
  text-decoration: none !important;
}

.ext-style-378 {
  background: rgba(246,173,85,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(246,173,85,.4) !important;
  color: #f6c46a !important;
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .5px !important;
  margin-bottom: .8rem !important;
  padding: 5px 16px !important;
}

.ext-style-379 {
  background: rgba(246,173,85,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(246,173,85,.3) !important;
  color: #f6c46a !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 5px 14px !important;
}

.ext-style-380 {
  background: linear-gradient(135deg,var(--blue-dark),#050d1a) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 3rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-381 {
  background: radial-gradient(ellipse 60% 80% at 30% 50%,rgba(41,171,226,.12) 0%,transparent 65%),radial-gradient(ellipse 50% 60% at 80% 30%,rgba(141,198,63,.07) 0%,transparent 60%) !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.ext-style-382 {
  font-size: 42px !important;
  margin-bottom: .8rem !important;
}

.ext-style-383 {
  background: rgba(141,198,63,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(141,198,63,.35) !important;
  color: var(--green) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  margin-bottom: 1rem !important;
  padding: 5px 18px !important;
}

.ext-style-384 {
  font-size: clamp(24px,3vw,38px) !important;
  font-weight: 900 !important;
  margin-bottom: .6rem !important;
}

.ext-style-385 {
  color: rgba(255,255,255,.75) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0 auto !important;
  max-width: 520px !important;
}

.ext-style-386 {
  margin: 0 auto !important;
  max-width: 1100px !important;
  padding: 2.5rem 1.5rem !important;
}

.ext-style-387 {
  background: #fff !important;
  border-radius: 20px !important;
  border: 2px solid var(--glight) !important;
  box-shadow: 0 4px 20px rgba(41,171,226,.08) !important;
  margin-bottom: 2.5rem !important;
  padding: 2rem !important;
}

.ext-style-388 {
  color: var(--text) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin-bottom: 1.2rem !important;
  text-align: center !important;
}

.ext-style-389 {
  display: grid !important;
  gap: .8rem !important;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr)) !important;
}

.ext-style-390 {
  align-items: center !important;
  background: rgba(41,171,226,.06) !important;
  border-radius: 12px !important;
  border: 2px solid rgba(41,171,226,.2) !important;
  display: flex !important;
  gap: 10px !important;
  padding: 1rem !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-391 {
  font-size: 26px !important;
}

.ext-style-392 {
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.ext-style-393 {
  color: var(--gtxt) !important;
  font-size: 11px !important;
}

.ext-style-394 {
  align-items: center !important;
  background: rgba(141,198,63,.06) !important;
  border-radius: 12px !important;
  border: 2px solid rgba(141,198,63,.2) !important;
  display: flex !important;
  gap: 10px !important;
  padding: 1rem !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-395 {
  align-items: center !important;
  background: rgba(14,134,200,.06) !important;
  border-radius: 12px !important;
  border: 2px solid rgba(14,134,200,.2) !important;
  display: flex !important;
  gap: 10px !important;
  padding: 1rem !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-396 {
  align-items: center !important;
  background: rgba(141,198,63,.06) !important;
  border-radius: 12px !important;
  border: 2px solid rgba(141,198,63,.25) !important;
  display: flex !important;
  gap: 10px !important;
  padding: 1rem !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-397 {
  align-items: center !important;
  background: rgba(246,173,85,.06) !important;
  border-radius: 12px !important;
  border: 2px solid rgba(246,173,85,.3) !important;
  display: flex !important;
  gap: 10px !important;
  padding: 1rem !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-398 {
  align-items: center !important;
  background: rgba(107,90,158,.06) !important;
  border-radius: 12px !important;
  border: 2px solid rgba(107,90,158,.25) !important;
  display: flex !important;
  gap: 10px !important;
  padding: 1rem !important;
  text-decoration: none !important;
  transition: all .2s !important;
}

.ext-style-399 {
  background: #fff !important;
  border-radius: 20px !important;
  border: 2px solid var(--glight) !important;
  box-shadow: 0 4px 20px rgba(41,171,226,.08) !important;
  margin-bottom: 2.5rem !important;
  overflow: hidden !important;
}

.ext-style-400 {
  background: var(--text) !important;
  display: grid !important;
  grid-template-columns: 1.4fr repeat(7,1fr) !important;
}

.ext-style-401 {
  color: rgba(255,255,255,.5) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 1.2rem 1.5rem !important;
}

.ext-style-402 {
  border-right: 1px solid rgba(255,255,255,.08) !important;
  padding: 1.2rem 1rem !important;
  text-align: center !important;
}

.ext-style-403 {
  font-size: 20px !important;
  margin-bottom: .3rem !important;
}

.ext-style-404 {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.ext-style-405 {
  color: rgba(255,255,255,.5) !important;
  font-size: 10px !important;
  margin-top: .3rem !important;
}

.ext-style-406 {
  background: rgba(141,198,63,.15) !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  padding: 1.2rem 1rem !important;
  text-align: center !important;
}

.ext-style-407 {
  color: var(--green) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.ext-style-408 {
  background: rgba(141,198,63,.12) !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  padding: 1.2rem 1rem !important;
  text-align: center !important;
}

.ext-style-409 {
  background: rgba(246,173,85,.12) !important;
  padding: 1.2rem 1rem !important;
  text-align: center !important;
}

.ext-style-410 {
  color: #f6c46a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.ext-style-411 {
  color: rgba(246,173,85,.6) !important;
  font-size: 10px !important;
  margin-top: .3rem !important;
}

.ext-style-412 {
  background: rgba(107,90,158,.12) !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  padding: 1.2rem 1rem !important;
  text-align: center !important;
}

.ext-style-413 {
  color: #b39ddb !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.ext-style-414 {
  background: rgba(41,171,226,.12) !important;
  padding: 1.2rem 1rem !important;
  text-align: center !important;
}

.ext-style-415 {
  color: var(--blue) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.ext-style-416 {
  color: rgba(41,171,226,.5) !important;
  font-size: 10px !important;
  margin-top: .3rem !important;
}

.ext-style-417 {
  background: #fff !important;
  border-bottom: 1px solid var(--glight) !important;
  display: grid !important;
  grid-template-columns: 1.4fr repeat(7,1fr) !important;
}

.ext-style-418 {
  align-items: center !important;
  color: var(--text) !important;
  display: flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 1rem 1.5rem !important;
}

.ext-style-419 {
  border-right: 1px solid var(--glight) !important;
  color: var(--gtxt) !important;
  font-size: 13px !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-420 {
  background: rgba(141,198,63,.04) !important;
  border-right: 1px solid var(--glight) !important;
  color: var(--gtxt) !important;
  font-size: 13px !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-421 {
  background: rgba(246,173,85,.04) !important;
  color: var(--gtxt) !important;
  font-size: 13px !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-422 {
  background: rgba(107,90,158,.04) !important;
  border-right: 1px solid var(--glight) !important;
  color: var(--gtxt) !important;
  font-size: 13px !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-423 {
  background: rgba(41,171,226,.04) !important;
  color: var(--gtxt) !important;
  font-size: 13px !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-424 {
  border-bottom: 1px solid var(--glight) !important;
  display: grid !important;
  grid-template-columns: 1.4fr repeat(4,1fr) 1fr 1fr !important;
}

.ext-style-425 {
  border-right: 1px solid var(--glight) !important;
  font-size: 18px !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-426 {
  background: rgba(141,198,63,.04) !important;
  border-right: 1px solid var(--glight) !important;
  font-size: 18px !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-427 {
  background: rgba(246,173,85,.04) !important;
  font-size: 18px !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-428 {
  background: rgba(107,90,158,.04) !important;
  border-right: 1px solid var(--glight) !important;
  font-size: 18px !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-429 {
  background: rgba(41,171,226,.04) !important;
  font-size: 18px) !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-430 {
  background: var(--gbg) !important;
  border-bottom: 1px solid var(--glight) !important;
  display: grid !important;
  grid-template-columns: 1.4fr repeat(4,1fr) 1fr 1fr !important;
}

.ext-style-431 {
  background: rgba(41,171,226,.04) !important;
  font-size: 18px !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-432 {
  border-right: 1px solid var(--glight) !important;
  color: var(--gtxt) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-433 {
  background: rgba(141,198,63,.04) !important;
  border-right: 1px solid var(--glight) !important;
  color: var(--gtxt) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-434 {
  background: rgba(246,173,85,.04) !important;
  color: #f6ad55 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-435 {
  background: rgba(107,90,158,.04) !important;
  border-right: 1px solid var(--glight) !important;
  color: var(--gtxt) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-436 {
  background: rgba(41,171,226,.04) !important;
  color: var(--blue) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-437 {
  background: rgba(41,171,226,.04) !important;
  color: var(--blue) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  padding: 1rem !important;
  text-align: center !important;
}

.ext-style-438 {
  background: var(--gbg) !important;
  display: grid !important;
  grid-template-columns: 1.4fr repeat(7,1fr) !important;
}

.ext-style-439 {
  align-items: center !important;
  color: var(--text) !important;
  display: flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 1.2rem 1.5rem !important;
}

.ext-style-440 {
  align-items: center !important;
  border-right: 1px solid var(--glight) !important;
  display: flex !important;
  justify-content: center !important;
  padding: 1rem .8rem !important;
}

.ext-style-441 {
  background: var(--blue) !important;
  border-radius: 50px !important;
  color: #fff !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.ext-style-442 {
  align-items: center !important;
  background: rgba(141,198,63,.04) !important;
  border-right: 1px solid var(--glight) !important;
  display: flex !important;
  justify-content: center !important;
  padding: 1rem .8rem !important;
}

.ext-style-443 {
  background: var(--green) !important;
  border-radius: 50px !important;
  color: #fff !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.ext-style-444 {
  background: var(--blue-dark) !important;
  border-radius: 50px !important;
  color: #fff !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.ext-style-445 {
  align-items: center !important;
  background: rgba(246,173,85,.04) !important;
  display: flex !important;
  justify-content: center !important;
  padding: 1rem .8rem !important;
}

.ext-style-446 {
  background: linear-gradient(135deg,#c8953a,#f6ad55) !important;
  border-radius: 50px !important;
  color: #fff !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.ext-style-447 {
  align-items: center !important;
  background: rgba(107,90,158,.06) !important;
  border-right: 1px solid var(--glight) !important;
  display: flex !important;
  justify-content: center !important;
  padding: 1rem .8rem !important;
}

.ext-style-448 {
  background: linear-gradient(135deg,#4a3080,#6b4fa8) !important;
  border-radius: 50px !important;
  color: #fff !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.ext-style-449 {
  align-items: center !important;
  background: rgba(41,171,226,.06) !important;
  display: flex !important;
  justify-content: center !important;
  padding: 1rem .8rem !important;
}

.ext-style-450 {
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 50px !important;
  color: #fff !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.ext-style-451 {
  display: grid !important;
  gap: 1.2rem !important;
  grid-template-columns: repeat(auto-fit,minmax(240px,1fr)) !important;
}

.ext-style-452 {
  background: #fff !important;
  border-radius: 18px !important;
  border: 2px solid rgba(41,171,226,.2) !important;
  padding: 1.6rem !important;
}

.ext-style-453 {
  font-size: 30px !important;
  margin-bottom: .8rem !important;
}

.ext-style-454 {
  color: var(--text) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin-bottom: .4rem !important;
}

.ext-style-455 {
  color: var(--blue) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-bottom: .7rem !important;
}

.ext-style-456 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin-bottom: 1rem !important;
}

.ext-style-457 {
  color: var(--text) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-bottom: .4rem !important;
}

.ext-style-458 {
  color: var(--gtxt) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  margin-bottom: 1rem !important;
}

.ext-style-459 {
  background: var(--blue) !important;
  border-radius: 50px !important;
  color: #fff !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 10px !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ext-style-460 {
  background: linear-gradient(145deg,rgba(141,198,63,.08),rgba(141,198,63,.02)) !important;
  border-radius: 18px !important;
  border: 2px solid rgba(141,198,63,.3) !important;
  padding: 1.6rem !important;
  position: relative !important;
}

.ext-style-461 {
  background: var(--green) !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  left: .8rem !important;
  padding: 2px 10px !important;
  position: absolute !important;
  top: .8rem !important;
}

.ext-style-462 {
  color: var(--green-dark) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-bottom: .7rem !important;
}

.ext-style-463 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin-bottom: .8rem !important;
}

.ext-style-464 {
  display: flex !important;
  flex-direction: column !important;
  gap: .4rem !important;
  margin-bottom: .8rem !important;
}

.ext-style-465 {
  color: var(--text) !important;
  display: flex !important;
  font-size: 12px !important;
  gap: 7px !important;
}

.ext-style-466 {
  background: var(--green) !important;
  border-radius: 50px !important;
  color: #fff !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 10px !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ext-style-467 {
  background: linear-gradient(145deg,rgba(14,134,200,.07),rgba(14,134,200,.02)) !important;
  border-radius: 18px !important;
  border: 2px solid rgba(14,134,200,.25) !important;
  padding: 1.6rem !important;
}

.ext-style-468 {
  color: var(--blue-dark) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-bottom: .7rem !important;
}

.ext-style-469 {
  color: var(--blue-dark) !important;
  font-weight: 900 !important;
}

.ext-style-470 {
  background: var(--blue-dark) !important;
  border-radius: 50px !important;
  color: #fff !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 10px !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ext-style-471 {
  background: linear-gradient(145deg,rgba(107,90,158,.08),rgba(107,90,158,.02)) !important;
  border-radius: 18px !important;
  border: 2px solid rgba(107,90,158,.3) !important;
  padding: 1.6rem !important;
}

.ext-style-472 {
  color: #6b4fa8 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-bottom: .7rem !important;
}

.ext-style-473 {
  background: linear-gradient(135deg,#4a3080,#6b4fa8) !important;
  border-radius: 50px !important;
  color: #fff !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 10px !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ext-style-474 {
  background: linear-gradient(135deg,#0d3a18 0%,#1a6b2e 40%,#0d4a20 100%) !important;
  border-radius: 20px !important;
  border: 2px solid rgba(141,198,63,.5) !important;
  box-shadow: 0 8px 40px rgba(13,58,24,.5) !important;
  display: block !important;
  grid-column: 1/-1 !important;
  overflow: hidden !important;
  padding: 2rem 2.5rem !important;
  position: relative !important;
  text-decoration: none !important;
  transition: all .3s !important;
}

.ext-style-475 {
  background: radial-gradient(circle,rgba(141,198,63,.15) 0%,transparent 70%) !important;
  border-radius: 50% !important;
  height: 260px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: -60px !important;
  top: -60px !important;
  width: 260px !important;
}

.ext-style-476 {
  background: radial-gradient(circle,rgba(41,171,226,.07) 0%,transparent 70%) !important;
  border-radius: 50% !important;
  bottom: -60px !important;
  height: 220px !important;
  left: 10% !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 220px !important;
}

.ext-style-477 {
  align-items: center !important;
  display: flex !important;
  gap: 2rem !important;
  position: relative !important;
  z-index: 1 !important;
}

.ext-style-478 {
  flex-shrink: 0 !important;
  font-size: 42px !important;
}

.ext-style-479 {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  margin-bottom: .6rem !important;
}

.ext-style-480 {
  align-items: center !important;
  background: var(--green) !important;
  border-radius: 50px !important;
  display: inline-flex !important;
  gap: 5px !important;
  padding: 3px 12px !important;
}

.ext-style-481 {
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.ext-style-482 {
  color: rgba(141,198,63,.7) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.ext-style-483 {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  margin-bottom: .4rem !important;
}

.ext-style-484 {
  color: rgba(255,255,255,.65) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  margin-bottom: .8rem !important;
}

.ext-style-485 {
  background: rgba(141,198,63,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(141,198,63,.3) !important;
  color: var(--green) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
}

.ext-style-486 {
  flex-shrink: 0 !important;
  text-align: center !important;
}

.ext-style-487 {
  background: var(--green) !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(141,198,63,.4) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 12px 24px !important;
  white-space: nowrap !important;
}

.ext-style-488 {
  color: rgba(255,255,255,.55) !important;
  font-size: 10px !important;
  margin-top: .5rem !important;
}

.ext-style-489 {
  background: linear-gradient(125deg,#07111f 0%,#0c1e3d 40%,#102252 65%,#0a1628 100%) !important;
  border-radius: 20px !important;
  border: 2px solid rgba(246,173,85,.4) !important;
  box-shadow: 0 8px 40px rgba(14,45,110,.5) !important;
  display: block !important;
  grid-column: 1/-1 !important;
  overflow: hidden !important;
  padding: 2rem 2.5rem !important;
  position: relative !important;
  text-decoration: none !important;
  transition: all .3s !important;
}

.ext-style-490 {
  background: linear-gradient(90deg,transparent,#f6e08a,transparent) !important;
  height: 2px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ext-style-491 {
  background: radial-gradient(circle,rgba(246,173,85,.1) 0%,transparent 70%) !important;
  border-radius: 50% !important;
  height: 260px !important;
  pointer-events: none !important;
  position: absolute !important;
  right: -60px !important;
  top: -60px !important;
  width: 260px !important;
}

.ext-style-492 {
  align-items: center !important;
  background: linear-gradient(135deg,#c8953a,#f6e08a,#c8953a) !important;
  border-radius: 50px !important;
  display: inline-flex !important;
  gap: 5px !important;
  padding: 3px 12px !important;
}

.ext-style-493 {
  font-size: 11px !important;
}

.ext-style-494 {
  color: #1a0f00 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

.ext-style-495 {
  color: rgba(246,173,85,.6) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.ext-style-496 {
  color: rgba(255,255,255,.6) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  margin-bottom: .8rem !important;
}

.ext-style-497 {
  background: rgba(246,173,85,.12) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(246,173,85,.3) !important;
  color: #f6c46a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
}

.ext-style-498 {
  background: linear-gradient(135deg,#c8953a,#f6ad55) !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(200,149,58,.4) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 12px 24px !important;
  white-space: nowrap !important;
}

.ext-style-499 {
  background: linear-gradient(125deg,#07111f 0%,#0c1e3d 40%,#071428 100%) !important;
  border-radius: 20px !important;
  border: 2px solid rgba(41,171,226,.4) !important;
  box-shadow: 0 8px 40px rgba(14,45,110,.4) !important;
  display: block !important;
  grid-column: 1/-1 !important;
  overflow: hidden !important;
  padding: 2rem 2.5rem !important;
  position: relative !important;
  text-decoration: none !important;
  transition: all .3s !important;
}

.ext-style-500 {
  align-items: center !important;
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 50px !important;
  display: inline-flex !important;
  gap: 5px !important;
  padding: 3px 12px !important;
}

.ext-style-501 {
  background: rgba(41,171,226,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(41,171,226,.3) !important;
  color: var(--blue) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
}

.ext-style-502 {
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(41,171,226,.4) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 12px 24px !important;
  white-space: nowrap !important;
}

.ext-style-503 {
  background: linear-gradient(135deg,var(--blue-dark),#050d1a) !important;
  border-radius: 20px !important;
  color: #fff !important;
  margin-top: 2rem !important;
  padding: 2rem !important;
  text-align: center !important;
}

.ext-style-504 {
  font-size: 28px !important;
  margin-bottom: .6rem !important;
}

.ext-style-505 {
  font-size: 18px !important;
  font-weight: 800 !important;
  margin-bottom: .4rem !important;
}

.ext-style-506 {
  color: rgba(255,255,255,.75) !important;
  font-size: 14px !important;
  margin-bottom: 1.2rem !important;
}

.ext-style-507 {
  align-items: center !important;
  background: var(--green) !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(141,198,63,.4) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  padding: 12px 28px !important;
  text-decoration: none !important;
}

.ext-style-508 {
  background: var(--gbg) !important;
  display: none !important;
  min-height: 100vh !important;
  padding-bottom: 4rem !important;
}

.ext-style-509 {
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  color: #fff !important;
  padding: 3rem 2rem !important;
  text-align: center !important;
}

.ext-style-510 {
  margin: 3rem auto !important;
  max-width: 800px !important;
  padding: 0 1.5rem !important;
}

.ext-style-511 {
  background: #fff !important;
  border-radius: 20px !important;
  border: 2px solid var(--glight) !important;
  box-shadow: 0 4px 24px rgba(41,171,226,.08) !important;
  color: var(--text) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  padding: 2.5rem !important;
}

.ext-style-512 {
  border-bottom: 2px solid var(--glight) !important;
  color: var(--text) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  margin: 0 0 1rem !important;
  padding-bottom: .8rem !important;
}

.ext-style-513 {
  border-bottom: 2px solid var(--glight) !important;
  color: var(--text) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  margin: 1.5rem 0 1rem !important;
  padding-bottom: .8rem !important;
}

.ext-style-514 {
  margin-bottom: .8rem !important;
}

.ext-style-515 {
  margin-bottom: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.ext-style-516 {
  margin-bottom: .5rem !important;
}

.ext-style-517 {
  background: var(--gbg) !important;
  border-radius: 12px !important;
  border: 1px solid var(--glight) !important;
  color: var(--gtxt) !important;
  font-size: 13px !important;
  padding: 1.2rem !important;
}

.ext-style-518 {
  border-top: 1px solid var(--glight) !important;
  margin-top: .8rem !important;
  padding-top: .6rem !important;
}

.ext-style-519 {
  background: var(--gbg) !important;
  border-radius: 8px !important;
  border: 1px solid var(--glight) !important;
  color: var(--gtxt) !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-size: 12px !important;
  padding: 6px 14px !important;
}

.ext-style-520 {
  background: var(--gbg) !important;
  display: none !important;
  min-height: 100vh !important;
  padding-bottom: 5rem !important;
}

.ext-style-521 {
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 2rem 2rem 2.5rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-522 {
  background: rgba(255,255,255,.06) !important;
  border-radius: 50% !important;
  height: 220px !important;
  position: absolute !important;
  right: -60px !important;
  top: -60px !important;
  width: 220px !important;
}

.ext-style-523 {
  align-items: center !important;
  background: rgba(255,255,255,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  margin-bottom: 1rem !important;
  padding: 7px 18px !important;
  text-decoration: none !important;
}

.ext-style-524 {
  align-items: center !important;
  background: var(--green) !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 16px rgba(141,198,63,.4) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  gap: 8px !important;
  margin-right: .5rem !important;
  padding: 10px 22px !important;
  text-decoration: none !important;
}

.ext-style-525 {
  align-items: center !important;
  background: rgba(255,255,255,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  margin-bottom: 1.2rem !important;
  padding: 7px 18px !important;
  text-decoration: none !important;
}

.ext-style-526 {
  font-size: 42px !important;
  margin-bottom: .6rem !important;
}

.ext-style-527 {
  color: rgba(255,255,255,.6) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  margin-bottom: .4rem !important;
  text-transform: uppercase !important;
}

.ext-style-528 {
  font-size: clamp(22px,3vw,34px) !important;
  font-weight: 900 !important;
  margin-bottom: .4rem !important;
}

.ext-style-529 {
  color: rgba(255,255,255,.8) !important;
  font-size: 15px !important;
  margin: 0 auto !important;
  max-width: 480px !important;
}

.ext-style-530 {
  align-items: start !important;
  display: grid !important;
  gap: 2rem !important;
  grid-template-columns: 1.3fr 1fr !important;
  margin: 2.5rem auto !important;
  max-width: 900px !important;
  padding: 0 1.5rem !important;
}

.ext-style-531 {
  background: #fff !important;
  border-radius: 18px !important;
  border: 2px solid var(--glight) !important;
  box-shadow: 0 4px 16px rgba(41,171,226,.06) !important;
  margin-bottom: 1.2rem !important;
  padding: 1.8rem !important;
}

.ext-style-532 {
  border-bottom: 2px solid var(--glight) !important;
  color: var(--text) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  margin-bottom: 1rem !important;
  padding-bottom: .7rem !important;
}

.ext-style-533 {
  align-items: flex-start !important;
  border-bottom: 1px solid var(--glight) !important;
  display: flex !important;
  gap: 12px !important;
  padding: .8rem 0 !important;
}

.ext-style-534 {
  background: var(--blue) !important;
  border-radius: 50px !important;
  color: #fff !important;
  flex-shrink: 0 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 10px !important;
  white-space: nowrap !important;
}

.ext-style-535 {
  color: var(--text) !important;
  font-size: 14px !important;
}

.ext-style-536 {
  background: var(--text) !important;
  border-radius: 18px !important;
  padding: 1.5rem !important;
}

.ext-style-537 {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin-bottom: 1rem !important;
}

.ext-style-538 {
  display: flex !important;
  flex-direction: column !important;
  gap: .7rem !important;
}

.ext-style-539 {
  align-items: center !important;
  background: var(--green) !important;
  border-radius: 50% !important;
  color: #fff !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 22px !important;
  justify-content: center !important;
  margin-top: 1px !important;
  min-width: 22px !important;
  width: 22px !important;
}

.ext-style-540 {
  color: rgba(255,255,255,.85) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.ext-style-541 {
  background: linear-gradient(145deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 40px rgba(41,171,226,.25) !important;
  color: #fff !important;
  margin-bottom: 1.2rem !important;
  padding: 2rem !important;
  text-align: center !important;
}

.ext-style-542 {
  font-size: 34px !important;
  margin-bottom: .6rem !important;
}

.ext-style-543 {
  font-size: 18px !important;
  font-weight: 900 !important;
  margin-bottom: .5rem !important;
}

.ext-style-544 {
  color: rgba(255,255,255,.8) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin-bottom: 1.3rem !important;
}

.ext-style-545 {
  border-radius: 50px !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-bottom: .7rem !important;
  padding: 14px !important;
  text-align: center !important;
  text-decoration: none !important;
}

.ext-style-546 {
  color: rgba(255,255,255,.5) !important;
  font-size: 11px !important;
}

.ext-style-547 {
  background: #fff !important;
  border-radius: 16px !important;
  border: 2px solid var(--glight) !important;
  padding: 1.5rem !important;
}

.ext-style-548 {
  color: var(--text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: .8rem !important;
}

.ext-style-549 {
  background: linear-gradient(135deg,#2980b9,#1a5f8a) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 2rem 2rem 2.5rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-550 {
  background: linear-gradient(145deg,#2980b9,#1a5f8a) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 40px rgba(41,171,226,.25) !important;
  color: #fff !important;
  margin-bottom: 1.2rem !important;
  padding: 2rem !important;
  text-align: center !important;
}

.ext-style-551 {
  background: linear-gradient(135deg,#1a5a1a,#0d3d0d) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 2rem 2rem 2.5rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-552 {
  background: linear-gradient(145deg,#1a5a1a,#0d3d0d) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 40px rgba(41,171,226,.25) !important;
  color: #fff !important;
  margin-bottom: 1.2rem !important;
  padding: 2rem !important;
  text-align: center !important;
}

.ext-style-553 {
  background: linear-gradient(135deg,#07111f,#0c1e3d) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 1.8rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-554 {
  background: rgba(41,171,226,.06) !important;
  border-radius: 50% !important;
  height: 220px !important;
  position: absolute !important;
  right: -60px !important;
  top: -60px !important;
  width: 220px !important;
}

.ext-style-555 {
  font-size: 38px !important;
  margin-bottom: .5rem !important;
}

.ext-style-556 {
  color: rgba(255,255,255,.6) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  margin-bottom: .3rem !important;
  text-transform: uppercase !important;
}

.ext-style-557 {
  font-size: clamp(22px,3vw,32px) !important;
  font-weight: 900 !important;
  margin-bottom: .3rem !important;
}

.ext-style-558 {
  color: rgba(255,255,255,.75) !important;
  font-size: 14px !important;
  margin: .5rem auto 0 !important;
  max-width: 500px !important;
}

.ext-style-559 {
  align-items: start !important;
  display: grid !important;
  gap: 2rem !important;
  grid-template-columns: 1.3fr 1fr !important;
  margin: 2rem auto !important;
  max-width: 900px !important;
  padding: 0 1.5rem !important;
}

.ext-style-560 {
  display: flex !important;
  flex-direction: column !important;
  gap: .8rem !important;
}

.ext-style-561 {
  align-items: flex-start !important;
  background: linear-gradient(135deg,rgba(200,149,58,.12),rgba(200,149,58,.04)) !important;
  border-radius: 12px !important;
  border: 2px solid rgba(200,149,58,.5) !important;
  display: flex !important;
  gap: 12px !important;
  overflow: hidden !important;
  padding: 1.2rem !important;
  position: relative !important;
}

.ext-style-562 {
  background: linear-gradient(90deg,transparent,#f6ad55,transparent) !important;
  height: 2px !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.ext-style-563 {
  align-items: center !important;
  background: linear-gradient(135deg,#c8953a,#f6ad55) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(200,149,58,.4) !important;
  color: #fff !important;
  display: flex !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  height: 36px !important;
  justify-content: center !important;
  min-width: 36px !important;
  width: 36px !important;
}

.ext-style-564 {
  color: var(--text) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.ext-style-565 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin: 0 0 .6rem !important;
}

.ext-style-566 {
  display: grid !important;
  gap: .3rem !important;
  grid-template-columns: 1fr 1fr !important;
}

.ext-style-567 {
  color: var(--text) !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  gap: 7px !important;
}

.ext-style-568 {
  color: #c8953a !important;
  font-weight: 900 !important;
}

.ext-style-569 {
  align-items: flex-start !important;
  background: rgba(41,171,226,.06) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(41,171,226,.2) !important;
  display: flex !important;
  gap: 12px !important;
  padding: 1rem !important;
}

.ext-style-570 {
  align-items: center !important;
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 8px !important;
  color: #fff !important;
  display: flex !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  height: 32px !important;
  justify-content: center !important;
  min-width: 32px !important;
  width: 32px !important;
}

.ext-style-571 {
  color: var(--text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: .3rem !important;
}

.ext-style-572 {
  align-items: flex-start !important;
  border-bottom: 1px solid var(--glight) !important;
  color: var(--text) !important;
  display: flex !important;
  font-size: 14px !important;
  gap: 10px !important;
  padding: 10px 0 !important;
}

.ext-style-573 {
  align-items: center !important;
  background: var(--blue) !important;
  border-radius: 50% !important;
  color: #fff !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 22px !important;
  justify-content: center !important;
  margin-top: 1px !important;
  min-width: 22px !important;
  width: 22px !important;
}

.ext-style-574 {
  align-items: flex-start !important;
  color: var(--text) !important;
  display: flex !important;
  font-size: 14px !important;
  gap: 10px !important;
  padding: 10px 0 !important;
}

.ext-style-575 {
  align-items: center !important;
  background: linear-gradient(135deg,#c8953a,#f6ad55) !important;
  border-radius: 50% !important;
  color: #1a0f00 !important;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  height: 22px !important;
  justify-content: center !important;
  margin-top: 1px !important;
  min-width: 22px !important;
  width: 22px !important;
}

.ext-style-576 {
  background: var(--text) !important;
  border-radius: 14px !important;
  padding: 1.3rem !important;
}

.ext-style-577 {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: .8rem !important;
}

.ext-style-578 {
  align-items: flex-start !important;
  display: flex !important;
  gap: 9px !important;
}

.ext-style-579 {
  align-items: center !important;
  background: var(--blue) !important;
  border-radius: 50% !important;
  color: #fff !important;
  display: flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  height: 20px !important;
  justify-content: center !important;
  margin-top: 1px !important;
  min-width: 20px !important;
  width: 20px !important;
}

.ext-style-580 {
  color: rgba(255,255,255,.85) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.ext-style-581 {
  background: linear-gradient(145deg,#07111f,#0c1e3d) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(41,171,226,.2) !important;
  box-shadow: 0 12px 40px rgba(14,45,110,.4) !important;
  color: #fff !important;
  margin-bottom: 1.2rem !important;
  padding: 1.8rem !important;
  text-align: center !important;
}

.ext-style-582 {
  font-size: 30px !important;
  margin-bottom: .5rem !important;
}

.ext-style-583 {
  font-size: 17px !important;
  font-weight: 900 !important;
  margin-bottom: .4rem !important;
}

.ext-style-584 {
  color: rgba(255,255,255,.7) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  margin-bottom: 1.2rem !important;
}

.ext-style-585 {
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(41,171,226,.4) !important;
  color: #fff !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: .6rem !important;
  padding: 13px !important;
  text-decoration: none !important;
}

.ext-style-586 {
  color: rgba(255,255,255,.4) !important;
  font-size: 11px !important;
}

.ext-style-587 {
  background: #fff !important;
  border-radius: 16px !important;
  border: 2px solid var(--glight) !important;
  padding: 1.4rem !important;
}

.ext-style-588 {
  color: var(--text) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 8px !important;
  padding: 5px 0 !important;
}

.ext-style-589 {
  background: linear-gradient(135deg,#1a5a2e,#0d3a18) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 1.8rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-590 {
  color: rgba(255,255,255,.8) !important;
  font-size: 14px !important;
  margin: .4rem auto 0 !important;
  max-width: 480px !important;
}

.ext-style-591 {
  align-items: flex-start !important;
  color: var(--text) !important;
  display: flex !important;
  font-size: 14px !important;
  gap: 10px !important;
  padding: 9px 0 !important;
}

.ext-style-592 {
  background: var(--green) !important;
  border-radius: 50px !important;
  color: #fff !important;
  flex-shrink: 0 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 10px !important;
  white-space: nowrap !important;
}

.ext-style-593 {
  align-items: flex-start !important;
  display: flex !important;
  gap: 12px !important;
  padding: .8rem 0 !important;
}

.ext-style-594 {
  align-items: center !important;
  background: var(--green) !important;
  border-radius: 50% !important;
  color: #fff !important;
  display: flex !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  height: 20px !important;
  justify-content: center !important;
  margin-top: 1px !important;
  min-width: 20px !important;
  width: 20px !important;
}

.ext-style-595 {
  background: linear-gradient(145deg,#1a5a2e,#0d3a18) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 40px rgba(13,58,24,.35) !important;
  color: #fff !important;
  margin-bottom: 1.2rem !important;
  padding: 1.8rem !important;
  text-align: center !important;
}

.ext-style-596 {
  color: rgba(255,255,255,.8) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  margin-bottom: 1.2rem !important;
}

.ext-style-597 {
  background: var(--green) !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(141,198,63,.4) !important;
  color: #fff !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: .6rem !important;
  padding: 13px !important;
  text-decoration: none !important;
}

.ext-style-598 {
  color: var(--text) !important;
  display: flex !important;
  font-size: 13px !important;
  gap: 8px !important;
  padding: 6px 0 !important;
}

.ext-style-599 {
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 1.8rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-600 {
  background: linear-gradient(145deg,var(--blue),var(--blue-dark)) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 40px rgba(41,171,226,.25) !important;
  color: #fff !important;
  margin-bottom: 1.2rem !important;
  padding: 1.8rem !important;
  text-align: center !important;
}

.ext-style-601 {
  background: var(--green) !important;
  border-radius: 50px !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(141,198,63,.4) !important;
  color: #fff !important;
  cursor: pointer !important;
  display: block !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: .6rem !important;
  padding: 13px !important;
  width: 100% !important;
}

.ext-style-602 {
  background: linear-gradient(135deg,#2980b9,#1a5f8a) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 1.8rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-603 {
  background: linear-gradient(145deg,#2980b9,#1a5f8a) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 40px rgba(41,171,226,.25) !important;
  color: #fff !important;
  margin-bottom: 1.2rem !important;
  padding: 1.8rem !important;
  text-align: center !important;
}

.ext-style-604 {
  background: linear-gradient(135deg,#1a5a1a,#0d3d0d) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 1.8rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-605 {
  background: linear-gradient(145deg,#1a5a1a,#0d3d0d) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 40px rgba(41,171,226,.25) !important;
  color: #fff !important;
  margin-bottom: 1.2rem !important;
  padding: 1.8rem !important;
  text-align: center !important;
}

.ext-style-606 {
  background: linear-gradient(135deg,var(--blue),var(--blue-dark)) !important;
  color: #fff !important;
  padding: 2.5rem 2rem !important;
  text-align: center !important;
}

.ext-style-607 {
  font-size: 40px !important;
  margin-bottom: .6rem !important;
}

.ext-style-608 {
  color: rgba(255,255,255,.8) !important;
  font-size: 14px !important;
}

.ext-style-609 {
  border-bottom: 2px solid var(--glight) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  margin: 0 0 1rem !important;
  padding-bottom: .7rem !important;
}

.ext-style-610 {
  border-bottom: 2px solid var(--glight) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  margin: 1.5rem 0 1rem !important;
  padding-bottom: .7rem !important;
}

.ext-style-611 {
  margin-bottom: 1rem !important;
}

.ext-style-612 {
  background: linear-gradient(135deg,#2c3e7a,#1a2a5e) !important;
  color: #fff !important;
  padding: 2.5rem 2rem !important;
  text-align: center !important;
}

.ext-style-613 {
  background: linear-gradient(135deg,rgba(41,171,226,.08),rgba(41,171,226,.03)) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(41,171,226,.2) !important;
  margin-bottom: 2rem !important;
  padding: 1.2rem !important;
}

.ext-style-614 {
  background: var(--gbg) !important;
  border-radius: 12px !important;
  border: 1px solid var(--glight) !important;
  padding: 1.2rem !important;
}

.ext-style-615 {
  color: var(--blue) !important;
  font-weight: 600 !important;
}

.ext-style-616 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  margin-top: 1rem !important;
}

.ext-style-617 {
  background: linear-gradient(135deg,#0d3020,#1a5a2e) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 3rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-618 {
  background: rgba(141,198,63,.2) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(141,198,63,.4) !important;
  color: var(--green) !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-bottom: 1rem !important;
  padding: 5px 18px !important;
}

.ext-style-619 {
  font-size: clamp(24px,3vw,38px) !important;
  font-weight: 900 !important;
  margin-bottom: .5rem !important;
}

.ext-style-620 {
  color: rgba(255,255,255,.8) !important;
  font-size: 16px !important;
  margin: 0 auto !important;
  max-width: 520px !important;
}

.ext-style-621 {
  align-items: start !important;
  display: grid !important;
  gap: 2rem !important;
  grid-template-columns: 1.3fr 1fr !important;
  margin: 2.5rem auto !important;
  max-width: 960px !important;
  padding: 0 1.5rem !important;
}

.ext-style-622 {
  background: #fff !important;
  border-radius: 18px !important;
  border: 2px solid var(--glight) !important;
  box-shadow: 0 4px 16px rgba(141,198,63,.08) !important;
  margin-bottom: 1.2rem !important;
  padding: 1.8rem !important;
}

.ext-style-623 {
  align-items: flex-start !important;
  background: rgba(141,198,63,.06) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(141,198,63,.2) !important;
  display: flex !important;
  gap: 12px !important;
  padding: 1rem !important;
}

.ext-style-624 {
  align-items: center !important;
  background: linear-gradient(135deg,var(--green),#6fa832) !important;
  border-radius: 8px !important;
  color: #fff !important;
  display: flex !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  height: 32px !important;
  justify-content: center !important;
  min-width: 32px !important;
  width: 32px !important;
}

.ext-style-625 {
  color: var(--text) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-bottom: .3rem !important;
}

.ext-style-626 {
  align-items: flex-start !important;
  background: var(--gbg) !important;
  border-radius: 12px !important;
  border-right: 4px solid var(--green) !important;
  display: flex !important;
  gap: 12px !important;
  padding: .8rem !important;
}

.ext-style-627 {
  flex-shrink: 0 !important;
  font-size: 22px !important;
}

.ext-style-628 {
  align-items: flex-start !important;
  background: var(--gbg) !important;
  border-radius: 12px !important;
  border-right: 4px solid var(--blue) !important;
  display: flex !important;
  gap: 12px !important;
  padding: .8rem !important;
}

.ext-style-629 {
  background: #fff !important;
  border-radius: 18px !important;
  border: 2px solid var(--glight) !important;
  margin-bottom: 1.2rem !important;
  padding: 1.8rem !important;
}

.ext-style-630 {
  border-bottom: 1px solid var(--glight) !important;
  display: flex !important;
  gap: 12px !important;
  padding: .8rem 0 !important;
}

.ext-style-631 {
  display: flex !important;
  gap: 12px !important;
  padding: .8rem 0 !important;
}

.ext-style-632 {
  background: rgba(141,198,63,.06) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(141,198,63,.2) !important;
  padding: 1.3rem !important;
}

.ext-style-633 {
  color: var(--text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: .5rem !important;
}

.ext-style-634 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

.ext-style-635 {
  position: sticky !important;
  top: 1rem !important;
}

.ext-style-636 {
  background: linear-gradient(145deg,#0d3020,#1a5a2e) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(141,198,63,.25) !important;
  box-shadow: 0 12px 40px rgba(141,198,63,.25) !important;
  color: #fff !important;
  margin-bottom: 1.2rem !important;
  padding: 2rem !important;
  text-align: center !important;
}

.ext-style-637 {
  font-size: 18px !important;
  font-weight: 900 !important;
  margin-bottom: .4rem !important;
}

.ext-style-638 {
  background: var(--green) !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(141,198,63,.4) !important;
  color: #fff !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-bottom: .8rem !important;
  padding: 14px !important;
  text-decoration: none !important;
}

.ext-style-639 {
  background: linear-gradient(135deg,#0d2b1a,#1a5a2e,#0a1f13) !important;
  color: #fff !important;
  overflow: hidden !important;
  padding: 3rem 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-640 {
  background: radial-gradient(ellipse 70% 80% at 30% 50%,rgba(141,198,63,.12) 0%,transparent 65%),radial-gradient(ellipse 50% 60% at 80% 30%,rgba(41,171,226,.08) 0%,transparent 60%) !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.ext-style-641 {
  align-items: center !important;
  background: rgba(255,255,255,.12) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  gap: 8px !important;
  margin-bottom: 1.4rem !important;
  padding: 7px 18px !important;
  text-decoration: none !important;
}

.ext-style-642 {
  background: rgba(246,173,85,.15) !important;
  border-radius: 50px !important;
  border: 1px solid rgba(246,173,85,.4) !important;
  color: #f6ad55 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .5px !important;
  margin-bottom: 1rem !important;
  padding: 5px 18px !important;
}

.ext-style-643 {
  font-size: clamp(24px,3vw,40px) !important;
  font-weight: 900 !important;
  margin-bottom: .5rem !important;
}

.ext-style-644 {
  color: rgba(255,255,255,.8) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0 auto !important;
  max-width: 540px !important;
}

.ext-style-645 {
  color: var(--text) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.ext-style-646 {
  color: var(--gtxt) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin: 0 0 .7rem !important;
}

.ext-style-647 {
  background: linear-gradient(145deg,#0d2b1a,#1a5a2e) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(141,198,63,.3) !important;
  box-shadow: 0 12px 40px rgba(141,198,63,.3) !important;
  color: #fff !important;
  margin-bottom: 1.2rem !important;
  overflow: hidden !important;
  padding: 2rem !important;
  position: relative !important;
  text-align: center !important;
}

.ext-style-648 {
  background: radial-gradient(circle,rgba(141,198,63,.15) 0%,transparent 70%) !important;
  border-radius: 50% !important;
  bottom: -40px !important;
  height: 160px !important;
  left: -40px !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 160px !important;
}

.ext-style-649 {
  font-size: 34px !important;
  margin-bottom: .6rem !important;
  position: relative !important;
  z-index: 1 !important;
}

.ext-style-650 {
  font-size: 18px !important;
  font-weight: 900 !important;
  margin-bottom: .4rem !important;
  position: relative !important;
  z-index: 1 !important;
}

.ext-style-651 {
  color: rgba(255,255,255,.8) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin-bottom: 1.3rem !important;
  position: relative !important;
  z-index: 1 !important;
}

.ext-style-652 {
  background: linear-gradient(135deg,#f6ad55,#dd6b20) !important;
  border-radius: 50px !important;
  box-shadow: 0 6px 20px rgba(246,173,85,.4) !important;
  color: #fff !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-bottom: .8rem !important;
  padding: 14px !important;
  position: relative !important;
  text-decoration: none !important;
  z-index: 1 !important;
}

.ext-style-653 {
  color: rgba(255,255,255,.5) !important;
  font-size: 11px !important;
  position: relative !important;
  z-index: 1 !important;
}

.ext-style-654 {
  color: var(--green) !important;
  font-weight: 800 !important;
}

.ext-style-655 {
  align-items: center !important;
  background: #1a2a4a !important;
  bottom: 0 !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,.4) !important;
  color: #fff !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  justify-content: space-between !important;
  left: 0 !important;
  padding: 1rem 2rem !important;
  position: fixed !important;
  right: 0 !important;
  z-index: 99999 !important;
}

.ext-style-656 {
  font-size: 15px !important;
}

.ext-style-657 {
  color: rgba(255,255,255,.75) !important;
  font-size: 13px !important;
  margin-right: .5rem !important;
}

.ext-style-658 {
  color: #29ABE2 !important;
}

.ext-style-659 {
  display: flex !important;
  gap: .8rem !important;
}

.ext-style-660 {
  background: transparent !important;
  border-radius: 50px !important;
  border: 1.5px solid rgba(255,255,255,.4) !important;
  color: #fff !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 9px 20px !important;
}

.ext-style-661 {
  background: #8DC63F !important;
  border-radius: 50px !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 9px 22px !important;
}

