@charset "utf-8";
html { scroll-behavior: smooth;}
html *,html *::before, html *::after{box-sizing:border-box;margin:0;padding:0;}
body {padding:0; margin:0; font-family:'Poppins',sans-serif; color:#0f172a; background:#f8fafc;
  line-height:1.6; -webkit-font-smoothing:antialiased;}
:root {
	--primary:#f65304;
	--orange:#f65304;
	--white: #fff;
	--secondary:#feb47b;
	--dark:#0f172a;
	--navy:#0f172a;
	--gray:#475569;
	--bg:#f8fafc;
	--logic:#f65304;
	--gray-50:     #f4f6f9;
	--gray-100:    #eaecf0;
	--gray-300:    #c8cdd6;
	--gray-500:    #718096;
	--gray-700:    #4a5568;
	--orange-h:    #e04e08;
 --p:#f65304; --sec:#feb47b; --dk:#0f172a; --gr:#475569; --mu:#94a3b8;
  --bg:#f8fafc; --alt:#f1f5f9; --wh:#ffffff; --bd:#e2e8f0; --gn:#22c55e;
  --err: #b91c1c;
  --error: #b91c1c;
}

a{text-decoration:none; color:var(--logic);}
ul{list-style:none;}
img{max-width:100%;display:block;}

/* NAV */
nav ul {
	list-style: none;
}
 .nav{background:var(--wh);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:1000;}
 .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;max-width:1160px;margin:0 auto;gap:20px;}
.nav-logo img{height:42px;width:auto;}

/* Desktop nav links */
.nav-links{display:flex;align-items:center;gap:6px;}
.nav-links > li{position:relative;}
.nav-links > li > a{font-size:14px;font-weight:500;color:var(--gr);padding:8px 14px;border-radius:6px;display:flex;align-items:center;gap:5px;transition:all .2s;}
.nav-links > li > a:hover,.nav-links > li > a.active{color:var(--dk);background:var(--alt);}
.nav-links > li > a.active{font-weight:600;}

/* Dropdown arrow */
.nav-arrow{font-size:10px;opacity:.6;transition:transform .25s;}
.nav-links > li:hover .nav-arrow{transform:rotate(180deg);}

/* Sub-menu */
.nav-sub{
  position:absolute;top:calc(100% + 8px);left:0;
  background:var(--wh);border:1px solid var(--bd);border-radius:12px;
  min-width:260px;padding:8px;
  box-shadow:0 12px 40px rgba(0,0,0,.12);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:all .22s;z-index:200;
}
.nav-links > li:hover .nav-sub{opacity:1;visibility:visible;transform:translateY(0);}
.nav-sub li a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13.5px;color:var(--gr);font-weight:500;transition:all .2s;}
.nav-sub li a:hover{background:rgba(246,83,4,.06);color:var(--dk);}
.nav-sub-ico{font-size:1rem;flex-shrink:0;}
.nav-sub-txt strong{display:block;font-size:13px;font-weight:600;color:var(--dk);line-height:1.3;}
.nav-sub-txt span{font-size:11.5px;color:var(--mu);}

