
/* ===== index.html original theme CSS ===== */
:root{--pur:#8B1FBF;--pur2:#7B1FA2;--pur-dark:#1a0a2e;--pur-deep:#2d0a4e;--magenta:#C2185B;--orange:#E8671A;--orange2:#F58035;--grad:linear-gradient(135deg,#C2185B 0%,#8B1FBF 50%,#4A148C 100%);--grad2:linear-gradient(135deg,#8B1FBF,#C2185B);--pink-light:#f8f0ff;--white:#fff;--text:#1a0a2e;--muted:#6b6b8a;--border:#e8d5f5;--bg:#faf5ff;--r-sm:8px;--r-md:16px;--r-lg:24px;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter','DM Sans',sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--white);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
.topbar{background:var(--pur-dark);padding:8px 48px;display:flex;justify-content:space-between;align-items:center;}
.tb-left{display:flex;gap:20px;}
.tb-left a{font-size:.78rem;color:rgba(255,255,255,.55);letter-spacing:.5px;transition:color .2s;}
.tb-left a:hover{color:var(--orange2);}
.tb-right{display:flex;gap:8px;}
.tb-soc{font-size:.72rem;color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.12);padding:3px 10px;border-radius:4px;transition:.2s;}
.tb-soc:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
nav{background:var(--white);padding:0 48px;height:72px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:900;box-shadow:0 2px 24px rgba(139,31,191,.1);border-bottom:1px solid var(--border);}
.nav-logo{height:48px;width:auto;object-fit:contain;}
.nav-right{display:flex;align-items:center;gap:3px;}
.nav-right>a{font-size:.88rem;font-weight:500;color:var(--text);padding:8px 13px;border-radius:var(--r-sm);transition:.2s;white-space:nowrap;}
.nav-right>a:hover{color:var(--pur);background:var(--pink-light);}
.nav-right>a.active{color:var(--pur);background:var(--pink-light);}
.nav-dd{position:relative;}
.nav-dd-btn{display:flex;align-items:center;gap:5px;font-size:.88rem;font-weight:500;color:var(--text);padding:8px 13px;border-radius:var(--r-sm);cursor:pointer;transition:.2s;border:none;background:transparent;white-space:nowrap;font-family:inherit;}
.nav-dd-btn svg{width:13px;height:13px;transition:transform .2s;}
.nav-dd:hover .nav-dd-btn{color:var(--pur);background:var(--pink-light);}
.nav-dd:hover .nav-dd-btn svg{transform:rotate(180deg);}
.nav-dd-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--white);border-radius:var(--r-lg);box-shadow:0 16px 48px rgba(139,31,191,.16);border:1px solid var(--border);min-width:240px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:999;max-height:80vh;overflow-y:auto;}
.nav-dd:hover .nav-dd-menu{opacity:1;visibility:visible;transform:translateY(0);}
.nav-dd-menu a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-sm);font-size:.85rem;color:var(--pur2);transition:.15s;}
.nav-dd-menu a:hover{background:var(--pink-light);color:var(--pur);padding-left:16px;}
.nav-dd-menu a::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--grad2);flex-shrink:0;}
.nav-inquiry{background:var(--grad)!important;color:#fff!important;padding:9px 18px!important;border-radius:100px!important;font-weight:700!important;box-shadow:0 4px 14px rgba(139,31,191,.35);}
.nav-inquiry:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(139,31,191,.45)!important;}
.nav-login{background:transparent!important;color:var(--pur)!important;border:1.5px solid var(--pur)!important;padding:8px 18px!important;border-radius:100px!important;font-weight:600!important;}
.nav-login:hover{background:var(--pur)!important;color:#fff!important;}
.section{padding:80px 48px;max-width:1200px;margin:0 auto;}
.section-alt{background:var(--bg);padding:80px 0;}
.section-alt-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.section-dark{background:var(--pur-dark);padding:80px 0;}
.section-dark-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pur);background:var(--pink-light);border:1px solid rgba(139,31,191,.2);padding:5px 14px;border-radius:100px;margin-bottom:14px;}
.eyebrow-white{color:rgba(255,255,255,.85);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);}
h2{font-size:2.6rem;font-weight:800;color:var(--text);line-height:1.1;margin-bottom:14px;letter-spacing:-.5px;}
h2 .pur{color:var(--pur);}
h2 .ora{color:var(--orange);}
h2 .wh{color:#fff;}
.sdesc{font-size:1rem;color:var(--muted);line-height:1.8;max-width:620px;margin-bottom:40px;}
.sdesc-white{color:rgba(255,255,255,.65);}
.rev{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.rev.vis{opacity:1;transform:translateY(0);}
.btn-primary{background:var(--grad);color:#fff;padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(139,31,191,.35);border:none;cursor:pointer;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(139,31,191,.45);}
.btn-outline{background:transparent;color:var(--pur);padding:12px 24px;border-radius:100px;border:2px solid var(--pur);font-weight:600;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;}
.btn-outline:hover{background:var(--pur);color:#fff;}
.btn-white{background:#fff;color:var(--pur);padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(0,0,0,.15);}
.btn-white:hover{background:var(--orange);color:#fff;transform:translateY(-2px);}
.cta-section{background:var(--grad);padding:90px 48px;text-align:center;position:relative;overflow:hidden;}
.cta-in{max-width:680px;margin:0 auto;position:relative;z-index:1;}
.cta-in h2{color:#fff;font-size:2.8rem;margin-bottom:14px;}
.cta-in p{color:rgba(255,255,255,.8);font-size:1.02rem;line-height:1.8;margin-bottom:36px;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
footer{background:var(--pur-dark);padding:60px 48px 0;}
.ft{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:44px;max-width:1200px;margin:0 auto;padding-bottom:44px;}
.ft-logo{height:52px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1);object-fit:contain;}
.ft-desc{font-size:.85rem;color:rgba(255,255,255,.4);line-height:1.8;margin-bottom:16px;}
.ft-contact a{font-size:.82rem;color:rgba(255,255,255,.4);display:block;line-height:2.1;transition:.2s;}
.ft-contact a:hover{color:var(--orange2);}
.ft-soc{display:flex;gap:6px;margin-top:14px;}
.ft-soc-btn{font-size:.62rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:4px;transition:.2s;}
.ft-soc-btn:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
.ft-col h4{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:14px;}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
.ft-col ul li a{font-size:.83rem;color:rgba(255,255,255,.45);transition:.2s;display:flex;align-items:center;gap:6px;}
.ft-col ul li a::before{content:'›';color:var(--pur);}
.ft-col ul li a:hover{color:var(--orange2);padding-left:4px;}
.ft-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 48px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.ft-copy{font-size:.7rem;color:rgba(255,255,255,.2);}
.ft-links{display:flex;gap:14px;}
.ft-links a{font-size:.7rem;color:rgba(255,255,255,.22);transition:.2s;}
.ft-links a:hover{color:var(--orange2);}
@media(max-width:1024px){.ft{grid-template-columns:1fr 1fr;}}
@media(max-width:900px){h2{font-size:2.1rem;}.cta-in h2{font-size:2.1rem;}}
@media(max-width:768px){.topbar,.section,.section-alt-in,.section-dark-in,.cta-section,.ft,.ft-bottom{padding-left:20px;padding-right:20px;}nav{padding:0 20px;}.nav-dd,.nav-right>a:not(.nav-inquiry):not(.nav-login){display:none;}h2{font-size:1.9rem;}.ft{grid-template-columns:1fr;}.ft-bottom{flex-direction:column;gap:10px;text-align:center;}}


.hero{background-image:url("../images/manufacturing_background_Img.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:80px 48px;}
.hero::before{content:'';position:absolute;inset:0;background:var(--grad);opacity:.15;}
.hero::after{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(139,31,191,.3) 0%,transparent 70%);pointer-events:none;}
.hero-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center;position:relative;z-index:1;width:100%;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;border-radius:100px;margin-bottom:20px;}
.hero-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--orange2);animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.5);opacity:.4;}}
.hero h1{font-size:4.2rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.5px;margin-bottom:20px;}

@media(max-width:768px){
.hero h1{letter-spacing:-2.5px;}
}

.hero h1 .grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,.7);line-height:1.8;max-width:460px;margin-bottom:32px;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px;}
.hero-trust{display:flex;gap:20px;flex-wrap:wrap;}
.ht-item{font-size:.78rem;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:6px;font-weight:500;}
.ht-item::before{content:'✓';color:var(--orange2);font-weight:700;}
/* Hero form card */
.hero-form{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:var(--r-lg);padding:28px;}
.hf-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:6px;}
.hf-sub{font-size:.8rem;color:rgba(255,255,255,.55);margin-bottom:20px;}
.form-group{margin-bottom:12px;}
.form-group input,.form-group select{width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-sm);padding:10px 14px;font-size:.88rem;color:#fff;outline:none;transition:.2s;font-family:inherit;}
.form-group input::placeholder{color:rgba(255,255,255,.45);}
.form-group input:focus,.form-group select:focus{border-color:var(--orange2);background:rgba(255,255,255,.15);}
.form-group select{color:rgba(255,255,255,.7);cursor:pointer;}
.form-group select option{background:var(--pur-dark);color:#fff;}
.form-submit{width:100%;background:var(--grad);color:#fff;border:none;padding:12px;border-radius:100px;font-size:.93rem;font-weight:700;cursor:pointer;transition:.25s;box-shadow:0 4px 14px rgba(139,31,191,.4);}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(139,31,191,.5);}
/* STATS */
.stats-bar{background:var(--grad);padding:0;}
.stats-in{display:flex;max-width:1200px;margin:0 auto;}
.stat-item{flex:1;padding:20px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.15);}
.stat-item:last-child{border-right:none;}
.stat-item:hover{background:rgba(255,255,255,.08);}
.stat-n{font-size:2.2rem;font-weight:800;color:#fff;line-height:1;margin-bottom:4px;}
.stat-l{font-size:.68rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.75);}
/* FEATURES GRID */
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.feat-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:24px;transition:.3s;text-align:center;cursor:default;}
.feat-card:hover{border-color:var(--pur);transform:translateY(-5px);box-shadow:0 16px 40px rgba(139,31,191,.12);}
.feat-card:hover .fc-ico{transform:scale(1.1);background:var(--grad);}
.fc-ico{width:56px;height:56px;border-radius:var(--r-md);background:var(--pink-light);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 14px;transition:.3s;}
.fc-name{font-size:.92rem;font-weight:700;color:var(--pur2);}
/* ABOUT SNIPPET */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.about-text p{font-size:.95rem;color:var(--muted);line-height:1.85;margin-bottom:16px;}
.about-text p strong{color:var(--text);}
.about-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;}
.av-item{background:var(--pink-light);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;}
.av-ico{font-size:1.3rem;margin-bottom:6px;}
.av-title{font-size:.88rem;font-weight:700;color:var(--pur2);margin-bottom:3px;}
.av-txt{font-size:.78rem;color:var(--muted);line-height:1.5;}
/* SPECIALIZATION */
.spec-pills{display:flex;flex-wrap:wrap;gap:10px;}
.spec-pill{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1.5px solid var(--border);border-radius:100px;padding:10px 20px;font-size:.87rem;font-weight:500;color:var(--pur2);cursor:default;transition:.25s;}
.spec-pill:hover{border-color:var(--pur);background:var(--pink-light);color:var(--pur);transform:translateY(-2px);box-shadow:0 4px 14px rgba(139,31,191,.14);}
.spec-pill-ico{font-size:1rem;}
/* TESTIMONIALS */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.testi-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:28px;transition:.25s;}
.testi-card:hover{border-color:var(--pur);transform:translateY(-3px);box-shadow:0 12px 30px rgba(139,31,191,.1);}
.tc-quote::before{content:'\201C';font-size:3rem;color:var(--pur);line-height:0;vertical-align:-.5rem;margin-right:3px;font-family:Georgia,serif;}
.tc-quote{font-size:.9rem;color:var(--muted);line-height:1.75;margin-bottom:20px;font-style:italic;}
.tc-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--border);}
.tc-avatar{width:40px;height:40px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0;}
.tc-name{font-size:.9rem;font-weight:700;color:var(--text);}
.tc-stars{color:var(--orange);font-size:.8rem;margin-top:2px;}
@media(max-width:1024px){.hero-in{grid-template-columns:1fr;}.feat-grid{grid-template-columns:repeat(2,1fr);}.about-grid{grid-template-columns:1fr;}.testi-grid{grid-template-columns:1fr 1fr;}.stats-in{flex-wrap:wrap;}.stat-item{min-width:50%;border-bottom:1px solid rgba(255,255,255,.15);}}
@media(max-width:768px){.hero{padding:60px 20px;}.hero h1{font-size:2.8rem;}.feat-grid,.testi-grid{grid-template-columns:1fr;}.about-values{grid-template-columns:1fr;}}


/* ===== ge-about-us.html original theme CSS ===== */
:root{--pur:#8B1FBF;--pur2:#7B1FA2;--pur-dark:#1a0a2e;--pur-deep:#2d0a4e;--magenta:#C2185B;--orange:#E8671A;--orange2:#F58035;--grad:linear-gradient(135deg,#C2185B 0%,#8B1FBF 50%,#4A148C 100%);--grad2:linear-gradient(135deg,#8B1FBF,#C2185B);--pink-light:#f8f0ff;--white:#fff;--text:#1a0a2e;--muted:#6b6b8a;--border:#e8d5f5;--bg:#faf5ff;--r-sm:8px;--r-md:16px;--r-lg:24px;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter','DM Sans',sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--white);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
.topbar{background:var(--pur-dark);padding:8px 48px;display:flex;justify-content:space-between;align-items:center;}
.tb-left{display:flex;gap:20px;}
.tb-left a{font-size:.78rem;color:rgba(255,255,255,.55);letter-spacing:.5px;transition:color .2s;}
.tb-left a:hover{color:var(--orange2);}
.tb-right{display:flex;gap:8px;}
.tb-soc{font-size:.72rem;color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.12);padding:3px 10px;border-radius:4px;transition:.2s;}
.tb-soc:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
nav{background:var(--white);padding:0 48px;height:72px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:900;box-shadow:0 2px 24px rgba(139,31,191,.1);border-bottom:1px solid var(--border);}
.nav-logo{height:48px;width:auto;object-fit:contain;}
.nav-right{display:flex;align-items:center;gap:3px;}
.nav-right>a{font-size:.88rem;font-weight:500;color:var(--text);padding:8px 13px;border-radius:var(--r-sm);transition:.2s;white-space:nowrap;}
.nav-right>a:hover{color:var(--pur);background:var(--pink-light);}
.nav-right>a.active{color:var(--pur);background:var(--pink-light);}
.nav-dd{position:relative;}
.nav-dd-btn{display:flex;align-items:center;gap:5px;font-size:.88rem;font-weight:500;color:var(--text);padding:8px 13px;border-radius:var(--r-sm);cursor:pointer;transition:.2s;border:none;background:transparent;white-space:nowrap;font-family:inherit;}
.nav-dd-btn svg{width:13px;height:13px;transition:transform .2s;}
.nav-dd:hover .nav-dd-btn{color:var(--pur);background:var(--pink-light);}
.nav-dd:hover .nav-dd-btn svg{transform:rotate(180deg);}
.nav-dd-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--white);border-radius:var(--r-lg);box-shadow:0 16px 48px rgba(139,31,191,.16);border:1px solid var(--border);min-width:240px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:999;max-height:80vh;overflow-y:auto;}
.nav-dd:hover .nav-dd-menu{opacity:1;visibility:visible;transform:translateY(0);}
.nav-dd-menu a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-sm);font-size:.85rem;color:var(--pur2);transition:.15s;}
.nav-dd-menu a:hover{background:var(--pink-light);color:var(--pur);padding-left:16px;}
.nav-dd-menu a::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--grad2);flex-shrink:0;}
.nav-inquiry{background:var(--grad)!important;color:#fff!important;padding:9px 18px!important;border-radius:100px!important;font-weight:700!important;box-shadow:0 4px 14px rgba(139,31,191,.35);}
.nav-inquiry:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(139,31,191,.45)!important;}
.nav-login{background:transparent!important;color:var(--pur)!important;border:1.5px solid var(--pur)!important;padding:8px 18px!important;border-radius:100px!important;font-weight:600!important;}
.nav-login:hover{background:var(--pur)!important;color:#fff!important;}
.section{padding:80px 48px;max-width:1200px;margin:0 auto;}
.section-alt{background:var(--bg);padding:80px 0;}
.section-alt-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.section-dark{background:var(--pur-dark);padding:80px 0;}
.section-dark-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pur);background:var(--pink-light);border:1px solid rgba(139,31,191,.2);padding:5px 14px;border-radius:100px;margin-bottom:14px;}
.eyebrow-white{color:rgba(255,255,255,.85);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);}
h2{font-size:2.6rem;font-weight:800;color:var(--text);line-height:1.1;margin-bottom:14px;letter-spacing:-.5px;}
h2 .pur{color:var(--pur);}
h2 .ora{color:var(--orange);}
h2 .wh{color:#fff;}
.sdesc{font-size:1rem;color:var(--muted);line-height:1.8;max-width:620px;margin-bottom:40px;}
.sdesc-white{color:rgba(255,255,255,.65);}
.rev{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.rev.vis{opacity:1;transform:translateY(0);}
.btn-primary{background:var(--grad);color:#fff;padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(139,31,191,.35);border:none;cursor:pointer;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(139,31,191,.45);}
.btn-outline{background:transparent;color:var(--pur);padding:12px 24px;border-radius:100px;border:2px solid var(--pur);font-weight:600;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;}
.btn-outline:hover{background:var(--pur);color:#fff;}
.btn-white{background:#fff;color:var(--pur);padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(0,0,0,.15);}
.btn-white:hover{background:var(--orange);color:#fff;transform:translateY(-2px);}
.cta-section{background:var(--grad);padding:90px 48px;text-align:center;position:relative;overflow:hidden;}
.cta-in{max-width:680px;margin:0 auto;position:relative;z-index:1;}
.cta-in h2{color:#fff;font-size:2.8rem;margin-bottom:14px;}
.cta-in p{color:rgba(255,255,255,.8);font-size:1.02rem;line-height:1.8;margin-bottom:36px;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
footer{background:var(--pur-dark);padding:60px 48px 0;}
.ft{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:44px;max-width:1200px;margin:0 auto;padding-bottom:44px;}
.ft-logo{height:52px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1);object-fit:contain;}
.ft-desc{font-size:.85rem;color:rgba(255,255,255,.4);line-height:1.8;margin-bottom:16px;}
.ft-contact a{font-size:.82rem;color:rgba(255,255,255,.4);display:block;line-height:2.1;transition:.2s;}
.ft-contact a:hover{color:var(--orange2);}
.ft-soc{display:flex;gap:6px;margin-top:14px;}
.ft-soc-btn{font-size:.62rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:4px;transition:.2s;}
.ft-soc-btn:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
.ft-col h4{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:14px;}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
.ft-col ul li a{font-size:.83rem;color:rgba(255,255,255,.45);transition:.2s;display:flex;align-items:center;gap:6px;}
.ft-col ul li a::before{content:'›';color:var(--pur);}
.ft-col ul li a:hover{color:var(--orange2);padding-left:4px;}
.ft-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 48px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.ft-copy{font-size:.7rem;color:rgba(255,255,255,.2);}
.ft-links{display:flex;gap:14px;}
.ft-links a{font-size:.7rem;color:rgba(255,255,255,.22);transition:.2s;}
.ft-links a:hover{color:var(--orange2);}
@media(max-width:1024px){.ft{grid-template-columns:1fr 1fr;}}
@media(max-width:900px){h2{font-size:2.1rem;}.cta-in h2{font-size:2.1rem;}}
@media(max-width:768px){.topbar,.section,.section-alt-in,.section-dark-in,.cta-section,.ft,.ft-bottom{padding-left:20px;padding-right:20px;}nav{padding:0 20px;}.nav-dd,.nav-right>a:not(.nav-inquiry):not(.nav-login){display:none;}h2{font-size:1.9rem;}.ft{grid-template-columns:1fr;}.ft-bottom{flex-direction:column;gap:10px;text-align:center;}}




.page-hero{background:var(--pur-dark);padding:80px 48px 70px;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:var(--grad);opacity:.12;}
.page-hero::after{content:'ABOUT US';position:absolute;bottom:-30px;right:-20px;font-size:10rem;font-weight:900;color:rgba(255,255,255,.04);letter-spacing:6px;line-height:1;pointer-events:none;}
.page-hero-in{max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.breadcrumb{font-size:.75rem;color:rgba(255,255,255,.4);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
.breadcrumb a{color:rgba(255,255,255,.4);transition:.2s;}
.breadcrumb a:hover{color:var(--orange2);}
.breadcrumb .cur{color:var(--orange2);}
.page-hero h1{font-size:4.5rem;font-weight:900;color:#fff;line-height:.95;letter-spacing:-.5px;margin-bottom:16px;}
.page-hero h1 .grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.page-hero-sub{font-size:1.05rem;color:rgba(255,255,255,.7);line-height:1.8;max-width:580px;}
/* STATS */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border-radius:var(--r-lg);overflow:hidden;margin-top:40px;}
.as-item{background:rgba(255,255,255,.04);padding:24px;text-align:center;transition:.2s;}
.as-item:hover{background:rgba(139,31,191,.2);}
.as-n{font-size:2.4rem;font-weight:800;color:var(--orange2);line-height:1;margin-bottom:4px;}
.as-l{font-size:.72rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.5);}
/* ABOUT CONTENT */
.about-main{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.about-main p{font-size:.95rem;color:var(--muted);line-height:1.85;margin-bottom:14px;}
.about-main p strong{color:var(--text);}
/* VALUES */
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.val-card{background:var(--pink-light);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:24px;transition:.25s;}
.val-card:hover{border-color:var(--pur);background:var(--white);transform:translateY(-3px);}
.val-ico{font-size:2rem;margin-bottom:12px;}
.val-ico img{max-width: 60px;}
.val-title{font-size:1rem;font-weight:700;color:var(--pur2);margin-bottom:6px;}
.val-txt{font-size:.85rem;color:var(--muted);line-height:1.6;}
/* JOURNEY TIMELINE */
.timeline{display:flex;flex-direction:column;gap:0;position:relative;max-width:800px;margin:0 auto;}
.timeline::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:2px;background:var(--grad);opacity:.3;}
.tl-item{display:flex;gap:28px;padding-bottom:32px;position:relative;}
.tl-dot{width:58px;height:58px;border-radius:50%;background:var(--pur-dark);border:2px solid var(--pur);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--orange2);flex-shrink:0;z-index:1;letter-spacing:.5px;}
.tl-content{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-md);padding:18px 22px;flex:1;transition:.25s;}
.tl-content:hover{border-color:var(--pur);background:var(--pink-light);}
.tl-year{font-size:1.1rem;font-weight:800;color:var(--pur);margin-bottom:4px;}
.tl-title{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:6px;}
.tl-desc{font-size:.85rem;color:var(--muted);line-height:1.6;}
/* MISSION VISION */
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.mv-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:36px;transition:.3s;}
.mv-card:hover{border-color:var(--pur);transform:translateY(-4px);box-shadow:0 16px 40px rgba(139,31,191,.1);}
.mv-ico{font-size:2.5rem;margin-bottom:0px;}
.mv-ico img{max-width: 70px;}
.mv-card h3{font-size:1.4rem;font-weight:800;color:var(--pur2);margin-bottom:12px;}
.mv-card p{font-size:.92rem;color:var(--muted);line-height:1.8;}
@media(max-width:1024px){.about-main{grid-template-columns:1fr;}.mv-grid{grid-template-columns:1fr;}.about-stats{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.page-hero h1{font-size:3rem;}.values-grid{grid-template-columns:1fr;}.page-hero{padding:60px 20px;}}


/* ===== ge-blog.html original theme CSS ===== */
:root{--pur:#8B1FBF;--pur2:#7B1FA2;--pur-dark:#1a0a2e;--pur-deep:#2d0a4e;--magenta:#C2185B;--orange:#E8671A;--orange2:#F58035;--grad:linear-gradient(135deg,#C2185B 0%,#8B1FBF 50%,#4A148C 100%);--grad2:linear-gradient(135deg,#8B1FBF,#C2185B);--pink-light:#f8f0ff;--white:#fff;--text:#1a0a2e;--muted:#6b6b8a;--border:#e8d5f5;--bg:#faf5ff;--r-sm:8px;--r-md:16px;--r-lg:24px;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter','DM Sans',sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--white);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
.topbar{background:var(--pur-dark);padding:8px 48px;display:flex;justify-content:space-between;align-items:center;}
.tb-left{display:flex;gap:20px;}
.tb-left a{font-size:.78rem;color:rgba(255,255,255,.55);letter-spacing:.5px;transition:color .2s;}
.tb-left a:hover{color:var(--orange2);}
.tb-right{display:flex;gap:8px;}
.tb-soc{font-size:.72rem;color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.12);padding:3px 10px;border-radius:4px;transition:.2s;}
.tb-soc:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
nav{background:var(--white);padding:0 48px;height:72px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:900;box-shadow:0 2px 24px rgba(139,31,191,.1);border-bottom:1px solid var(--border);}
.nav-logo{height:48px;width:auto;object-fit:contain;}
.nav-right{display:flex;align-items:center;gap:3px;}
.nav-right>a{font-size:.88rem;font-weight:500;color:var(--text);padding:8px 13px;border-radius:var(--r-sm);transition:.2s;white-space:nowrap;}
.nav-right>a:hover{color:var(--pur);background:var(--pink-light);}
.nav-right>a.active{color:var(--pur);background:var(--pink-light);}
.nav-dd{position:relative;}
.nav-dd-btn{display:flex;align-items:center;gap:5px;font-size:.88rem;font-weight:500;color:var(--text);padding:8px 13px;border-radius:var(--r-sm);cursor:pointer;transition:.2s;border:none;background:transparent;white-space:nowrap;font-family:inherit;}
.nav-dd-btn svg{width:13px;height:13px;transition:transform .2s;}
.nav-dd:hover .nav-dd-btn{color:var(--pur);background:var(--pink-light);}
.nav-dd:hover .nav-dd-btn svg{transform:rotate(180deg);}
.nav-dd-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--white);border-radius:var(--r-lg);box-shadow:0 16px 48px rgba(139,31,191,.16);border:1px solid var(--border);min-width:240px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:999;max-height:80vh;overflow-y:auto;}
.nav-dd:hover .nav-dd-menu{opacity:1;visibility:visible;transform:translateY(0);}
.nav-dd-menu a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-sm);font-size:.85rem;color:var(--pur2);transition:.15s;}
.nav-dd-menu a:hover{background:var(--pink-light);color:var(--pur);padding-left:16px;}
.nav-dd-menu a::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--grad2);flex-shrink:0;}
.nav-inquiry{background:var(--grad)!important;color:#fff!important;padding:9px 18px!important;border-radius:100px!important;font-weight:700!important;box-shadow:0 4px 14px rgba(139,31,191,.35);}
.nav-inquiry:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(139,31,191,.45)!important;}
.nav-login{background:transparent!important;color:var(--pur)!important;border:1.5px solid var(--pur)!important;padding:8px 18px!important;border-radius:100px!important;font-weight:600!important;}
.nav-login:hover{background:var(--pur)!important;color:#fff!important;}
.section{padding:80px 48px;max-width:1200px;margin:0 auto;}
.section-alt{background:var(--bg);padding:80px 0;}
.section-alt-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.section-dark{background:var(--pur-dark);padding:80px 0;}
.section-dark-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pur);background:var(--pink-light);border:1px solid rgba(139,31,191,.2);padding:5px 14px;border-radius:100px;margin-bottom:14px;}
.eyebrow-white{color:rgba(255,255,255,.85);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);}
h2{font-size:2.6rem;font-weight:800;color:var(--text);line-height:1.1;margin-bottom:14px;letter-spacing:-.5px;}
h2 .pur{color:var(--pur);}
h2 .ora{color:var(--orange);}
h2 .wh{color:#fff;}
.sdesc{font-size:1rem;color:var(--muted);line-height:1.8;max-width:620px;margin-bottom:40px;}
.sdesc-white{color:rgba(255,255,255,.65);}
.rev{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.rev.vis{opacity:1;transform:translateY(0);}
.btn-primary{background:var(--grad);color:#fff;padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(139,31,191,.35);border:none;cursor:pointer;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(139,31,191,.45);}
.btn-outline{background:transparent;color:var(--pur);padding:12px 24px;border-radius:100px;border:2px solid var(--pur);font-weight:600;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;}
.btn-outline:hover{background:var(--pur);color:#fff;}
.btn-white{background:#fff;color:var(--pur);padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(0,0,0,.15);}
.btn-white:hover{background:var(--orange);color:#fff;transform:translateY(-2px);}
.cta-section{background:var(--grad);padding:90px 48px;text-align:center;position:relative;overflow:hidden;}
.cta-in{max-width:680px;margin:0 auto;position:relative;z-index:1;}
.cta-in h2{color:#fff;font-size:2.8rem;margin-bottom:14px;}
.cta-in p{color:rgba(255,255,255,.8);font-size:1.02rem;line-height:1.8;margin-bottom:36px;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
footer{background:var(--pur-dark);padding:60px 48px 0;}
.ft{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:44px;max-width:1200px;margin:0 auto;padding-bottom:44px;}
.ft-logo{height:52px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1);object-fit:contain;}
.ft-desc{font-size:.85rem;color:rgba(255,255,255,.4);line-height:1.8;margin-bottom:16px;}
.ft-contact a{font-size:.82rem;color:rgba(255,255,255,.4);display:block;line-height:2.1;transition:.2s;}
.ft-contact a:hover{color:var(--orange2);}
.ft-soc{display:flex;gap:6px;margin-top:14px;}
.ft-soc-btn{font-size:.62rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:4px;transition:.2s;}
.ft-soc-btn:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
.ft-col h4{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:14px;}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
.ft-col ul li a{font-size:.83rem;color:rgba(255,255,255,.45);transition:.2s;display:flex;align-items:center;gap:6px;}
.ft-col ul li a::before{content:'›';color:var(--pur);}
.ft-col ul li a:hover{color:var(--orange2);padding-left:4px;}
.ft-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 48px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.ft-copy{font-size:.7rem;color:rgba(255,255,255,.2);}
.ft-links{display:flex;gap:14px;}
.ft-links a{font-size:.7rem;color:rgba(255,255,255,.22);transition:.2s;}
.ft-links a:hover{color:var(--orange2);}
@media(max-width:1024px){.ft{grid-template-columns:1fr 1fr;}}
@media(max-width:900px){h2{font-size:2.1rem;}.cta-in h2{font-size:2.1rem;}}
@media(max-width:768px){.topbar,.section,.section-alt-in,.section-dark-in,.cta-section,.ft,.ft-bottom{padding-left:20px;padding-right:20px;}nav{padding:0 20px;}.nav-dd,.nav-right>a:not(.nav-inquiry):not(.nav-login){display:none;}h2{font-size:1.9rem;}.ft{grid-template-columns:1fr;}.ft-bottom{flex-direction:column;gap:10px;text-align:center;}}




.page-hero{background:var(--pur-dark);padding:70px 48px 60px;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:var(--grad);opacity:.12;}
.page-hero-in{max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.breadcrumb{font-size:.75rem;color:rgba(255,255,255,.4);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
.breadcrumb a{color:rgba(255,255,255,.4);transition:.2s;}
.breadcrumb a:hover{color:var(--orange2);}
.breadcrumb .cur{color:var(--orange2);}
.page-hero h1{font-size:4.5rem;font-weight:900;color:#fff;line-height:.95;letter-spacing:-.5px;margin-bottom:14px;}
.page-hero h1 .grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.page-hero-sub{font-size:1.02rem;color:rgba(255,255,255,.65);line-height:1.8;max-width:560px;}
/* BLOG CATS */
.blog-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px;}
.blog-cat{font-size:.78rem;font-weight:600;letter-spacing:.5px;background:var(--bg);border:1.5px solid var(--border);color:var(--text);padding:7px 18px;border-radius:100px;cursor:pointer;transition:.2s;}
.blog-cat:hover,.blog-cat.active{background:var(--grad);border-color:transparent;color:#fff;}
/* BLOG FEATURED */
.blog-featured{background:linear-gradient(135deg,var(--pur-dark),var(--pur-deep));border-radius:var(--r-xl);padding:40px;margin-bottom:36px;position:relative;overflow:hidden;}
.blog-featured::after{content:'';position:absolute;inset:0;background:var(--grad);opacity:.08;}
.bf-tag{font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:rgba(232,103,26,.25);border:1px solid rgba(232,103,26,.4);color:var(--orange2);padding:4px 12px;border-radius:4px;display:inline-block;margin-bottom:14px;position:relative;z-index:1;}
.bf-title{font-size:1.8rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:12px;position:relative;z-index:1;}
.bf-desc{font-size:.92rem;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:20px;position:relative;z-index:1;}
.bf-meta{font-size:.78rem;color:rgba(255,255,255,.45);position:relative;z-index:1;display:flex;align-items:center;gap:12px;}
/* BLOG GRID */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.blog-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:.3s;}
.blog-card:hover{border-color:var(--pur);transform:translateY(-5px);box-shadow:0 16px 40px rgba(139,31,191,.1);}
.bc-thumb{height:260px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden;}
.bc-thumb img{width:100%;}
.bc-body{padding:22px;}
.bc-tag{font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pur);margin-bottom:8px;display:block;}
.bc-title{font-size:1.05rem;font-weight:800;color:var(--text);line-height:1.35;margin-bottom:10px;}
.bc-desc{font-size:.85rem;color:var(--muted);line-height:1.65;margin-bottom:16px;}
.bc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);}
.bc-meta{font-size:.75rem;color:var(--muted);}
.bc-read{font-size:.75rem;font-weight:700;color:var(--pur);display:flex;align-items:center;gap:4px;transition:.2s;}
.bc-read:hover{gap:8px;color:var(--orange);}
/* TOPICS */
.topics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.topic-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:22px;text-align:center;transition:.25s;cursor:pointer;}
.topic-card:hover{border-color:var(--pur);background:var(--pink-light);}
.topic-ico{font-size:1.8rem;margin-bottom:10px;}
.topic-n{font-size:.9rem;font-weight:700;color:var(--pur2);margin-bottom:3px;}
.topic-c{font-size:.72rem;color:var(--muted);}
@media(max-width:1024px){.blog-grid{grid-template-columns:1fr 1fr;}.topics-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.page-hero h1{font-size:3rem;}.page-hero{padding:60px 20px;}.blog-grid{grid-template-columns:1fr;}}


/* ===== ge-contact-us.html original theme CSS ===== */
:root{--pur:#8B1FBF;--pur2:#7B1FA2;--pur-dark:#1a0a2e;--pur-deep:#2d0a4e;--magenta:#C2185B;--orange:#E8671A;--orange2:#F58035;--grad:linear-gradient(135deg,#C2185B 0%,#8B1FBF 50%,#4A148C 100%);--grad2:linear-gradient(135deg,#8B1FBF,#C2185B);--pink-light:#f8f0ff;--white:#fff;--text:#1a0a2e;--muted:#6b6b8a;--border:#e8d5f5;--bg:#faf5ff;--r-sm:8px;--r-md:16px;--r-lg:24px;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter','DM Sans',sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--white);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
.topbar{background:var(--pur-dark);padding:8px 48px;display:flex;justify-content:space-between;align-items:center;}
.tb-left{display:flex;gap:20px;}
.tb-left a{font-size:.78rem;color:rgba(255,255,255,.55);letter-spacing:.5px;transition:color .2s;}
.tb-left a:hover{color:var(--orange2);}
.tb-right{display:flex;gap:8px;}
.tb-soc{font-size:.72rem;color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.12);padding:3px 10px;border-radius:4px;transition:.2s;}
.tb-soc:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
nav{background:var(--white);padding:0 48px;height:72px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:900;box-shadow:0 2px 24px rgba(139,31,191,.1);border-bottom:1px solid var(--border);}
.nav-logo{height:48px;width:auto;object-fit:contain;}
.nav-right{display:flex;align-items:center;gap:3px;}
.nav-right>a{font-size:.88rem;font-weight:500;color:var(--text);padding:8px 13px;border-radius:var(--r-sm);transition:.2s;white-space:nowrap;}
.nav-right>a:hover{color:var(--pur);background:var(--pink-light);}
.nav-right>a.active{color:var(--pur);background:var(--pink-light);}
.nav-dd{position:relative;}
.nav-dd-btn{display:flex;align-items:center;gap:5px;font-size:.88rem;font-weight:500;color:var(--text);padding:8px 13px;border-radius:var(--r-sm);cursor:pointer;transition:.2s;border:none;background:transparent;white-space:nowrap;font-family:inherit;}
.nav-dd-btn svg{width:13px;height:13px;transition:transform .2s;}
.nav-dd:hover .nav-dd-btn{color:var(--pur);background:var(--pink-light);}
.nav-dd:hover .nav-dd-btn svg{transform:rotate(180deg);}
.nav-dd-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--white);border-radius:var(--r-lg);box-shadow:0 16px 48px rgba(139,31,191,.16);border:1px solid var(--border);min-width:240px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:999;max-height:80vh;overflow-y:auto;}
.nav-dd:hover .nav-dd-menu{opacity:1;visibility:visible;transform:translateY(0);}
.nav-dd-menu a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-sm);font-size:.85rem;color:var(--pur2);transition:.15s;}
.nav-dd-menu a:hover{background:var(--pink-light);color:var(--pur);padding-left:16px;}
.nav-dd-menu a::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--grad2);flex-shrink:0;}
.nav-inquiry{background:var(--grad)!important;color:#fff!important;padding:9px 18px!important;border-radius:100px!important;font-weight:700!important;box-shadow:0 4px 14px rgba(139,31,191,.35);}
.nav-inquiry:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(139,31,191,.45)!important;}
.nav-login{background:transparent!important;color:var(--pur)!important;border:1.5px solid var(--pur)!important;padding:8px 18px!important;border-radius:100px!important;font-weight:600!important;}
.nav-login:hover{background:var(--pur)!important;color:#fff!important;}
.section{padding:80px 48px;max-width:1200px;margin:0 auto;}
.section-alt{background:var(--bg);padding:80px 0;}
.section-alt-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.section-dark{background:var(--pur-dark);padding:80px 0;}
.section-dark-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pur);background:var(--pink-light);border:1px solid rgba(139,31,191,.2);padding:5px 14px;border-radius:100px;margin-bottom:14px;}
.eyebrow-white{color:rgba(255,255,255,.85);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);}
h2{font-size:2.6rem;font-weight:800;color:var(--text);line-height:1.1;margin-bottom:14px;letter-spacing:-.5px;}
h2 .pur{color:var(--pur);}
h2 .ora{color:var(--orange);}
h2 .wh{color:#fff;}
.sdesc{font-size:1rem;color:var(--muted);line-height:1.8;max-width:620px;margin-bottom:40px;}
.sdesc-white{color:rgba(255,255,255,.65);}
.rev{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.rev.vis{opacity:1;transform:translateY(0);}
.btn-primary{background:var(--grad);color:#fff;padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(139,31,191,.35);border:none;cursor:pointer;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(139,31,191,.45);}
.btn-outline{background:transparent;color:var(--pur);padding:12px 24px;border-radius:100px;border:2px solid var(--pur);font-weight:600;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;}
.btn-outline:hover{background:var(--pur);color:#fff;}
.btn-white{background:#fff;color:var(--pur);padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(0,0,0,.15);}
.btn-white:hover{background:var(--orange);color:#fff;transform:translateY(-2px);}
.cta-section{background:var(--grad);padding:90px 48px;text-align:center;position:relative;overflow:hidden;}
.cta-in{max-width:680px;margin:0 auto;position:relative;z-index:1;}
.cta-in h2{color:#fff;font-size:2.8rem;margin-bottom:14px;}
.cta-in p{color:rgba(255,255,255,.8);font-size:1.02rem;line-height:1.8;margin-bottom:36px;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
footer{background:var(--pur-dark);padding:60px 48px 0;}
.ft{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:44px;max-width:1200px;margin:0 auto;padding-bottom:44px;}
.ft-logo{height:52px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1);object-fit:contain;}
.ft-desc{font-size:.85rem;color:rgba(255,255,255,.4);line-height:1.8;margin-bottom:16px;}
.ft-contact a{font-size:.82rem;color:rgba(255,255,255,.4);display:block;line-height:2.1;transition:.2s;}
.ft-contact a:hover{color:var(--orange2);}
.ft-soc{display:flex;gap:6px;margin-top:14px;}
.ft-soc-btn{font-size:.62rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:4px;transition:.2s;}
.ft-soc-btn:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
.ft-col h4{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:14px;}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
.ft-col ul li a{font-size:.83rem;color:rgba(255,255,255,.45);transition:.2s;display:flex;align-items:center;gap:6px;}
.ft-col ul li a::before{content:'›';color:var(--pur);}
.ft-col ul li a:hover{color:var(--orange2);padding-left:4px;}
.ft-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 48px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.ft-copy{font-size:.7rem;color:rgba(255,255,255,.2);}
.ft-links{display:flex;gap:14px;}
.ft-links a{font-size:.7rem;color:rgba(255,255,255,.22);transition:.2s;}
.ft-links a:hover{color:var(--orange2);}
@media(max-width:1024px){.ft{grid-template-columns:1fr 1fr;}}
@media(max-width:900px){h2{font-size:2.1rem;}.cta-in h2{font-size:2.1rem;}}
@media(max-width:768px){.topbar,.section,.section-alt-in,.section-dark-in,.cta-section,.ft,.ft-bottom{padding-left:20px;padding-right:20px;}nav{padding:0 20px;}.nav-dd,.nav-right>a:not(.nav-inquiry):not(.nav-login){display:none;}h2{font-size:1.9rem;}.ft{grid-template-columns:1fr;}.ft-bottom{flex-direction:column;gap:10px;text-align:center;}}


/*Blog*/
.blog-hero{background:var(--pur-dark);padding:70px 48px 60px;position:relative;overflow:hidden;}
.blog-hero::before{content:'';position:absolute;inset:0;background:var(--grad);opacity:.12;}
.blog-hero::after{content:'Blog';position:absolute;bottom:-10px;right:0px;font-size:9rem;font-weight:900;color:rgba(255,255,255,.04);letter-spacing:5px;line-height:1;pointer-events:none;}
.blog-hero-in{max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.blog-hero h1{font-size:4.5rem;font-weight:900;color:#fff;line-height:.95;letter-spacing:-.5px;margin-bottom:14px;}
@media(max-width:768px){
    .blog-hero h1{
        font-size:3.5rem;
    }
}
@media(max-width: 560px){
    .blog-hero{
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
.blog-hero h1 .grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.blog-hero-sub{font-size:1.02rem;color:rgba(255,255,255,.65);line-height:1.8;max-width:540px;}

.contact-hero{background:var(--pur-dark);padding:70px 48px 60px;position:relative;overflow:hidden;}
.contact-hero::before{content:'';position:absolute;inset:0;background:var(--grad);opacity:.12;}
.contact-hero::after{content:'CONTACT';position:absolute;bottom:-20px;right:-15px;font-size:9rem;font-weight:900;color:rgba(255,255,255,.04);letter-spacing:5px;line-height:1;pointer-events:none;}
.contact-hero-in{max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.breadcrumb{font-size:.75rem;color:rgba(255,255,255,.4);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
.breadcrumb a{color:rgba(255,255,255,.4);transition:.2s;}
.breadcrumb .cur{color:var(--orange2);}
.contact-hero h1{font-size:4.5rem;font-weight:900;color:#fff;line-height:.95;letter-spacing:-.5px;margin-bottom:14px;}
.contact-hero h1 .grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.contact-hero-sub{font-size:1.02rem;color:rgba(255,255,255,.65);line-height:1.8;max-width:540px;}
/* QUICK CONTACT */
.qc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;}
.qc-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:20px;display:flex;align-items:center;gap:14px;transition:.2s;}
.qc-card:hover{background:rgba(139,31,191,.2);border-color:rgba(139,31,191,.4);}
.qc-ico{font-size:1.6rem;flex-shrink:0;}
.qc-label{font-size:.62rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:4px;}
.qc-val{font-size:.9rem;font-weight:600;color:#fff;}
.qc-val a{color:var(--orange2);transition:.2s;}
.qc-val a:hover{color:#fff;}
/* INQUIRY TYPES */
.inq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.inq-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:24px;text-align:center;transition:.3s;cursor:pointer;}
.inq-card:hover{border-color:var(--pur);background:var(--pink-light);transform:translateY(-4px);box-shadow:0 12px 30px rgba(139,31,191,.1);}
.inq-ico{font-size:2.2rem;margin-bottom:12px;}
.inq-title{font-size:1rem;font-weight:800;color:var(--pur2);margin-bottom:8px;}
.inq-desc{font-size:.83rem;color:var(--muted);line-height:1.6;margin-bottom:14px;}
.inq-cta{font-size:.75rem;font-weight:700;color:var(--pur);display:flex;align-items:center;justify-content:center;gap:4px;transition:.2s;}
.inq-card:hover .inq-cta{gap:8px;color:var(--orange);}
/* CONTACT FORM */
.contact-layout{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start;}
.contact-form{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:36px;}
.cf-title{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:6px;}
.cf-sub{font-size:.85rem;color:var(--muted);margin-bottom:24px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-group{margin-bottom:14px;}
.form-group.full{grid-column:1/-1;}
.form-group label{font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pur2);display:block;margin-bottom:5px;}
.form-group input,.form-group select,.form-group textarea{width:100%;font-size:.9rem;color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:10px 14px;outline:none;transition:.2s;font-family:inherit;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--pur);background:#fff;}
.form-group textarea{min-height:110px;resize:vertical;}
.form-note{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:16px;}
.form-submit{background:var(--grad);color:#fff;padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;border:none;cursor:pointer;transition:.25s;width:100%;margin-top:16px;box-shadow:0 6px 20px rgba(139,31,191,.35);}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(139,31,191,.45);}
/* INFO PANEL */
.info-panel{display:flex;flex-direction:column;gap:12px;}
.info-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:20px;transition:.25s;}
.info-card:hover{border-color:var(--pur);background:var(--pink-light);}
.ic-label{font-size:.62rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pur);margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.ic-val{font-size:.92rem;font-weight:600;color:var(--text);line-height:1.6;}
.ic-val a{color:var(--text);transition:.2s;}
.ic-val a:hover{color:var(--pur);}
.hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;}
.hg-item{background:var(--white);border-radius:var(--r-sm);padding:8px 10px;}
.hg-day{font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);}
.hg-time{font-size:.85rem;font-weight:600;color:var(--text);}
.map-embed{background:var(--border);border-radius:var(--r-lg);overflow:hidden;height:240px;margin-top:12px;}
.map-embed iframe{width:100%;height:100%;border:none;}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}
.process-grid::before{content:'';position:absolute;top:26px;left:10%;right:10%;height:2px;background:var(--grad);opacity:.25;z-index:0;}
.proc-step{text-align:center;position:relative;z-index:1;padding:0 10px;}
.proc-num{width:52px;height:52px;border-radius:50%;background:var(--pur-dark);border:2px solid var(--pur);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:var(--orange2);margin:0 auto 14px;}
.proc-title{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:6px;}
.proc-txt{font-size:.78rem;color:var(--muted);line-height:1.55;}
@media(max-width:1024px){.contact-layout{grid-template-columns:1fr;}.qc-cards{grid-template-columns:1fr 1fr;}.inq-grid{grid-template-columns:1fr 1fr;}.process-grid{grid-template-columns:1fr 1fr;gap:20px;}.process-grid::before{display:none;}}
@media(max-width:768px){.contact-hero h1{font-size:3rem;}.contact-hero{padding:60px 20px;}.form-row{grid-template-columns:1fr;}.qc-cards,.inq-grid{grid-template-columns:1fr;}}


/* ===== ge-admin.html original theme CSS ===== */
:root{--pur:#8B1FBF;--pur2:#7B1FA2;--pur-dark:#1a0a2e;--pur-deep:#2d0a4e;--magenta:#C2185B;--orange:#E8671A;--orange2:#F58035;--grad:linear-gradient(135deg,#C2185B 0%,#8B1FBF 50%,#4A148C 100%);--grad2:linear-gradient(135deg,#8B1FBF,#C2185B);--pink-light:#f8f0ff;--white:#fff;--text:#1a0a2e;--muted:#6b6b8a;--border:#e8d5f5;--bg:#faf5ff;--r-sm:8px;--r-md:16px;--r-lg:24px;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter','DM Sans',sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--white);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
.topbar{background:var(--pur-dark);padding:8px 48px;display:flex;justify-content:space-between;align-items:center;}
.tb-left{display:flex;gap:20px;}
.tb-left a{font-size:.78rem;color:rgba(255,255,255,.55);letter-spacing:.5px;transition:color .2s;}
.tb-left a:hover{color:var(--orange2);}
.tb-right{display:flex;gap:8px;}
.tb-soc{font-size:.72rem;color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.12);padding:3px 10px;border-radius:4px;transition:.2s;}
.tb-soc:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
nav{background:var(--white);padding:0 48px;height:72px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:900;box-shadow:0 2px 24px rgba(139,31,191,.1);border-bottom:1px solid var(--border);}
.nav-logo{height:48px;width:auto;object-fit:contain;}
.nav-right{display:flex;align-items:center;gap:3px;}
.nav-right>a{font-size:.88rem;font-weight:500;color:var(--text);padding:8px 13px;border-radius:var(--r-sm);transition:.2s;white-space:nowrap;}
.nav-right>a:hover{color:var(--pur);background:var(--pink-light);}
.nav-right>a.active{color:var(--pur);background:var(--pink-light);}
.nav-dd{position:relative;}
.nav-dd-btn{display:flex;align-items:center;gap:5px;font-size:.88rem;font-weight:500;color:var(--text);padding:8px 13px;border-radius:var(--r-sm);cursor:pointer;transition:.2s;border:none;background:transparent;white-space:nowrap;font-family:inherit;}
.nav-dd-btn svg{width:13px;height:13px;transition:transform .2s;}
.nav-dd:hover .nav-dd-btn{color:var(--pur);background:var(--pink-light);}
.nav-dd:hover .nav-dd-btn svg{transform:rotate(180deg);}
.nav-dd-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--white);border-radius:var(--r-lg);box-shadow:0 16px 48px rgba(139,31,191,.16);border:1px solid var(--border);min-width:240px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:999;max-height:80vh;overflow-y:auto;}
.nav-dd:hover .nav-dd-menu{opacity:1;visibility:visible;transform:translateY(0);}
.nav-dd-menu a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-sm);font-size:.85rem;color:var(--pur2);transition:.15s;}
.nav-dd-menu a:hover{background:var(--pink-light);color:var(--pur);padding-left:16px;}
.nav-dd-menu a::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--grad2);flex-shrink:0;}
.nav-inquiry{background:var(--grad)!important;color:#fff!important;padding:9px 18px!important;border-radius:100px!important;font-weight:700!important;box-shadow:0 4px 14px rgba(139,31,191,.35);}
.nav-inquiry:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(139,31,191,.45)!important;}
.nav-login{background:transparent!important;color:var(--pur)!important;border:1.5px solid var(--pur)!important;padding:8px 18px!important;border-radius:100px!important;font-weight:600!important;}
.nav-login:hover{background:var(--pur)!important;color:#fff!important;}
.section{padding:80px 48px;max-width:1200px;margin:0 auto;}
.section-alt{background:var(--bg);padding:80px 0;}
.section-alt-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.section-dark{background:var(--pur-dark);padding:80px 0;}
.section-dark-in{max-width:1200px;margin:0 auto;padding:0 48px;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pur);background:var(--pink-light);border:1px solid rgba(139,31,191,.2);padding:5px 14px;border-radius:100px;margin-bottom:14px;}
.eyebrow-white{color:rgba(255,255,255,.85);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);}
h2{font-size:2.6rem;font-weight:800;color:var(--text);line-height:1.1;margin-bottom:14px;letter-spacing:-.5px;}
h2 .pur{color:var(--pur);}
h2 .ora{color:var(--orange);}
h2 .wh{color:#fff;}
.sdesc{font-size:1rem;color:var(--muted);line-height:1.8;max-width:620px;margin-bottom:40px;}
.sdesc-white{color:rgba(255,255,255,.65);}
.rev{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.rev.vis{opacity:1;transform:translateY(0);}
.btn-primary{background:var(--grad);color:#fff;padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(139,31,191,.35);border:none;cursor:pointer;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(139,31,191,.45);}
.btn-outline{background:transparent;color:var(--pur);padding:12px 24px;border-radius:100px;border:2px solid var(--pur);font-weight:600;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;}
.btn-outline:hover{background:var(--pur);color:#fff;}
.btn-white{background:#fff;color:var(--pur);padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(0,0,0,.15);}
.btn-white:hover{background:var(--orange);color:#fff;transform:translateY(-2px);}
.cta-section{background:var(--grad);padding:90px 48px;text-align:center;position:relative;overflow:hidden;}
.cta-in{max-width:680px;margin:0 auto;position:relative;z-index:1;}
.cta-in h2{color:#fff;font-size:2.8rem;margin-bottom:14px;}
.cta-in p{color:rgba(255,255,255,.8);font-size:1.02rem;line-height:1.8;margin-bottom:36px;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
footer{background:var(--pur-dark);padding:60px 48px 0;}
.ft{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:44px;max-width:1200px;margin:0 auto;padding-bottom:44px;}
.ft-logo{height:52px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1);object-fit:contain;}
.ft-desc{font-size:.85rem;color:rgba(255,255,255,.4);line-height:1.8;margin-bottom:16px;}
.ft-contact a{font-size:.82rem;color:rgba(255,255,255,.4);display:block;line-height:2.1;transition:.2s;}
.ft-contact a:hover{color:var(--orange2);}
.ft-soc{display:flex;gap:6px;margin-top:14px;}
.ft-soc-btn{font-size:.62rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:4px;transition:.2s;}
.ft-soc-btn:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
.ft-col h4{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:14px;}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
.ft-col ul li a{font-size:.83rem;color:rgba(255,255,255,.45);transition:.2s;display:flex;align-items:center;gap:6px;}
.ft-col ul li a::before{content:'›';color:var(--pur);}
.ft-col ul li a:hover{color:var(--orange2);padding-left:4px;}
.ft-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 48px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.ft-copy{font-size:.7rem;color:rgba(255,255,255,.2);}
.ft-links{display:flex;gap:14px;}
.ft-links a{font-size:.7rem;color:rgba(255,255,255,.22);transition:.2s;}
.ft-links a:hover{color:var(--orange2);}
@media(max-width:1024px){.ft{grid-template-columns:1fr 1fr;}}
@media(max-width:900px){h2{font-size:2.1rem;}.cta-in h2{font-size:2.1rem;}}
@media(max-width:768px){.topbar,.section,.section-alt-in,.section-dark-in,.cta-section,.ft,.ft-bottom{padding-left:20px;padding-right:20px;}nav{padding:0 20px;}.nav-dd,.nav-right>a:not(.nav-inquiry):not(.nav-login){display:none;}h2{font-size:1.9rem;}.ft{grid-template-columns:1fr;}.ft-bottom{flex-direction:column;gap:10px;text-align:center;}}




:root{--pur:#8B1FBF;--pur2:#7B1FA2;--pur-dark:#1a0a2e;--magenta:#C2185B;--orange:#E8671A;--orange2:#F58035;--grad:linear-gradient(135deg,#C2185B 0%,#8B1FBF 50%,#4A148C 100%);--grad2:linear-gradient(135deg,#8B1FBF,#C2185B);--pink-light:#f8f0ff;--white:#fff;--text:#1a0a2e;--muted:#6b6b8a;--border:#e8d5f5;--bg:#faf5ff;--r-sm:8px;--r-md:16px;--r-lg:24px;--r-xl:32px;}
.page-hero{background:var(--pur-dark);padding:72px 48px 64px;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:var(--grad);opacity:.13;}
/*.page-hero-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 360px;gap:56px;align-items:center;position:relative;z-index:1;}*/
.page-hero-in{max-width:1200px;margin:0 auto;grid-template-columns:1fr 360px;gap:56px;align-items:center;position:relative;z-index:1;}
.breadcrumb{font-size:.75rem;color:rgba(255,255,255,.38);margin-bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.breadcrumb a{color:rgba(255,255,255,.38);transition:.2s;}
.breadcrumb a:hover{color:var(--orange2);}
.breadcrumb .cur{color:var(--orange2);}
.hero-mod-num{font-family:'Inter',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:10px;}
.page-hero h1{font-size:3.4rem;font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.5px;margin-bottom:14px;}
.page-hero-sub{font-size:1rem;color:rgba(255,255,255,.65);line-height:1.8;max-width:440px;margin-bottom:26px;}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;}
.btn-primary{background:var(--grad);color:#fff;padding:12px 26px;border-radius:100px;font-weight:700;font-size:.9rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(139,31,191,.35);border:none;cursor:pointer;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(139,31,191,.45);}
.btn-outline-w{background:transparent;color:rgba(255,255,255,.75);padding:11px 22px;border-radius:100px;border:1.5px solid rgba(255,255,255,.25);font-size:.9rem;font-weight:600;transition:.25s;display:inline-flex;align-items:center;gap:8px;}
.btn-outline-w:hover{border-color:var(--orange2);color:var(--orange2);}
/* Hero right card */
.hero-side-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:26px;}
.hsc-label{font-size:.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:14px;}
.hsc-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;}
.hsc-stat{background:rgba(255,255,255,.06);border-radius:var(--r-sm);padding:12px;text-align:center;}
.hsc-n{font-size:1.6rem;font-weight:800;color:var(--orange2);line-height:1;margin-bottom:3px;}
.hsc-l{font-size:.6rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.38);}
.hsc-pills{display:flex;flex-wrap:wrap;gap:6px;}
.hsc-pill{font-size:.7rem;font-weight:600;color:rgba(255,255,255,.65);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:4px;}
/* MAIN BODY */
.page-body{padding:60px 48px;max-width:1200px;margin:0 auto;}
.two-col{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start;}
/* FEATURES */
.feat-intro{font-size:.97rem;color:var(--muted);line-height:1.85;margin-bottom:32px;}
.section-label{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pur);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.section-label::before{content:'';width:20px;height:2px;background:var(--grad);}
.feat-grid{display:flex;flex-direction:column;gap:10px;}
.feat-item{display:flex;align-items:flex-start;gap:14px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-md);padding:16px 18px;transition:.25s;}
.feat-item:hover{border-color:var(--pur);background:var(--pink-light);}
.fi-num{width:28px;height:28px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;color:#fff;flex-shrink:0;margin-top:1px;}
.fi-body{flex:1;}
.fi-title{font-size:.92rem;font-weight:700;color:var(--pur2);margin-bottom:3px;}
.fi-desc{font-size:.84rem;color:var(--muted);line-height:1.55;}
/* SIDEBAR */
.sidebar{display:flex;flex-direction:column;gap:16px;}
.sb-box{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:22px;transition:.25s;}
.sb-box:hover{border-color:var(--pur);}
.sb-title{font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pur);margin-bottom:12px;display:flex;align-items:center;gap:6px;}
.benefit-list{display:flex;flex-direction:column;gap:8px;}
.benefit-item{display:flex;align-items:center;gap:8px;font-size:.87rem;color:var(--text);font-weight:500;}
.benefit-item::before{content:'✓';color:var(--pur);font-weight:800;}
.related-pills{display:flex;flex-wrap:wrap;gap:6px;}
.rel-pill{font-size:.75rem;background:var(--pink-light);border:1px solid rgba(139,31,191,.2);color:var(--pur2);padding:5px 12px;border-radius:4px;font-weight:600;cursor:pointer;transition:.2s;}
.rel-pill:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
/* CTA BOX */
.cta-box{background:var(--grad);border-radius:var(--r-xl);padding:30px;text-align:center;}
.cta-box h3{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:8px;line-height:1.2;}
.cta-box p{font-size:.84rem;color:rgba(255,255,255,.75);margin-bottom:18px;line-height:1.55;}
.cta-box-btn{background:#fff;color:var(--pur);padding:11px 22px;border-radius:100px;font-weight:700;font-size:.88rem;transition:.25s;display:inline-flex;align-items:center;gap:7px;width:100%;justify-content:center;}
.cta-box-btn:hover{background:var(--orange);color:#fff;}
/* MODULE NAV */
.mod-nav{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 48px;overflow-x:auto;}
.mod-nav-in{max-width:1200px;margin:0 auto;display:flex;gap:6px;white-space:nowrap;}
.mod-nav-btn{font-size:.78rem;font-weight:600;color:var(--pur2);background:var(--white);border:1.5px solid var(--border);padding:7px 16px;border-radius:100px;text-decoration:none;transition:.2s;flex-shrink:0;}
.mod-nav-btn:hover{border-color:var(--pur);background:var(--pink-light);color:var(--pur);}
.mod-nav-btn.active{background:var(--grad);border-color:transparent;color:#fff;}
/* CTA SECTION */
.cta-section{background:var(--grad);padding:80px 48px;text-align:center;position:relative;}
.cta-in{max-width:640px;margin:0 auto;}
.cta-in h2{font-size:2.6rem;font-weight:800;color:#fff;margin-bottom:14px;line-height:1.1;}
.cta-in p{color:rgba(255,255,255,.8);font-size:1rem;line-height:1.8;margin-bottom:32px;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn-white{background:#fff;color:var(--pur);padding:13px 28px;border-radius:100px;font-weight:700;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(0,0,0,.15);}
.btn-white:hover{background:var(--orange);color:#fff;transform:translateY(-2px);}
.btn-outline-grad{background:transparent;color:rgba(255,255,255,.85);padding:12px 24px;border-radius:100px;border:2px solid rgba(255,255,255,.35);font-weight:600;font-size:.93rem;transition:.25s;display:inline-flex;align-items:center;gap:8px;}
.btn-outline-grad:hover{border-color:#fff;color:#fff;}
/* EYEBROW */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pur);background:var(--pink-light);border:1px solid rgba(139,31,191,.2);padding:5px 14px;border-radius:100px;margin-bottom:14px;}
/* REVEAL */
.rev{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.rev.vis{opacity:1;transform:translateY(0);}
/* FOOTER */
footer{background:var(--pur-dark);padding:60px 48px 0;}
.ft{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:44px;max-width:1200px;margin:0 auto;padding-bottom:44px;}
.ft-logo{height:52px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1);object-fit:contain;}
.ft-desc{font-size:.85rem;color:rgba(255,255,255,.4);line-height:1.8;margin-bottom:16px;}
.ft-contact a{font-size:.82rem;color:rgba(255,255,255,.4);display:block;line-height:2.1;transition:.2s;}
.ft-contact a:hover{color:var(--orange2);}
.ft-soc{display:flex;gap:6px;margin-top:14px;}
.ft-soc-btn{font-size:.62rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:4px;transition:.2s;}
.ft-soc-btn:hover{background:var(--pur);color:#fff;border-color:var(--pur);}
.ft-col h4{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:14px;}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:7px;}
.ft-col ul li a{font-size:.83rem;color:rgba(255,255,255,.45);transition:.2s;display:flex;align-items:center;gap:6px;}
.ft-col ul li a::before{content:'›';color:var(--pur);}
.ft-col ul li a:hover{color:var(--orange2);padding-left:4px;}
.ft-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 48px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.ft-copy{font-size:.7rem;color:rgba(255,255,255,.2);}
.ft-links{display:flex;gap:14px;}
.ft-links a{font-size:.7rem;color:rgba(255,255,255,.22);transition:.2s;}
.ft-links a:hover{color:var(--orange2);}
@media(max-width:1024px){.page-hero-in{grid-template-columns:1fr;}.two-col{grid-template-columns:1fr;}.ft{grid-template-columns:1fr 1fr;}}
@media(max-width:900px){.page-hero h1{font-size:2.6rem;}.cta-in h2{font-size:2.1rem;}}
@media(max-width:768px){.page-hero,.page-body,.cta-section,.mod-nav,.ft,.ft-bottom{padding-left:20px;padding-right:20px;}nav{padding:0 20px;}.nav-dd,.nav-right>a:not(.nav-inquiry):not(.nav-login){display:none;}.ft{grid-template-columns:1fr;}.ft-bottom{flex-direction:column;gap:10px;text-align:center;}}


/* ===== Laravel merge fixes: mobile menu, sliders, forms, industry pages ===== */
.alert-box{padding:14px 18px;border-radius:14px;margin:16px auto;max-width:1200px;font-size:.92rem;font-weight:600}.alert-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.alert-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.form-error{font-size:.78rem;color:#fecdd3;margin-top:5px}.contact-form .form-error{color:#be123c}.field-invalid{border-color:#ef4444!important}
.mobile-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:var(--white);color:var(--pur);cursor:pointer;z-index:1100}.mobile-toggle span,.mobile-toggle span:before,.mobile-toggle span:after{display:block;width:21px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:.25s}.mobile-toggle span:before,.mobile-toggle span:after{content:"";position:absolute;left:0}.mobile-toggle span:before{top:-7px}.mobile-toggle span:after{top:7px}.mobile-menu-open .mobile-toggle span{background:transparent}.mobile-menu-open .mobile-toggle span:before{top:0;transform:rotate(45deg)}.mobile-menu-open .mobile-toggle span:after{top:0;transform:rotate(-45deg)}.mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(22,6,42,.55);z-index:850}.mobile-menu-open .mobile-backdrop{display:block}.nav-dd-menu a.active{background:var(--pink-light);color:var(--pur)}.nav-right a.active{color:var(--pur);background:var(--pink-light)}.nav-right .nav-dd-btn.active{color:var(--pur);background:var(--pink-light)}
.client-slider{position:relative;overflow:hidden;padding:8px 2px 18px;margin-top:24px}.client-slider:before,.client-slider:after{content:"";position:absolute;top:0;bottom:0;width:72px;z-index:2;pointer-events:none}.client-slider:before{left:0;background:linear-gradient(90deg,var(--bg),rgba(255,255,255,0))}.client-slider:after{right:0;background:linear-gradient(270deg,var(--bg),rgba(255,255,255,0))}.client-track{display:flex;gap:18px;width:max-content;animation:clientMarquee 34s linear infinite;will-change:transform}.client-slider:hover .client-track,.client-slider.is-paused .client-track,.client-slider:focus-within .client-track{animation-play-state:paused}.client-track .testi-card{flex:0 0 365px;max-width:86vw;height:auto}@keyframes clientMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.contact-form .form-submit,.hero-form .form-submit{appearance:none}.no-scroll{overflow:hidden}.hero-form .form-group input,.hero-form .form-group select{min-height:44px}.contact-form textarea{min-height:120px;resize:vertical}.map-embed iframe{width:100%;min-height:260px;border:0;border-radius:var(--r-md)}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.industry-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:0 10px 30px rgba(139,31,191,.08);transition:.25s}.industry-card:hover{transform:translateY(-5px);border-color:var(--pur);box-shadow:0 18px 44px rgba(139,31,191,.13)}.industry-card h3{font-size:1.08rem;color:var(--pur2);margin-bottom:8px}.industry-card p{color:var(--muted);font-size:.92rem;line-height:1.7}.industry-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}.industry-list li{list-style:none;background:var(--pink-light);border:1px solid var(--border);border-radius:14px;padding:12px 14px;color:var(--pur2);font-weight:600}.industry-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.88);font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-bottom:18px}
@media(max-width:991px){.topbar{display:none}nav{height:auto;min-height:70px;padding:10px 20px;gap:12px}.mobile-toggle{display:flex}.nav-logo{height:44px}.nav-right{position:fixed;top:0;right:0;width:min(86vw,380px);height:100vh;background:var(--white);z-index:1000;display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:84px 20px 30px;gap:8px;transform:translateX(110%);transition:transform .28s ease;box-shadow:-22px 0 50px rgba(31,12,57,.22);overflow:auto}.mobile-menu-open .nav-right{transform:translateX(0)}.nav-right>a{display:block!important}.nav-right>a,.nav-dd-btn{width:100%;justify-content:space-between;text-align:left;font-size:.98rem!important;padding:12px 14px!important;border-radius:14px!important}.nav-dd{display:block!important;width:100%}.nav-dd-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:var(--bg);max-height:0;overflow:hidden;min-width:0;padding:0;margin-top:0;transition:max-height .25s ease,padding .25s ease}.nav-dd.open .nav-dd-menu{max-height:780px;padding:8px;margin-top:6px}.nav-dd:hover .nav-dd-menu{transform:none}.nav-dd:hover .nav-dd-btn svg{transform:none}.nav-dd.open .nav-dd-btn svg{transform:rotate(180deg)}.nav-inquiry,.nav-login{width:100%;text-align:center;margin-top:4px}.section,.section-alt-in,.section-dark-in{padding-left:18px!important;padding-right:18px!important}.hero-in{grid-template-columns:1fr!important;gap:30px!important}.hero h1,.page-hero h1,.contact-hero h1{font-size:clamp(2.15rem,11vw,3.8rem)!important}.hero-form{padding:22px!important}.stats-in{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.stat-item{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.14)}.feat-grid,.ind-grid,.blog-grid,.topics-grid,.process-grid,.industry-grid{grid-template-columns:1fr 1fr!important}.contact-layout,.two-col,.about-main{grid-template-columns:1fr!important;gap:24px!important}.form-row{grid-template-columns:1fr!important}.ft{grid-template-columns:1fr!important}.about-stats,.qc-cards{grid-template-columns:repeat(2,1fr)!important}.client-slider:before,.client-slider:after{width:34px}.client-track .testi-card{flex-basis:310px}}
@media(max-width:560px){nav{padding:9px 14px}.nav-logo{height:38px}.nav-right{width:92vw}.hero,.page-hero,.contact-hero{padding-left:16px!important;padding-right:16px!important}.stats-in{grid-template-columns:1fr!important}.feat-grid,.ind-grid,.blog-grid,.values-grid,.mv-grid,.topics-grid,.process-grid,.industry-grid,.industry-list,.about-stats,.qc-cards{grid-template-columns:1fr!important}.hero-btns,.cta-btns{flex-direction:column!important;align-items:stretch!important}.hero-btns a,.cta-btns a{text-align:center;justify-content:center}.ft-bottom{padding-left:16px!important;padding-right:16px!important}.client-track .testi-card{flex-basis:280px}.contact-form{padding:24px!important}.cta-section{margin-left:0!important;margin-right:0!important}.mod-nav-in{gap:8px;overflow-x:auto}.mod-nav-btn{white-space:nowrap}.breadcrumb{max-width:100%;overflow-x:auto}.tl-item{grid-template-columns:54px 1fr!important}.tl-dot{width:54px!important;height:54px!important;font-size:.76rem!important}}

/* ================================
   HOME HERO FORM - CONTACT FIELDS SAME AS CONTACT PAGE
================================ */
.hero-contact-form .form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.hero-contact-form .form-group{
  margin-bottom:12px;
}
.hero-contact-form .form-group label{
  color:rgba(255,255,255,.78);
  font-size:.62rem;
  letter-spacing:1.35px;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:6px;
}
.hero-contact-form .form-group input,
.hero-contact-form .form-group select,
.hero-contact-form .form-group textarea{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  border-radius:var(--r-sm);
  min-height:42px;
}
.hero-contact-form .form-group input::placeholder,
.hero-contact-form .form-group textarea::placeholder{
  color:rgba(255,255,255,.43);
}
.hero-contact-form .form-group input:focus,
.hero-contact-form .form-group select:focus,
.hero-contact-form .form-group textarea:focus{
  border-color:var(--orange2);
  background:rgba(255,255,255,.15);
}
.hero-contact-form .form-group select{
  color:rgba(255,255,255,.74);
}
.hero-contact-form .form-group select option{
  background:var(--pur-dark);
  color:#fff;
}
.hero-contact-form .form-group textarea{
  min-height:86px;
  resize:vertical;
}
.hero-contact-form .form-note{
  color:rgba(255,255,255,.58);
  font-size:.74rem;
  line-height:1.5;
  margin-top:12px;
}
.hero-contact-form .form-error{
  color:#fecdd3;
}

@media(max-width:1200px){
  .hero-contact-form .form-row{
    grid-template-columns:1fr;
    gap:0;
  }
}

/* =========================================================
   HOME ERP FEATURES / MODULES - OLD WEBSITE STYLE UI
   Keeps module page .feat-grid untouched by using unique classes
========================================================= */
.home-modules-section{
  position:relative;
  overflow:hidden;
  padding:78px 20px 82px;
  background-color:#fff;
  background-image:radial-gradient(rgba(32, 19, 50, .045) 2px, transparent 2px);
  background-size:24px 24px;
}
.home-modules-section::before,
.home-modules-section::after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  filter:blur(18px);
  opacity:.16;
  pointer-events:none;
}
.home-modules-section::before{left:-150px;top:-120px;background:#8B1FBF;}
.home-modules-section::after{right:-160px;bottom:-150px;background:#C2185B;}
.home-modules-in{
  position:relative;
  z-index:1;
  width:min(1340px,100%);
  margin:0 auto;
}
.home-section-head{
  text-align:center;
  margin-bottom:46px;
}
.home-modules-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 18px;
  border:1px solid rgba(139,31,191,.22);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:#8B1FBF;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:3px;
  text-transform:uppercase;
  box-shadow:0 10px 28px rgba(139,31,191,.08);
  margin-bottom:20px;
}
.home-section-head h2{
  margin:0;
  font-size:clamp(2rem,3vw,2.85rem);
  line-height:1.15;
  font-weight:800;
  letter-spacing:4px;
  color:#8B1FBF;
  text-transform:none;
}
.home-section-head p{
  margin:14px 0 0;
  color:#C2185B;
  font-size:.95rem;
  letter-spacing:.8px;
}
.home-module-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px 72px;
  align-items:stretch;
}
.home-module-card{
  --module-color:#2458a4;
  position:relative;
  min-height:98px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:24px 28px 20px 108px;
  border-radius:10px;
  background:#f0f0f1;
  color:var(--module-color);
  box-shadow:0 12px 28px rgba(31,12,57,.07);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  overflow:visible;
}
.home-module-card::after{
  content:"";
  position:absolute;
  top:30px;
  right:0;
  width:5px;
  height:50px;
  border-radius:6px 0 0 6px;
  background:var(--module-color);
}
.home-module-card:hover{
  transform:translateY(-6px);
  background:#fff;
  box-shadow:0 18px 42px rgba(31,12,57,.14);
}
.module-icon-box{
  position:absolute;
  left:18px;
  top:-18px;
  width:78px;
  height:78px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px 8px 2px 2px;
  background:linear-gradient(135deg,var(--module-color),color-mix(in srgb, var(--module-color) 78%, #000 22%));
  color:#fff;
  box-shadow:10px 12px 0 rgba(0,0,0,.08), 0 13px 24px rgba(31,12,57,.16);
}
.module-icon-box::before{
  content:"";
  position:absolute;
  inset:10px 14px 22px;
  border:1.8px solid rgba(255,255,255,.55);
  border-radius:3px;
}
.module-icon-box::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:17px;
  width:26px;
  height:1.8px;
  transform:translateX(-50%);
  background:rgba(255,255,255,.55);
}
.module-icon{
  position:relative;
  z-index:1;
  font-size:1.45rem;
  filter:grayscale(1) brightness(1.9);
}
.module-no{
  position:absolute;
  left:50%;
  bottom:-12px;
  width:25px;
  height:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateX(-50%);
  border-radius:50%;
  background:color-mix(in srgb, var(--module-color) 82%, #fff 18%);
  color:#fff;
  font-size:.68rem;
  font-weight:800;
  box-shadow:0 5px 10px rgba(31,12,57,.18);
}
.module-title{
  display:block;
  width:100%;
  text-align:right;
  font-size:1rem;
  font-weight:700;
  letter-spacing:.2px;
  color:var(--module-color);
}
.home-module-card.mod-blue{--module-color:#2458a4;}
.home-module-card.mod-pink{--module-color:#c44a86;}
.home-module-card.mod-purple{--module-color:#a340e4;}
.home-module-card.mod-rust{--module-color:#b14525;}
.home-module-card.mod-orange{--module-color:#e65d3f;}
.home-module-card.mod-violet{--module-color:#bb55e7;}
.home-module-card.mod-rose{--module-color:#ca5f92;}
.home-module-card.mod-navy{--module-color:#2f69ba;}

@supports not (background:color-mix(in srgb, #000 50%, #fff 50%)){
  .module-icon-box{background:var(--module-color);}
  .module-no{background:var(--module-color);}
}

@media(max-width:1180px){
  .home-module-grid{gap:22px 34px;}
  .home-module-card{padding-left:104px;padding-right:22px;}
}
@media(max-width:991px){
  .home-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 26px;}
}
@media(max-width:560px){
  .home-modules-section{padding:56px 16px 64px;}
  .home-section-head{margin-bottom:36px;}
  .home-section-head h2{font-size:2rem;letter-spacing:2px;}
  .home-section-head p{font-size:.88rem;}
  .home-module-grid{grid-template-columns:1fr;gap:28px;}
  .home-module-card{min-height:90px;padding:22px 24px 18px 100px;}
  .module-icon-box{width:70px;height:70px;left:16px;}
  .module-title{text-align:right;font-size:.98rem;}
}


/* =========================================================
   HOME OLD WEBSITE CONTENT SECTIONS
   Reviews static, Clientele logos auto-scroll, Verticals, Blogs
========================================================= */
.home-wide-in{width:min(1180px,100%);margin:0 auto;position:relative;z-index:1;}
.home-reviews-section{position:relative;overflow:hidden;}
/*.review-static-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:38px;}*/
/*.review-card-static{background:#fff;border:1px solid rgba(139,15,179,.12);border-radius:28px;padding:28px 22px;text-align:center;box-shadow:0 16px 42px rgba(45,0,70,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}*/
/*.review-card-static:hover{transform:translateY(-6px);box-shadow:0 22px 52px rgba(45,0,70,.13);border-color:rgba(139,15,179,.28);}*/
/*.review-user-img{width:76px;height:76px;border-radius:50%;margin:0 auto 14px;background:#fff;box-shadow:0 12px 28px rgba(45,0,70,.1);overflow:hidden;display:flex;align-items:center;justify-content:center;}*/
/*.review-user-img img{width:100%;height:100%;object-fit:cover;}*/
/*.review-stars{color:#f6a90a;letter-spacing:2px;font-size:.96rem;margin-bottom:14px;}*/
/*.review-card-static p{margin:0 0 18px;color:#5e5267;line-height:1.68;font-size:.94rem;}*/
/*.review-card-static h4{margin:0;color:#130024;font-size:1.05rem;font-weight:900;}*/
.review-location-text {
    max-width: 820px;
    margin: -25px auto 30px;
    text-align: center;
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;
}

.review-location-text strong {
    color: #1B3A6B;
    font-weight: 700;
}

.review-slider {
    position: relative;
    max-width: 1160px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
}

.review-viewport {
    width: 100%;
    overflow: hidden;
    padding: 12px 4px 22px;
}

.review-track {
    display: flex;
    gap: 22px;
    transition: transform 0.55s ease;
    will-change: transform;
}

.review-card {
    flex: 0 0 calc((100% - 44px) / 3);
    min-height: 345px;
    background: #ffffff;
    border: 1px solid #e7edf7;
    border-radius: 22px;
    padding: 28px 24px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(27, 58, 107, 0.08);
    transition: all 0.35s ease;
}

.review-card:hover {
    transform: translateY(-8px);
    border-color: #E8671A;
    box-shadow: 0 18px 45px rgba(27, 58, 107, 0.16);
}

.review-user-img {
    width: 72px;
    height: 72px;
    margin: 0 auto 14px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff4ed;
    background: #fff;
}

.review-user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.review-stars {
    color: #f5a623;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.review-card p {
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 16px;
}

.review-card h4 {
    color: #1B3A6B;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

.review-company {
    color: #E8671A;
    font-size: 13px;
    font-weight: 600;
}

.review-nav {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 50%;
    border: none;
    background: #1B3A6B;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-nav:hover {
    background: #E8671A;
    transform: scale(1.08);
}

.review-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
}

.review-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: none;
    background: #cbd5e1;
    cursor: pointer;
    transition: all 0.25s ease;
}

.review-dot.active {
    width: 28px;
    border-radius: 20px;
    background: #E8671A;
}

@media (max-width: 991px) {
    .review-card {
        flex-basis: calc((100% - 22px) / 2);
    }
}

@media (max-width: 576px) {
    .review-slider {
        gap: 8px;
    }

    .review-card {
        flex-basis: 100%;
        min-height: 370px;
    }

    .review-nav {
        width: 38px;
        height: 38px;
        min-width: 38px;
        font-size: 18px;
    }
}

.home-verticals-section{position:relative;overflow:hidden;padding:82px 20px;background:#fff;background-image:radial-gradient(rgba(139,15,179,.06) 2px, transparent 2px);background-size:24px 24px;}
.verticals-grid-home{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px;}
.vertical-card-home{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;background:#fff;border:1px solid rgba(139,15,179,.12);border-radius:26px;padding:24px 18px;color:#170026;box-shadow:0 16px 44px rgba(45,0,70,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.vertical-card-home:hover{transform:translateY(-7px);box-shadow:0 24px 58px rgba(45,0,70,.13);border-color:rgba(139,15,179,.30);}
.vertical-card-home img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(45,0,70,.12));}
.vertical-card-home span{font-size:.96rem;line-height:1.35;font-weight:850;color:#281334;}

.clientele-logo-section{position:relative;overflow:hidden;padding:84px 20px;background:linear-gradient(180deg,#fbf6ff 0%,#fff 100%);}
.clientele-head{text-align:center;max-width:860px;margin:0 auto 36px;}
.clientele-head h2{margin:0 0 14px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;letter-spacing:-1.8px;font-weight:900;color:#130024;}
.clientele-head p{margin:0;color:#6d6078;line-height:1.75;font-size:1.02rem;}
.clientele-marquee{position:relative;overflow:hidden;border-radius:28px;background:#fff;border:1px solid rgba(139,15,179,.1);box-shadow:0 18px 50px rgba(45,0,70,.1);padding:22px 0;}
.clientele-marquee::before,.clientele-marquee::after{content:"";position:absolute;top:0;width:110px;height:100%;z-index:2;pointer-events:none;}
.clientele-marquee::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0));}
.clientele-marquee::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0));}
.clientele-track{display:flex;align-items:center;gap:28px;width:max-content;animation:clienteleLogoScroll 36s linear infinite;}
.clientele-marquee:hover .clientele-track{animation-play-state:paused;}
.clientele-track img{width:150px;height:78px;object-fit:contain;background:#fff;border:1px solid rgba(139,15,179,.08);border-radius:18px;padding:14px 18px;box-shadow:0 10px 28px rgba(45,0,70,.06);filter:grayscale(.08);transition:transform .2s ease,filter .2s ease;}
.clientele-track img:hover{transform:scale(1.04);filter:grayscale(0);}
@keyframes clienteleLogoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.home-blogs-section{position:relative;overflow:hidden;padding:84px 20px;background:#fff;}
.blog-head-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px;}
.blog-head-row h2{margin:0;font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;letter-spacing:-1.8px;font-weight:900;color:#130024;}
.home-blog-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px;}
.home-blog-card{overflow:hidden;background:#fff;border:1px solid rgba(139,15,179,.12);border-radius:28px;box-shadow:0 18px 50px rgba(45,0,70,.09);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.home-blog-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(45,0,70,.14);border-color:rgba(139,15,179,.28);}
.home-blog-card img{width:100%;height:220px;object-fit:cover;background:#fbf6ff;display:block;}
.home-blog-card:first-child img{height:260px;}
.home-blog-body{padding:24px;}
.blog-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#8b0fb3;font-size:.78rem;font-weight:850;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;}
.home-blog-body h3{margin:0 0 10px;color:#130024;font-size:1.18rem;line-height:1.35;font-weight:900;}
.home-blog-body p{margin:0 0 18px;color:#6d6078;line-height:1.65;font-size:.95rem;}
.home-blog-body a{display:inline-flex;color:#8b0fb3;font-weight:900;}

@media(max-width:1100px){
  .review-static-grid,.verticals-grid-home{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-blog-grid{grid-template-columns:1fr 1fr;}
  .home-blog-card:first-child{grid-column:1/-1;}
}
@media(max-width:640px){
  .home-verticals-section,.clientele-logo-section,.home-blogs-section{padding:58px 16px;}
  .review-static-grid,.verticals-grid-home,.home-blog-grid{grid-template-columns:1fr;gap:18px;}
  .blog-head-row{align-items:flex-start;flex-direction:column;}
  .clientele-marquee{border-radius:20px;padding:16px 0;}
  .clientele-track{gap:16px;animation-duration:28s;}
  .clientele-track img{width:126px;height:66px;padding:12px 14px;}
  .clientele-marquee::before,.clientele-marquee::after{width:56px;}
  .vertical-card-home{min-height:150px;}
  .home-blog-card img,.home-blog-card:first-child img{height:190px;}
}

/* Patch: 14 module home grid, footer policies column and small module-title text */
.home-module-card .module-title small{font-size:.72em;font-weight:700;opacity:.86;line-height:1.15;}
/*.ft{grid-template-columns:1.25fr repeat(4,1fr);gap:34px;}*/
@media(max-width:1100px){.ft{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.ft{grid-template-columns:1fr;}}

.nav-inquiry{
  border:0;
  cursor:pointer;
  font-family:inherit;
}

.qi-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.qi-modal.is-open{
  display:flex;
}

.qi-backdrop{
  position:absolute;
  inset:0;
  background:rgba(18,0,30,.72);
  backdrop-filter:blur(8px);
}

.qi-dialog{
  position:relative;
  z-index:2;
  width:min(760px,100%);
  max-height:92vh;
  overflow:auto;
  background:#fff;
  border-radius:28px;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
  padding:0;
}

.qi-close{
  position:absolute;
  top:16px;
  right:18px;
  z-index:5;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#f7edff;
  color:#8b0fb3;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  font-weight:700;
}

.qi-form{
  border:0;
  box-shadow:none;
  border-radius:28px;
  width:100%;
}

body.qi-modal-open{
  overflow:hidden;
}

@media(max-width:640px){
  .qi-modal{
    padding:12px;
  }

  .qi-dialog{
    max-height:94vh;
    border-radius:22px;
  }

  .qi-form{
    border-radius:22px;
  }
}

/* ================================
   HOME WORKFLOW SECTION
================================ */

.workflow-section{
  position:relative;
  padding:90px 20px;
  background:
    radial-gradient(circle at 10% 20%, rgba(214,27,168,.08), transparent 30%),
    radial-gradient(circle at 90% 5%, rgba(139,15,179,.10), transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#fbf6ff 100%);
  overflow:hidden;
}

.workflow-container{
  width:min(1191px,100%);
  margin:0 auto;
}

.workflow-head{
  text-align:center;
  max-width:850px;
  margin:0 auto 38px;
}

.workflow-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border-radius:999px;
  background:#fff;
  color:#8b0fb3;
  border:1px solid rgba(139,15,179,.18);
  box-shadow:0 12px 30px rgba(45,0,70,.08);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:16px;
}

.workflow-head h2{
  margin:0;
  color:#130024;
  font-size:clamp(2rem,4vw,3.3rem);
  line-height:1.08;
  letter-spacing:-1.5px;
  font-weight:900;
}

.workflow-head h2 span{
  color:#8b0fb3;
}

.workflow-head p{
  max-width:760px;
  margin:16px auto 0;
  color:#6d6078;
  font-size:1.02rem;
  line-height:1.75;
}

.workflow-image-box{
  background:#211f20;
  border-radius:28px;
  /*padding:18px;*/
  box-shadow:0 28px 80px rgba(45,0,70,.22);
  border:1px solid rgba(139,15,179,.14);
  overflow:hidden;
}

.workflow-image-box img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}

@media(max-width:768px){
  .workflow-section{
    padding:58px 14px;
  }

  .workflow-head{
    margin-bottom:26px;
  }

  .workflow-head h2{
    font-size:2rem;
  }

  .workflow-head p{
    font-size:.95rem;
  }

  .workflow-image-box{
    padding:10px;
    border-radius:18px;
    overflow-x:auto;
  }

  .workflow-image-box img{
    min-width:900px;
    border-radius:12px;
  }
}

/* ================================
   ABOUT FAQ SECTION
================================ */

.faq-section{
  padding:90px 20px;
  background:
    radial-gradient(circle at 12% 15%,rgba(214,27,168,.09),transparent 30%),
    radial-gradient(circle at 88% 10%,rgba(139,15,179,.10),transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#fbf6ff 100%);
}

.faq-container{
  width:min(980px,100%);
  margin:0 auto;
}

.faq-head{
  text-align:center;
  max-width:820px;
  margin:0 auto 38px;
}

.faq-head h2{
  margin:0 0 14px;
  font-size:clamp(2rem,4vw,3.3rem);
  line-height:1.08;
  letter-spacing:-1.5px;
  color:#130024;
  font-weight:900;
}

.faq-head p{
  margin:0 auto;
  max-width:760px;
  color:#6d6078;
  font-size:1.02rem;
  line-height:1.75;
}

.faq-list{
  display:grid;
  gap:16px;
}

.faq-item{
  background:#fff;
  border:1px solid rgba(139,15,179,.12);
  border-radius:22px;
  box-shadow:0 16px 42px rgba(45,0,70,.08);
  overflow:hidden;
}

.faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:22px 58px 22px 24px;
  position:relative;
  color:#130024;
  font-size:1.02rem;
  font-weight:900;
  line-height:1.45;
}

.faq-item summary::-webkit-details-marker{
  display:none;
}

.faq-item summary:after{
  content:"+";
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,#6b0aa8 0%,#d61ba8 100%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.35rem;
  font-weight:700;
  line-height:1;
}

.faq-item[open] summary:after{
  content:"−";
}

.faq-answer{
  padding:0 24px 24px;
  color:#6d6078;
  line-height:1.75;
  font-size:.98rem;
}

.faq-answer p{
  margin:0;
}

@media(max-width:640px){
  .faq-section{
    padding:58px 16px;
  }

  .faq-item summary{
    padding:18px 54px 18px 18px;
    font-size:.96rem;
  }

  .faq-answer{
    padding:0 18px 20px;
    font-size:.94rem;
  }
}

.blog-load-more-wrap{
  display:flex;
  justify-content:center;
  margin-top:42px;
}

.blog-load-more-btn{
  border:0;
  cursor:pointer;
  /*min-width:170px;*/
  font-family:inherit;
}

.module-tab-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  overflow-x: hidden;
}

.module-tab-list a {
  white-space: normal;
  flex: 0 1 auto;
}

.ft-soc {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ft-soc-btn {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.18);
    font-size: 15px;
    text-decoration: none;
    transition: all 0.25s ease;
}

.ft-soc-btn:hover {
    background: #E8671A;
    color: #ffffff;
    border-color: #E8671A;
    transform: translateY(-3px);
}

.tb-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tb-soc {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.18);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.25s ease;
}

.tb-soc:hover {
    background: #E8671A;
    color: #ffffff;
    border-color: #E8671A;
    transform: translateY(-2px);
}

.blog-filter-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  margin:0 0 34px;
}

.blog-filter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(139,15,179,.18);
  background:#fff;
  color:#8b0fb3;
  font-size:.86rem;
  font-weight:800;
  text-decoration:none;
  transition:.25s ease;
}

.blog-filter:hover,
.blog-filter.active{
  background:linear-gradient(135deg,#6b0aa8 0%,#d61ba8 100%);
  color:#fff;
  border-color:transparent;
  box-shadow:0 12px 26px rgba(139,15,179,.22);
}

.bc-tag{
  display:inline-flex;
  width:max-content;
  margin-bottom:12px;
  padding:7px 12px;
  border-radius:999px;
  background:#fbf1ff;
  color:#8b0fb3;
  border:1px solid rgba(139,15,179,.16);
  font-size:.76rem;
  font-weight:900;
  text-decoration:none;
}

.bc-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 18px;
}

.bc-tags a{
  color:#7a647f;
  background:#faf6ff;
  border:1px solid rgba(139,15,179,.12);
  border-radius:999px;
  padding:6px 10px;
  font-size:.74rem;
  font-weight:700;
  text-decoration:none;
}

.bc-tags a:hover{
  color:#8b0fb3;
}

/* =====================================================
   FINAL DESKTOP MEGA MENU FIX
   Hover thi submenu par javay tyare close na thay
===================================================== */

@media (min-width: 992px){

  nav{
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    overflow: visible !important;
  }

  .nav-right{
    position: static !important;
    overflow: visible !important;
  }

  .nav-dd{
    position: static !important;
  }

  .nav-dd-btn{
    position: relative !important;
    z-index: 100001 !important;
  }

  /* submenu invisible default */
  .nav-dd-menu.nav-mega-menu{
    position: absolute !important;
    top: 72px !important;
    left: 50% !important;
    right: auto !important;

    width: min(980px, calc(100vw - 60px)) !important;
    max-height: calc(100vh - 130px) !important;
    overflow-y: auto !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;

    padding: 26px !important;
    margin: 0 !important;

    background: #fff !important;
    border: 1px solid rgba(139,31,191,.16) !important;
    border-radius: 22px !important;
    box-shadow: 0 28px 80px rgba(45,0,70,.20) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateX(-50%) translateY(0) !important;
    z-index: 100000 !important;

    transition: opacity .15s ease, visibility .15s ease !important;
  }

  /* hover/focus par open */
  .nav-dd:hover > .nav-dd-menu.nav-mega-menu,
  .nav-dd:focus-within > .nav-dd-menu.nav-mega-menu{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* invisible bridge: button ane menu vachche gap cover kare */
  .nav-dd:hover::after,
  .nav-dd:focus-within::after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    height: 22px !important;
    z-index: 99999 !important;
    background: transparent !important;
  }

  .nav-dd:hover > .nav-dd-btn,
  .nav-dd:focus-within > .nav-dd-btn{
    color: var(--pur) !important;
    background: var(--pink-light) !important;
  }

  .nav-dd:hover > .nav-dd-btn svg,
  .nav-dd:focus-within > .nav-dd-btn svg{
    transform: rotate(180deg) !important;
  }

  .mega-col{
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
  }

  .mega-col h4{
    margin: 0 0 10px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(139,31,191,.14) !important;
    color: #8b0fb3 !important;
    font-size: .82rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;
    line-height: 1.35 !important;
  }

  .mega-col a{
    display: block !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    color: #251030 !important;
    font-size: .88rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }

  .mega-col a::before{
    display: none !important;
  }

  .mega-col a:hover,
  .mega-col a.active{
    background: #fbf1ff !important;
    color: #8b0fb3 !important;
    padding-left: 10px !important;
  }
}

/* =====================================================
   FINAL FIX - DESKTOP MODULES / INDUSTRIES MEGA MENU
===================================================== */

@media (min-width: 992px){

  nav{
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    overflow: visible !important;
  }

  .nav-right{
    position: static !important;
    overflow: visible !important;
  }

  /* IMPORTANT: static nahi rakhvu */
  .nav-right .nav-dd{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    height: 72px !important;
  }

  .nav-dd-btn{
    position: relative !important;
    z-index: 100002 !important;
  }

  /* button ane menu vachche invisible bridge */
  .nav-right .nav-dd::after{
    content: "" !important;
    position: absolute !important;
    left: -20px !important;
    right: -20px !important;
    top: 100% !important;
    height: 16px !important;
    background: transparent !important;
    display: none !important;
    z-index: 100000 !important;
  }

  .nav-right .nav-dd:hover::after,
  .nav-right .nav-dd:focus-within::after{
    display: block !important;
  }

  .nav-dd-menu.nav-mega-menu{
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;

    width: min(700px, calc(100vw - 70px)) !important;
    max-height: calc(100vh - 150px) !important;
    overflow-y: auto !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;

    padding: 26px !important;
    margin: 0 !important;

    background: #ffffff !important;
    border: 1px solid rgba(139,31,191,.16) !important;
    border-radius: 22px !important;
    box-shadow: 0 28px 80px rgba(45,0,70,.20) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateY(8px) !important;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;

    z-index: 100001 !important;
  }

  .nav-right .nav-dd:hover > .nav-dd-menu.nav-mega-menu,
  .nav-right .nav-dd:focus-within > .nav-dd-menu.nav-mega-menu{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .nav-right .nav-dd:hover > .nav-dd-btn,
  .nav-right .nav-dd:focus-within > .nav-dd-btn{
    color: var(--pur) !important;
    background: var(--pink-light) !important;
  }

  .nav-right .nav-dd:hover > .nav-dd-btn svg,
  .nav-right .nav-dd:focus-within > .nav-dd-btn svg{
    transform: rotate(180deg) !important;
  }

  .mega-col{
    display: flex !important;
    flex-direction: column !important;
    gap: 0px !important;
    min-width: 0 !important;
  }

  .mega-col h4{
    margin: 0 0 10px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(139,31,191,.14) !important;
    color: #8b0fb3 !important;
    font-size: .82rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;
    line-height: 1.35 !important;
  }

  .mega-col a{
    display: block !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    color: #251030 !important;
    font-size: .88rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }

  .mega-col a::before{
    display: none !important;
  }

  .mega-col a:hover,
  .mega-col a.active{
    background: #fbf1ff !important;
    color: #8b0fb3 !important;
    padding-left: 10px !important;
  }
}

/* Mobile menu old working logic same rehva do */
@media (max-width: 991px){

  .nav-right .nav-dd{
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .nav-dd-menu.nav-mega-menu{
    position: static !important;
    width: 100% !important;
    max-height: 0 !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 0 !important;
    margin-top: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    background: var(--bg) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: max-height .25s ease, padding .25s ease, margin .25s ease !important;
  }

  .nav-dd.open > .nav-dd-menu.nav-mega-menu{
    max-height: 1200px !important;
    padding: 14px !important;
    margin-top: 8px !important;
  }
}

.page-hero-in img {
    max-width: 54px;
}

/* =====================================================
   FINAL FIX - SIMPLE 2 COLUMN DROPDOWN MENU
===================================================== */

@media (min-width: 992px){

  nav{
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    overflow: visible !important;
  }

  .nav-right{
    position: static !important;
    overflow: visible !important;
  }

  .nav-right .nav-dd{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    height: 72px !important;
  }

  .nav-dd-btn{
    position: relative !important;
    z-index: 100002 !important;
  }

  .nav-right .nav-dd::after{
    content: "" !important;
    position: absolute !important;
    left: -18px !important;
    right: -18px !important;
    top: 100% !important;
    height: 18px !important;
    background: transparent !important;
    display: none !important;
    z-index: 100000 !important;
  }

  .nav-right .nav-dd:hover::after,
  .nav-right .nav-dd:focus-within::after{
    display: block !important;
  }

  .nav-dd-menu.nav-mega-menu.nav-two-col-menu{
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: -80px !important;
    left: auto !important;

    width: 520px !important;
    max-width: calc(100vw - 40px) !important;
    max-height: calc(100vh - 150px) !important;
    overflow-y: auto !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 12px !important;

    padding: 18px !important;
    margin: 0 !important;

    background: #fff !important;
    border: 1px solid rgba(139,31,191,.16) !important;
    border-radius: 20px !important;
    box-shadow: 0 26px 70px rgba(45,0,70,.18) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
    z-index: 100001 !important;
  }

  .nav-right .nav-dd:hover > .nav-dd-menu.nav-mega-menu.nav-two-col-menu,
  .nav-right .nav-dd:focus-within > .nav-dd-menu.nav-mega-menu.nav-two-col-menu{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .nav-dd-menu.nav-two-col-menu a{
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    color: #251030 !important;
    font-size: .88rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    background: transparent !important;
    transition: .2s ease !important;
  }

  .nav-dd-menu.nav-two-col-menu a::before{
    content: "" !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg,#8B1FBF,#C2185B) !important;
    flex: 0 0 6px !important;
  }

  .nav-dd-menu.nav-two-col-menu a:hover,
  .nav-dd-menu.nav-two-col-menu a.active{
    background: #fbf1ff !important;
    color: #8b0fb3 !important;
    padding-left: 12px !important;
  }

  .nav-right .nav-dd:hover > .nav-dd-btn,
  .nav-right .nav-dd:focus-within > .nav-dd-btn{
    color: var(--pur) !important;
    background: var(--pink-light) !important;
  }

  .nav-right .nav-dd:hover > .nav-dd-btn svg,
  .nav-right .nav-dd:focus-within > .nav-dd-btn svg{
    transform: rotate(180deg) !important;
  }
}

@media (max-width: 991px){

  .nav-dd-menu.nav-mega-menu.nav-two-col-menu{
    position: static !important;
    width: 100% !important;
    max-height: 0 !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    padding: 0 !important;
    margin-top: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    background: var(--bg) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: max-height .25s ease, padding .25s ease, margin .25s ease !important;
  }

  .nav-dd.open > .nav-dd-menu.nav-mega-menu.nav-two-col-menu{
    max-height: 1200px !important;
    padding: 12px !important;
    margin-top: 8px !important;
  }

  .nav-dd-menu.nav-two-col-menu a{
    padding: 10px 10px !important;
    border-radius: 10px !important;
  }
}
.ft-sub-title{
  margin-top:24px !important;
}

.clientele-logo-item{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.clientele-logo-item::after{
  content:attr(data-name);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%) translateY(8px);
  background:#1a0a2e;
  color:#fff;
  padding:7px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  z-index:20;
  transition:.22s ease;
}

.clientele-logo-item::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:calc(100% + 4px);
  transform:translateX(-50%) translateY(8px);
  border:6px solid transparent;
  border-top-color:#1a0a2e;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:20;
  transition:.22s ease;
}

.clientele-logo-item:hover::after,
.clientele-logo-item:hover::before{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}

/* =====================================================
   CLIENT LOGO HOVER NAME FIX
   Tooltip image box ni andar show thase, cut nahi thay
===================================================== */

.clientele-logo-item{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto;
  height:125px !important;
  flex:0 0 auto !important;
}

.clientele-logo-item img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

/* old arrow hide */
.clientele-logo-item::before{
  display:none !important;
}

/* tooltip inside logo box */
.clientele-logo-item::after{
  content:attr(data-name) !important;
  position:absolute !important;
  left:50% !important;
  bottom:8px !important;
  top:auto !important;

  transform:translateX(-50%) translateY(6px) !important;
  background:rgba(26,10,46,.92) !important;
  color:#fff !important;

  padding:5px 10px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;

  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:50 !important;
  transition:.2s ease !important;
}

.clientele-logo-item:hover::after{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateX(-50%) translateY(0) !important;
}

.office-hours-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.office-hours-grid .hg-full{
  grid-column:1 / -1;
}

.office-hours-grid .hg-item{
  background:#fff;
  border-radius:var(--r-sm);
  padding:10px 12px;
}

.office-hours-grid .hg-full{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

@media(max-width:560px){
  .office-hours-grid{
    grid-template-columns:1fr;
  }

  .office-hours-grid .hg-full{
    display:block;
  }
}

.category-blog-card{
    background:#ffffff;
    border:1px solid #f1e4f8;
    border-radius:24px;
    padding:26px 22px;
    box-shadow:0 14px 34px rgba(45,0,70,.06);
    margin-bottom:22px;
}

.category-blog-card h3{
    margin:0 0 20px;
    color:#1b0630;
    font-size:24px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:.5px;
}

.blog-category-list{
    display:grid;
    gap:10px;
}

.blog-category-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border-radius:14px;
    background:#faf6ff;
    border:1px solid rgba(139,15,179,.12);
    color:#251030;
    text-decoration:none;
    transition:.22s ease;
}

.blog-category-item span{
    font-size:.9rem;
    font-weight:800;
}

.blog-category-item strong{
    min-width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ffffff;
    color:#8b0fb3;
    font-size:.76rem;
    font-weight:900;
    border:1px solid rgba(139,15,179,.16);
}

.blog-category-item:hover,
.blog-category-item.active{
    background:linear-gradient(135deg,#6b0aa8 0%,#d61ba8 100%);
    color:#ffffff;
    border-color:transparent;
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(139,15,179,.18);
}

.blog-category-item:hover strong,
.blog-category-item.active strong{
    background:rgba(255,255,255,.18);
    color:#ffffff;
    border-color:rgba(255,255,255,.28);
}

.thankyou-page{
  padding:50px 20px;
  background:#f7f8f8;
  min-height:calc(100vh - 72px);
  display:flex;
  align-items:center;
  justify-content:center;
}

.thankyou-inner{
  max-width:850px;
  width:100%;
  margin:0 auto;
}

.thankyou-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:28px;
}

.thankyou-header img{
  max-width:120px;
  width:100%;
  height:auto;
  display:block;
}

.thankyou-back{
  background:#7B1F8B;
  color:#fff;
  padding:10px 18px;
  text-decoration:none;
  border-radius:6px;
  font-size:14px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:.25s ease;
}

.thankyou-back:hover{
  background:#E8671A;
  color:#fff;
  transform:translateY(-2px);
}

.thankyou-card{
  background:#fff;
  border-radius:24px;
  padding:34px 28px;
  margin:0 30px 28px;
  text-align:center;
  box-shadow:0 18px 50px rgba(45,0,70,.08);
}

.thankyou-image img{
  max-width:250px;
  width:100%;
  height:auto;
  display:block;
  margin:0 auto;
}

.thankyou-card h1{
  font-size:50px;
  line-height:1.1;
  color:#1f3f73;
  font-weight:800;
  margin:34px 0 22px;
}

.thankyou-card p{
  font-size:16px;
  line-height:30px;
  color:#333;
  margin:0;
}

.thankyou-contact{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.thankyou-contact a{
  font-size:16px;
  line-height:30px;
  font-weight:600;
  text-align:center;
  text-decoration:none;
  color:#1f3f73;
}

.thankyou-contact a:hover{
  color:#8B1FBF;
}

@media(max-width:640px){
  .thankyou-page{
    padding:32px 16px;
  }

  .thankyou-card{
    margin:0 0 24px;
    padding:28px 18px;
  }

  .thankyou-card h1{
    font-size:38px;
  }

  .thankyou-contact{
    flex-direction:column;
    gap:6px;
  }
}

.blog-category-content-box{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:24px;
  align-items:stretch;
  margin:0 0 34px;
  padding:26px;
  border-radius:28px;
  background:
    radial-gradient(circle at 8% 0%, rgba(139,31,191,.12), transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#fbf5ff 100%);
  border:1px solid rgba(139,31,191,.12);
  box-shadow:0 18px 46px rgba(45,0,70,.07);
}

.bcc-left,
.bcc-right{
  position:relative;
}

.bcc-label{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-bottom:14px;
  padding:8px 14px;
  border-radius:999px;
  background:#fbf1ff;
  color:#8b0fb3;
  border:1px solid rgba(139,31,191,.16);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
}

.blog-category-content-box h2{
  margin:0 0 14px;
  color:#170027;
  font-size:clamp(24px,3vw,36px);
  line-height:1.18;
  font-weight:900;
}

.blog-category-content-box p{
  margin:0;
  color:#65566d;
  font-size:1rem;
  line-height:1.8;
  font-weight:500;
}

.bcc-right{
  background:#fff;
  border:1px solid rgba(139,31,191,.1);
  border-radius:22px;
  padding:22px;
  box-shadow:0 12px 30px rgba(45,0,70,.05);
}

.bcc-right h3{
  margin:0 0 14px;
  color:#170027;
  font-size:1.15rem;
  font-weight:900;
}

.bcc-right ul{
  list-style:none;
  padding:0;
  margin:0 0 20px;
  display:grid;
  gap:10px;
}

.bcc-right li{
  position:relative;
  padding-left:22px;
  color:#3e3048;
  font-size:.92rem;
  line-height:1.55;
  font-weight:700;
}

.bcc-right li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,#8B1FBF,#C2185B);
}

.bcc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:12px 16px;
  border-radius:999px;
  background:linear-gradient(135deg,#6b0aa8 0%,#d61ba8 100%);
  color:#fff;
  text-decoration:none;
  font-size:.9rem;
  font-weight:900;
  box-shadow:0 12px 26px rgba(139,15,179,.2);
  transition:.24s ease;
}

.bcc-btn:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(139,15,179,.28);
}

@media(max-width:860px){
  .blog-category-content-box{
    grid-template-columns:1fr;
    padding:22px;
  }
}

/* =====================================================
   MODULE TABS SCROLL REMOVE + WRAP FIX
===================================================== */
/* =====================================================
   MODULE NAV FINAL FIX - WRAP, NO SCROLL, NO HIDE
===================================================== */

.mod-nav.module-tabs-clean{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  overflow-x:hidden !important;
  padding:16px 14px !important;
  box-sizing:border-box !important;
}

.mod-nav.module-tabs-clean .mod-nav-in{
  width:100% !important;
  max-width:1200px !important;
  min-width:0 !important;
  height:auto !important;
  max-height:none !important;

  margin:0 auto !important;

  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;

  overflow:visible !important;
  overflow-x:visible !important;
  white-space:normal !important;
}

.mod-nav.module-tabs-clean .mod-nav-btn{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:100% !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  white-space:nowrap !important;
  margin:0 !important;

  padding:11px 19px !important;
  border-radius:999px !important;
}

/* Hide old scrollbar completely */
.mod-nav.module-tabs-clean::-webkit-scrollbar,
.mod-nav.module-tabs-clean .mod-nav-in::-webkit-scrollbar{
  display:none !important;
}

.mod-nav.module-tabs-clean,
.mod-nav.module-tabs-clean .mod-nav-in{
  scrollbar-width:none !important;
}

@media(max-width:768px){
  .mod-nav.module-tabs-clean{
    padding:12px 10px !important;
  }

  .mod-nav.module-tabs-clean .mod-nav-in{
    justify-content:flex-start !important;
    gap:9px !important;
  }

  .mod-nav.module-tabs-clean .mod-nav-btn{
    font-size:13px !important;
    padding:9px 14px !important;
  }
}

app-hero-card{ min-width:340px; } 
.gc-common-screen-preview{ display:flex; align-items:flex-end; justify-content:center; gap:10px; margin-top:14px; } 
.gc-common-screen-preview img{ width:31%; max-height:210px; object-fit:contain; border-radius:18px; background:#fff; padding:6px; box-shadow:0 14px 34px rgba(0,0,0,.18); } 
.gc-common-screen-preview img:nth-child(2){ transform:translateY(-12px); } 
.gc-common-app-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; margin-top:18px; } 
.gc-common-app-img{ background:#fff; border:1px solid rgba(139,31,191,.12); border-radius:24px; padding:18px; box-shadow:0 16px 38px rgba(45,0,70,.07); display:flex; align-items:center; justify-content:center; } 
.gc-common-app-img img{ width:100%; max-height:420px; object-fit:contain; border-radius:18px; } 

@media(max-width:991px){ 
    .gc-app-hero-card{ min-width:0; } 
    .gc-common-app-grid{ grid-template-columns:1fr; } 
    .gc-common-app-img img{ max-height:520px; } 
} 

@media(max-width:640px){ .gc-common-screen-preview img{ max-height:160px; } }
/* =====================================================
   INDUSTRY TREE TYPE ERP WORKFLOW
===================================================== */

.industry-tree-flow-section{
  position:relative;
  padding:90px 0;
  background:
    radial-gradient(circle at 8% 5%, rgba(139,31,191,.13), transparent 32%),
    radial-gradient(circle at 90% 20%, rgba(194,24,91,.11), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#fbf7ff 100%);
  overflow:hidden;
}

.industry-tree-in{
  width:min(1220px, calc(100% - 32px));
  margin:0 auto;
}

.industry-tree-head{
  max-width:900px;
  margin:0 auto 42px;
  text-align:center;
}

.industry-tree-head h2{
  margin:12px 0 14px;
  color:#170027;
  font-size:clamp(30px,4vw,50px);
  line-height:1.12;
  font-weight:900;
}

.industry-tree-head p{
  margin:0 auto;
  max-width:820px;
  color:#67556f;
  font-size:1.02rem;
  line-height:1.8;
  font-weight:500;
}

.erp-tree-wrap{
  position:relative;
  display:grid;
  gap:18px;
}

.tree-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

.tree-row-3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.tree-stage,
.tree-decision,
.operation-box{
  position:relative;
  background:#ffffff;
  border:1px solid rgba(139,31,191,.12);
  border-radius:26px;
  padding:22px;
  box-shadow:0 16px 42px rgba(45,0,70,.07);
  transition:.25s ease;
  overflow:hidden;
}

.tree-stage::after,
.tree-decision::after,
.operation-box::after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  right:-44px;
  bottom:-44px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(139,31,191,.10), rgba(194,24,91,.10));
}

.tree-stage:hover,
.tree-decision:hover,
.operation-box:hover{
  transform:translateY(-5px);
  border-color:rgba(139,31,191,.24);
  box-shadow:0 24px 58px rgba(139,31,191,.14);
}

.tree-stage{
  display:flex;
  gap:16px;
  align-items:flex-start;
}

.tree-stage-main{
  max-width:760px;
  width:100%;
  margin:0 auto;
}

.tree-stage-final{
  background:linear-gradient(135deg,#ffffff 0%,#fbf1ff 100%);
  border-color:rgba(139,31,191,.22);
}

.tree-icon{
  position:relative;
  z-index:1;
  width:50px;
  height:50px;
  flex:0 0 50px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#6b0aa8 0%,#d61ba8 100%);
  color:#ffffff;
  font-size:22px;
  box-shadow:0 12px 28px rgba(139,15,179,.22);
}

.tree-stage span,
.decision-head span{
  position:relative;
  z-index:1;
  display:inline-flex;
  margin-bottom:6px;
  color:#8b0fb3;
  font-size:.75rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.tree-stage h3,
.decision-head h3,
.operation-head h3{
  position:relative;
  z-index:1;
  margin:0 0 8px;
  color:#170027;
  font-size:1.18rem;
  line-height:1.25;
  font-weight:900;
}

.tree-stage p,
.decision-head p,
.operation-head p,
.decision-branch p{
  position:relative;
  z-index:1;
  margin:0;
  color:#65566d;
  font-size:.92rem;
  line-height:1.65;
  font-weight:500;
}

.tree-arrow{
  width:3px;
  height:34px;
  margin:0 auto;
  border-radius:99px;
  background:linear-gradient(180deg,#8B1FBF,#C2185B);
  position:relative;
}

.tree-arrow::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;
  transform:translateX(-50%);
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:9px solid #C2185B;
}

.decision-head{
  display:flex;
  gap:16px;
  align-items:flex-start;
  margin-bottom:20px;
}

.decision-branches{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}

.decision-branch{
  border-radius:20px;
  padding:18px;
  border:1px solid rgba(139,31,191,.12);
  background:#faf7ff;
}

.decision-branch.yes{
  background:linear-gradient(135deg,#f4fff7 0%,#ffffff 100%);
  border-color:rgba(29,156,76,.22);
}

.decision-branch.no{
  background:linear-gradient(135deg,#fff7f2 0%,#ffffff 100%);
  border-color:rgba(232,103,26,.22);
}

.branch-label{
  display:inline-flex;
  width:max-content;
  margin-bottom:10px;
  padding:7px 12px;
  border-radius:999px;
  font-size:.74rem;
  font-weight:900;
  color:#ffffff;
  background:#8B1FBF;
}

.decision-branch.yes .branch-label{
  background:#17984d;
}

.decision-branch.no .branch-label{
  background:#e8671a;
}

.decision-branch h4{
  margin:0 0 8px;
  color:#170027;
  font-size:1rem;
  font-weight:900;
}

.operation-box{
  padding:28px;
}

.operation-head{
  position:relative;
  z-index:1;
  max-width:760px;
  margin-bottom:20px;
}

.operation-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:12px;
}

.operation-item{
  padding:12px 12px;
  border-radius:999px;
  background:#fbf1ff;
  border:1px solid rgba(139,31,191,.14);
  color:#341344;
  font-size:.85rem;
  font-weight:900;
  text-align:center;
}

@media(max-width:991px){
  .tree-row,
  .tree-row-3,
  .decision-branches{
    grid-template-columns:1fr;
  }

  .operation-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:640px){
  .industry-tree-flow-section{
    padding:65px 0;
  }

  .industry-tree-head{
    text-align:left;
  }

  .tree-stage,
  .decision-head{
    flex-direction:column;
  }

  .operation-grid{
    grid-template-columns:1fr;
  }
}

.mod-nav{
    display:none;
}

/* =====================================================
   COMPACT INDUSTRY WORKFLOW TREE
===================================================== */

.mini-ind-flow{
  padding:56px 18px;
  background:linear-gradient(180deg,#ffffff 0%,#fbf7ff 100%);
  overflow:hidden;
}

.mini-flow-in{
  width:min(1080px,100%);
  margin:0 auto;
}

.mini-flow-head{
  text-align:center;
  max-width:760px;
  margin:0 auto 28px;
}

.mini-flow-head h2{
  margin:10px 0 10px;
  color:#170027;
  font-size:clamp(26px,3vw,38px);
  line-height:1.15;
  font-weight:900;
}

.mini-flow-head p{
  margin:0 auto;
  color:#67556f;
  font-size:.96rem;
  line-height:1.65;
}

.mini-tree{
  position:relative;
}

.mini-root{
  width:max-content;
  max-width:100%;
  margin:0 auto;
  padding:14px 30px;
  border-radius:999px;
  color:#ffffff;
  background:linear-gradient(135deg,#C2185B 0%,#8B1FBF 55%,#4A148C 100%);
  font-weight:900;
  font-size:1.05rem;
  box-shadow:0 16px 34px rgba(139,31,191,.24);
  text-align:center;
}

.mini-tree-line{
  width:2px;
  height:34px;
  margin:0 auto;
  background:linear-gradient(180deg,#8B1FBF,#C2185B);
  position:relative;
}

.mini-tree-line::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:70%;
  min-width:520px;
  height:2px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#8B1FBF,#C2185B,transparent);
}

.mini-flow-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:0;
}

.mini-flow-card{
  position:relative;
  background:#ffffff;
  border:1px solid rgba(139,31,191,.13);
  border-radius:22px;
  padding:20px 18px;
  box-shadow:0 14px 36px rgba(45,0,70,.07);
  transition:.25s ease;
}

.mini-flow-card::before{
  content:"";
  position:absolute;
  top:-34px;
  left:50%;
  width:2px;
  height:34px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#8B1FBF,#C2185B);
}

.mini-flow-card:hover{
  transform:translateY(-5px);
  border-color:rgba(139,31,191,.28);
  box-shadow:0 22px 50px rgba(139,31,191,.13);
}

.mini-flow-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  color:#8B1FBF;
  font-size:1.02rem;
  font-weight:900;
}

.mini-flow-title span{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  color:#ffffff;
  background:linear-gradient(135deg,#8B1FBF,#C2185B);
  font-size:17px;
}

.mini-flow-steps{
  display:grid;
  gap:9px;
}

.mini-step{
  position:relative;
  padding:10px 12px 10px 30px;
  border-radius:14px;
  background:#fbf1ff;
  border:1px solid rgba(139,31,191,.10);
  color:#2a1238;
  font-size:.9rem;
  font-weight:750;
}

.mini-step::before{
  content:"";
  position:absolute;
  left:13px;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#C2185B;
}

@media(max-width:900px){
  .mini-tree-line::after{
    display:none;
  }

  .mini-flow-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .mini-flow-card::before{
    display:none;
  }
}

@media(max-width:560px){
  .mini-ind-flow{
    padding:44px 14px;
  }

  .mini-flow-head{
    text-align:left;
  }

  .mini-root{
    width:100%;
    font-size:1rem;
  }
}

/* Industry Mini Center Tree Flow */
.mini-ind-flow {
    position: relative;
    padding: 78px 18px;
    background:
        radial-gradient(circle at 12% 18%, rgba(114, 61, 255, 0.12), transparent 30%),
        radial-gradient(circle at 88% 20%, rgba(0, 188, 255, 0.12), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f7f8ff 100%);
    overflow: hidden;
}

.mini-ind-flow::before {
    content: "";
    position: absolute;
    inset: 18px;
    border-radius: 32px;
    border: 1px solid rgba(110, 84, 255, 0.12);
    pointer-events: none;
}

.mini-flow-in {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    z-index: 1;
}

.mini-flow-head {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 42px;
}

.mini-flow-head .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 999px;
    background: rgba(111, 76, 255, 0.10);
    color: #5b32d6;
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 14px;
}

.mini-flow-head h2 {
    margin: 0;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.15;
    font-weight: 900;
    color: #111827;
}

.mini-flow-head p {
    margin: 14px auto 0;
    color: #5d6475;
    font-size: 16px;
    line-height: 1.7;
}

.mini-tree {
    position: relative;
    text-align: center;
}

.mini-root {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 230px;
    min-height: 64px;
    padding: 16px 28px;
    border-radius: 22px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .2px;
    background: linear-gradient(135deg, #5b32d6 0%, #8b5cf6 48%, #06b6d4 100%);
    box-shadow: 0 20px 45px rgba(91, 50, 214, 0.25);
}

.mini-tree-line {
    width: 2px;
    height: 46px;
    margin: 0 auto;
    background: linear-gradient(180deg, rgba(91, 50, 214, .55), rgba(6, 182, 212, .20));
}

.mini-flow-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    align-items: stretch;
}

.mini-flow-grid::before {
    content: "";
    position: absolute;
    top: 0;
    left: 16.66%;
    right: 16.66%;
    height: 2px;
    background: linear-gradient(90deg, rgba(91, 50, 214, .18), rgba(91, 50, 214, .55), rgba(6, 182, 212, .18));
    transform: translateY(-1px);
}

.mini-flow-card {
    position: relative;
    padding: 28px 22px 24px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(91, 50, 214, 0.13);
    box-shadow: 0 18px 45px rgba(17, 24, 39, 0.08);
    backdrop-filter: blur(12px);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.mini-flow-card::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 50%;
    width: 2px;
    height: 24px;
    background: rgba(91, 50, 214, .36);
    transform: translateX(-50%);
}

.mini-flow-card:hover {
    transform: translateY(-7px);
    border-color: rgba(91, 50, 214, 0.30);
    box-shadow: 0 24px 60px rgba(91, 50, 214, 0.14);
}

.mini-flow-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 11px 14px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(91, 50, 214, .10), rgba(6, 182, 212, .10));
    color: #171833;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 18px;
}

.mini-flow-title span {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(91, 50, 214, .12);
}

.mini-flow-steps {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.mini-step {
    position: relative;
    padding: 12px 14px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(17, 24, 39, 0.07);
    color: #374151;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.045);
}

.mini-step:not(:last-child)::after {
    content: "↓";
    position: absolute;
    left: 50%;
    bottom: -16px;
    transform: translateX(-50%);
    color: #7c3aed;
    font-size: 13px;
    font-weight: 900;
    z-index: 2;
}

@media (max-width: 991px) {
    .mini-ind-flow {
        padding: 62px 16px;
    }

    .mini-flow-grid {
        grid-template-columns: 1fr;
        max-width: 560px;
        margin: 0 auto;
        gap: 22px;
    }

    .mini-flow-grid::before {
        display: none;
    }

    .mini-flow-card::before {
        top: -22px;
        height: 22px;
    }

    .mini-root {
        min-width: 210px;
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .mini-ind-flow {
        padding: 50px 14px;
    }

    .mini-ind-flow::before {
        inset: 10px;
        border-radius: 22px;
    }

    .mini-flow-head {
        margin-bottom: 34px;
    }

    .mini-flow-head h2 {
        font-size: 27px;
    }

    .mini-flow-head p {
        font-size: 15px;
    }

    .mini-root {
        width: 100%;
        min-width: auto;
        min-height: 58px;
        font-size: 17px;
        border-radius: 18px;
    }

    .mini-tree-line {
        height: 34px;
    }

    .mini-flow-card {
        padding: 24px 16px 20px;
        border-radius: 22px;
    }

    .mini-flow-title {
        font-size: 16px;
    }
}

/* =====================================================
   CONTACT AND INQUIRY CAPTCHA
===================================================== */

.captcha-form-group{
  width:100%;
}

.captcha-box{
  display:grid;
  gap:12px;
}

.captcha-image-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  padding:6px;
  border:1px solid rgba(139,31,191,.14);
  border-radius:12px;
  background:#f5f5f5;
}

.captcha-image{
  display:block;
  width:180px;
  height:55px;
  max-width:100%;
  border-radius:8px;
  object-fit:cover;
  user-select:none;
}

.captcha-refresh{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:#ffffff;
  color:#8b1fbf;
  font-size:25px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(45,0,70,.10);
  transition:transform .2s ease, background .2s ease, color .2s ease;
}

.captcha-refresh:hover{
  color:#ffffff;
  background:linear-gradient(135deg,#8b1fbf,#c2185b);
  transform:rotate(90deg);
}

.captcha-box .form-control{
  width:100%;
  text-transform:uppercase;
  letter-spacing:2px;
}

@media(max-width:480px){
  .captcha-image-wrap{
    width:100%;
  }

  .captcha-image{
    width:calc(100% - 52px);
  }
}
.invalid-feedback{
    color:red;
}

/* =====================================================
   COMMON WEBSITE WIDTH
===================================================== */

:root{
  --site-max-width:1240px;
  --site-side-padding:24px;
}

.site-container{
  width:100%;
  max-width:var(--site-max-width);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--site-side-padding);
  padding-right:var(--site-side-padding);
  box-sizing:border-box;
}

/* =====================================================
   TOPBAR ALIGNMENT
===================================================== */

.topbar{
  width:100%;
}

.topbar-in{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.tb-left,
.tb-right{
  display:flex;
  align-items:center;
  gap:16px;
}

/* =====================================================
   HEADER NAV ALIGNMENT
===================================================== */

.site-header-nav{
  width:100%;
  margin:0;
  padding:0;
}

.site-header-nav .nav-in{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  position:relative;
  overflow:visible;
}

.site-header-nav .nav-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  min-width:0;
}

/* =====================================================
   FOOTER ALIGNMENT
===================================================== */

.site-footer{
  width:100%;
}

.site-footer .ft{
  display:grid;
  grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(150px,1fr));
  gap:42px;
  padding-top:64px;
  padding-bottom:54px;
}

.site-footer .ft-bottom{
  width:100%;
}

.site-footer .ft-bottom-in{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:1100px){
  :root{
    --site-side-padding:20px;
  }

  .site-footer .ft{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:34px;
  }
}

@media(max-width:991px){
  .site-header-nav .nav-in{
    min-height:68px;
  }

  .site-header-nav .nav-right{
    display:block;
  }
}

@media(max-width:700px){
  .topbar-in{
    flex-direction:column;
    justify-content:center;
    gap:8px;
    padding-top:10px;
    padding-bottom:10px;
  }

  .tb-left{
    justify-content:center;
    flex-wrap:wrap;
    gap:8px 14px;
  }

  .tb-right{
    justify-content:center;
  }

  .site-footer .ft{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:48px;
    padding-bottom:42px;
  }
  .site-header-nav .nav-right{
      display:flex;
      align-items:center;
      justify-content:normal;
      gap:10px;
      min-width:0;
    }
}

@media(max-width:480px){
  :root{
    --site-side-padding:15px;
  }

  .tb-left{
    flex-direction:column;
  }
}

/* =====================================================
   HOME ERP MODULE SECTION - CENTER CONTAINER FIX
===================================================== */

.home-modules-section{
  width:100% !important;
  padding:80px 0 !important;
  overflow:hidden !important;
}

.home-modules-section .home-modules-in{
  width:min(1200px, calc(100% - 32px)) !important;
  max-width:1200px !important;
  margin:0 auto !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

.home-modules-section .home-section-head{
  width:100% !important;
  max-width:850px !important;
  margin:0 auto 42px !important;
  text-align:center !important;
}

.home-modules-section .home-module-grid{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;

  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:22px !important;

  box-sizing:border-box !important;
}

.home-modules-section .home-module-card{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* Large tablet */
@media(max-width:1100px){
  .home-modules-section .home-module-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Tablet */
@media(max-width:820px){
  .home-modules-section{
    padding:65px 0 !important;
  }

  .home-modules-section .home-module-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:18px !important;
  }
}

/* Mobile */
@media(max-width:520px){
  .home-modules-section .home-modules-in{
    width:calc(100% - 24px) !important;
  }

  .home-modules-section .home-module-grid{
    grid-template-columns:1fr !important;
    gap:15px !important;
  }

  .home-modules-section .home-section-head{
    margin-bottom:30px !important;
  }
}