/* Nav action buttons */
.nav-actions{display:flex;align-items:center;gap:10px;}
.nav-partner{display:inline-flex;align-items:center;background:var(--dk);color:#fff;padding:9px 18px;border-radius:7px;font-weight:600;font-size:13px;transition:all .25s;white-space:nowrap;}
.nav-partner:hover{background:#1e293b;}
.nav-consult{display:inline-flex;align-items:center;background:var(--p);color:#fff;padding:9px 18px;border-radius:7px;font-weight:600;font-size:13px;transition:all .25s;white-space:nowrap;}
.nav-consult:hover{background:#e04a02;}

/* Hamburger */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:6px;width:36px;height:36px;flex-shrink:0;}
.nav-hamburger span{width:22px;height:2px;background:var(--dk);border-radius:2px;display:block;transition:all .3s;transform-origin:center;}

/* Mobile nav overlay */
.mobile-nav{
  display:none;position:fixed;inset:0;z-index:999;
  background:var(--wh);flex-direction:column;
  padding:0;overflow-y:auto;
}
.mobile-nav.open{display:flex;}
.mob-nav-head{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--bd);}
.mob-nav-head img{height:36px;width:auto;}
.mob-close{width:36px;height:36px;border-radius:8px;background:var(--alt);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--dk);border:none;font-family:inherit;}
.mob-links{padding:16px 24px;display:flex;flex-direction:column;gap:4px;flex:1;}
.mob-links > li > a{display:block;padding:12px 16px 12px 0;font-size:15px;font-weight:600;color:var(--dk);border-radius:8px;transition:background .2s;}
.mob-links > li > a:hover{background:var(--alt);}
.mob-sub{display:none;padding:4px 0 4px 0px;flex-direction:column;gap:2px;}
.mob-sub.open{display:flex;}
.mob-sub a{display:block;padding:9px 14px;font-size:13.5px;color:var(--navy);border-radius:6px;transition:background .2s;}
.mob-sub a:hover{background:var(--alt);color:var(--dk);}
.mob-toggle{display:flex;align-items:center;justify-content:space-between; padding:12px 16px 12px 0;}
.mob-toggle-arrow{font-size:11px;color:var(--mu);transition:transform .25s;}
.mob-toggle.expanded .mob-toggle-arrow{transform:rotate(180deg);}
.mob-actions{padding:20px 24px;border-top:1px solid var(--bd);display:flex;flex-direction:column;gap:10px;}
.mob-actions a{display:flex;align-items:center;justify-content:center;padding:13px;border-radius:8px;font-weight:700;font-size:14px;text-align:center;}
.mob-btn-dk{background:var(--dk);color:#fff;}
.mob-btn-p{background:var(--p);color:#fff;}
section { padding: 72px 0; }
@media(max-width:900px){
  .nav-links{display:none;}
  .nav-actions{display:none;}
  .nav-hamburger{display:flex;}
}
@media(min-width:901px){
  .mobile-nav{display:none!important;}
}

/* ══════════════════════════════
   FOOTER
══════════════════════════════ */
.con{max-width:1160px;margin:0 auto;padding:0 32px;}
.footer{background:var(--dk);padding:68px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:44px;padding-bottom:52px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr;}}
.footer-logo img{height:38px;width:auto;margin-bottom:16px;}
.footer-desc{font-size:13.5px;color:rgba(255,255,255,.80);line-height:1.8;margin-bottom:20px;}
.footer-trust{display:flex;flex-direction:column;gap:8px;}
.footer-trust li{font-size:13px;color:rgba(255,255,255,.80);display:flex;align-items:center;gap:8px;}
.footer-trust li::before{content:'\2713';color:var(--p);font-weight:700;}
.footer-col h5{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:18px;letter-spacing:.04em;}
.footer-col ul{display:flex;flex-direction:column;gap:11px;}
.footer-col ul li a{font-size:13.5px;color:rgba(255,255,255,.80);transition:color .2s;}
.footer-col ul li a:hover, .fc-item span a:hover{color:var(--primary);}
.footer-contact{display:flex;flex-direction:column;gap:12px;}
.fc-item{display:flex;align-items:flex-start;gap:10px;}
.fc-ico{font-size:1.1rem;flex-shrink:0;margin-top:1px;}
.fc-item span, .fc-item span a{font-size:13.5px;color:rgba(255,255,255,.90);line-height:1.5;}
.footer-cta-btn{display:inline-flex;align-items:center;gap:6px;background:var(--p);color:#fff;padding:10px 22px;border-radius:7px;font-weight:600;font-size:13.5px;margin-top:18px;transition:all .25s;}
.footer-cta-btn:hover{background:#e04a02;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:22px 32px 22px 0;max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;justify-content: center;}
.footer-copy{font-size:12.5px;color:rgba(255,255,255,.80);}
.footer-tags{font-size:11.5px;color:rgba(255,255,255,.80);}
span.fc-ico.linked-in {background: #004aad;padding: 0px 3px;font-weight: 600;border-radius: 3px;}
/* ══════════════════════════════
   STICKY WIDGETS
══════════════════════════════ */
.floating-buttons {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: row;
  gap: 12px; 
  z-index: 999;
}

.whatsapp-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #25D366;
  color: #fff;
  font-weight: 600;
  padding: 10px 16px;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  transition: background 0.3s ease, transform 0.2s ease;
}

.whatsapp-btn:hover {
  background: #1ebe5d;
  transform: scale(1.05);
}

.whatsapp-btn.offline {	background: var(--gray);}

.top-btn {
  background:var(--gray);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  opacity: 0;              /* hidden by default */
  visibility: hidden;      /* prevents click when hidden */
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.top-btn:hover {
  background: #334155;
  transform: scale(1.1);
}

.top-btn.show {
  opacity: 1;
  visibility: visible;
}

/* ─── FAQ ─── */
.faq-wrap{max-width:780px;margin:0 auto;}
.faq-filter {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin: 26px 0 34px;
	flex-wrap: wrap;
}
.fcat-btn:hover, .fcat-btn.active {
	background: var(--orange);
	border-color: var(--orange);
	color: #fff;
}
.fcat-btn {
	padding: 7px 18px;
	border-radius: 100px;
	border: 1.5px solid var(--gray-200);
	background: #fff;
	color: var(--gray-500);
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: all .2s;
}
.fi{background:var(--wh);border:1px solid var(--bd);border-radius:10px;margin-bottom:9px;overflow:hidden;transition:border-color .28s;}
.fi.open{border-color:rgba(246,83,4,.3);}
.fq{padding:17px 20px;cursor:pointer;font-size:15px;font-weight:600;color:var(--dk);display:flex;justify-content:space-between;align-items:center;gap:16px;user-select:none;}
.fqi{width:27px;height:27px;border-radius:50%;background:var(--bg);border:1px solid var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--p);flex-shrink:0;transition:all .50s; font-weight:500;}
.fi.open .fq .fqi{background:var(--p);color:#fff;transform:rotate(135deg);}
.fa{font-size:14px;color:var(--dark);line-height:1.75;max-height:0;overflow:hidden;padding:0 20px;transition:max-height .35s ease,padding .28s;}
.fi.open .fa{max-height:300px;padding:0 20px 17px;}
.fi.open .fa a {color:#3366FF; text-decoration:underline;} .fi.open .fa a:hover {text-decoration:none;}

.faq-cta {padding:25px 0; text-align:center; margin:0 auto;}
.faq-cta a{display:inline-flex;align-items:center;gap:7px;background:var(--p);color:#fff;padding:12px 26px;border-radius:7px;font-weight:600;font-size:1rem;border:2px solid var(--p);transition:all .25s;cursor:pointer;font-family:inherit;}
.faq-cta a:hover{background:#e04a02;border-color:#e04a02;transform:translateY(-2px);box-shadow:0 8px 22px rgba(246,83,4,.35);}

.rv {
  opacity: 0; transform: translateY(24px);
  transition: opacity .52s ease, transform .52s ease;
}
.rv-l {
  opacity: 0; transform: translateX(-26px);
  transition: opacity .52s ease, transform .52s ease;
}
.rv-r {
  opacity: 0; transform: translateX(26px);
  transition: opacity .52s ease, transform .52s ease;
}
.rv.vs, .rv-l.vs, .rv-r.vs {
  opacity: 1; transform: none;
}

/* Pricing */
  .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: start; }
  @media(max-width: 900px) { .pricing-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; } }

  .pcard {
    background: var(--white); border: 1px solid var(--orange); border-radius: 18px; padding: 34px 28px;
    position: relative; overflow: hidden; transition: all 0.28s;
  }
  .pcard:hover { transform: translateY(-5px); box-shadow: 0 14px 38px rgba(246,83,4,0.09); }
  .pcard.pop { border-color: var(--primary); }
  .pop-b {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    background: var(--primary); color: #fff; padding: 5px 20px;
    border-radius: 0 0 11px 11px; font-size: 9.5px; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.09em;
  }
  .pname { font-size: 10px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--gray); margin-bottom: 7px; }
  .pprice {
    font-size: 2.6rem; font-weight: 800; color: var(--dark); line-height: 1; margin-bottom: 4px;
  }
  .pprice sup { font-size: 1.1rem; vertical-align: top; margin-top: 9px; color: var(--primary); }
  .pdesc { font-size: 12px; color: var(--gray); margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--border); line-height: 1.7; }
  .pfeats { list-style: none; margin-bottom: 26px; }
  .pfeats li { font-size: 14px; padding: 7px 0; display: flex; align-items: flex-start; gap: 9px; border-bottom: 1px solid #f1f5f9; }
  .pfeats li:last-child { border-bottom: none; }
  .ck { color: #22c55e; font-weight: 700; flex-shrink: 0; }
  .cx { color: #cbd5e1; flex-shrink: 0; }
  .pcta {
    display: block; text-align: center; padding: 11px 18px;
    border-radius: 8px; font-weight: 700; text-decoration: none;
    font-size: 13px; transition: all 0.25s;
  }
  .pcta.pr { background: var(--primary); color: #fff; border: 2px solid var(--primary); }
  .pcta.pr:hover { background: #e04a02; box-shadow: 0 7px 18px rgba(246,83,4,0.3); }
  .pcta.ou { border: 2px solid var(--border); color: var(--dark); }
  .pcta.ou:hover { border-color: var(--primary); color: var(--primary); }
  .sec-hdr {
	margin-bottom: 44px;
}