/* ================================================================
   CUBIX CODER — BRAND COLOR GUIDE
   ================================================================
   PRIMARY BLUES (core brand palette):
     Deep Navy        #2378c7  — dark sections, footer accents
     Royal Blue       #2378c7  — buttons, primary CTAs
     Bright Blue      #2378c7  — hover states, highlights
     Sky Blue         #70b3e4  — accents, icons, dropdown titles
     Light Blue       #a8d1f0  — subtle text on dark bg
     Pale Blue        #c8e4f5  — very light tints, badges

   BACKGROUNDS:
     Pure Black       #000000  — main dark bg
     Deep Dark        #020c1e  — hero section bg
     Dark Card        #030f28  — secondary dark bg
     Near-black       rgba(0,0,0,0.92)  — navbar

   NEUTRALS / LIGHT:
     Off-White        #F2F2F2  — light section bg
     Light Gray       #E9E9E9  — card bg, alternating sections
     Dark Gray        #3D3D3D  — secondary text on light bg
     Pure White       #FFFFFF  — cards, modal, form bg

   ACCENTS:
     Gold             #FFD700  — special highlights, trust badges
     Success Green    #28C840  — success states
     Error Red        #FF5F57  — error / alert states

   USAGE RULES:
     - Always use Royal Blue  (#2378c7) for primary buttons
     - Always use Sky Blue    (#70b3e4) for icons & dropdown titles
     - Always use Light Blue  (#a8d1f0) for text links on dark bg
     - Never put dark logo on dark background → use blue CSS filter
     - Maintain min 4.5:1 contrast ratio for accessibility
   ================================================================ */

/* Google Fonts loaded via <link> in HTML head for faster delivery — not via @import */

/* ===== PAGE PRELOADER ===== */
#page-preloader{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#020c1e;transition:opacity .6s ease,visibility .6s ease;}
#page-preloader.preloader-hidden{opacity:0;visibility:hidden;pointer-events:none;}
.preloader-logo-wrap{position:relative;display:flex;align-items:center;justify-content:center;}
.preloader-logo{width:180px;height:auto;animation:pldr-scalein .7s cubic-bezier(.22,1,.36,1) both;color:transparent;font-size:0;}
.preloader-ring{position:absolute;width:240px;height:240px;border-radius:50%;border:2px solid transparent;border-top-color:#2378c7;border-right-color:#70b3e4;animation:pldr-spin 1.4s linear infinite;opacity:.7;}
.preloader-ring-outer{position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(35,120,199,.25);border-bottom-color:#2378c7;animation:pldr-spin 2.2s linear infinite reverse;opacity:.4;}
.preloader-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(35,120,199,.22) 0%,transparent 70%);animation:pldr-pulse 2s ease-in-out infinite;}
.preloader-bar-wrap{margin-top:40px;width:160px;height:3px;background:rgba(35,120,199,.18);border-radius:99px;overflow:hidden;}
.preloader-bar{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,#2378c7,#70b3e4);animation:pldr-bar 1.8s cubic-bezier(.4,0,.2,1) forwards;}
@keyframes pldr-scalein{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes pldr-spin{to{transform:rotate(360deg)}}
@keyframes pldr-pulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.18);opacity:1}}
@keyframes pldr-bar{0%{width:0%}60%{width:75%}100%{width:100%}}
@media(max-width:767px){
  .preloader-logo{width:120px;}
  .preloader-ring{width:170px;height:170px;}
  .preloader-ring-outer{width:200px;height:200px;}
  .preloader-glow{width:140px;height:140px;}
  .preloader-bar-wrap{width:110px;}
}
@media(max-width:480px){
  .preloader-logo{width:100px;}
  .preloader-ring{width:145px;height:145px;}
  .preloader-ring-outer{width:172px;height:172px;}
  .preloader-glow{width:118px;height:118px;}
  .preloader-bar-wrap{width:90px;}
}
/* ===== END PAGE PRELOADER ===== */

/* ===== FORM ALERT ===== */
.form-alert{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:10px;font-size:15px;font-weight:500;margin-bottom:28px;animation:pldr-scalein .4s ease both;}
.form-alert-success{background:rgba(40,200,64,.12);border:1px solid rgba(40,200,64,.35);color:#28C840;}
.form-alert-error{background:rgba(255,95,87,.12);border:1px solid rgba(255,95,87,.35);color:#FF5F57;}
.form-alert a{color:inherit;text-decoration:underline;}
/* ===== END FORM ALERT ===== */

/* ===== CONTACT MODAL ===== */
.cc-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(2,8,20,0.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;padding:16px;}
.cc-modal-overlay.cc-open{opacity:1;visibility:visible;}
.cc-modal-box{position:relative;width:100%;max-width:820px;border-radius:22px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,0.6),0 0 0 1px rgba(35,120,199,0.2),0 0 60px rgba(35,120,199,0.12);transform:scale(0.85) translateY(40px);transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .35s ease;opacity:0;display:flex;min-height:480px;}
.cc-modal-overlay.cc-open .cc-modal-box{transform:scale(1) translateY(0);opacity:1;}
/* Blue glow border pulse when open */
.cc-modal-overlay.cc-open .cc-modal-box::after{content:'';position:absolute;inset:-2px;border-radius:24px;background:linear-gradient(135deg,#2378c7,#70b3e4,#2378c7);z-index:-1;animation:modalBorderGlow 3s linear infinite;background-size:200% 200%;}
@keyframes modalBorderGlow{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
/* Left offer panel */
.cc-modal-left{width:42%;background:linear-gradient(160deg,#2378c7 0%,#2378c7 50%,#70b3e4 100%);padding:40px 32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;flex-shrink:0;}
.cc-modal-left::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:rgba(255,255,255,0.06);border-radius:50%;}
.cc-modal-left::after{content:'';position:absolute;bottom:-80px;left:-40px;width:200px;height:200px;background:rgba(255,255,255,0.04);border-radius:50%;}
.cc-offer-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:#fff;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border-radius:50px;margin:0 0 20px;width:fit-content;}
.cc-offer-tag::before{content:'';width:7px;height:7px;background:#FFD700;border-radius:50%;animation:ccPulse 1.5s ease infinite;flex-shrink:0;}
.cc-modal-left h3{color:#fff;font-size:26px;font-weight:800;line-height:1.25;margin:0 0 14px;font-family:Manrope,sans-serif;position:relative;z-index:1;}
.cc-modal-left h3 span{color:#FFD700;}
.cc-modal-left .cc-tagline{color:rgba(255,255,255,0.8);font-size:14px;line-height:1.6;margin:0 0 24px;position:relative;z-index:1;}
.cc-perks{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1;}
.cc-perks li{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:500;}
.cc-perks li::before{content:'✓';width:22px;height:22px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;}
.cc-call-cta{background:rgba(255,255,255,0.12);border:1.5px solid rgba(255,255,255,0.3);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;text-decoration:none;transition:all .25s;position:relative;z-index:1;}
.cc-call-cta:hover{background:rgba(255,255,255,0.22);transform:translateY(-2px);}
.cc-call-icon{width:44px;height:44px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:ccRing 2s ease infinite;}
.cc-call-icon i{color:#2378c7;font-size:18px;}
.cc-call-info span{display:block;color:rgba(255,255,255,0.7);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;}
.cc-call-info strong{display:block;color:#fff;font-size:18px;font-weight:800;letter-spacing:0.5px;}
@keyframes ccRing{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0.4);}50%{box-shadow:0 0 0 10px rgba(255,255,255,0);}}
/* Right form panel */
.cc-modal-right{flex:1;background:#fff;padding:32px 36px;display:flex;flex-direction:column;position:relative;}
.cc-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;line-height:1;}
.cc-modal-close:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg);}
.cc-form-title{font-size:20px;font-weight:800;color:#0d1b3e;margin:0 0 6px;font-family:Manrope,sans-serif;}
.cc-form-sub{font-size:13px;color:#64748b;margin:0 0 22px;line-height:1.5;}
.cc-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.cc-modal-field{margin:0 0 14px;display:flex;flex-direction:column;gap:5px;}
.cc-modal-field label{color:#374151;font-size:12px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;font-family:Manrope,sans-serif;}
.cc-modal-field input,.cc-modal-field textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:11px 14px;color:#0d1b3e;font-size:14px;font-family:Manrope,sans-serif;outline:none;transition:border .2s,box-shadow .2s;width:100%;box-sizing:border-box;}
.cc-modal-field input::placeholder,.cc-modal-field textarea::placeholder{color:#94a3b8;}
.cc-modal-field input:focus,.cc-modal-field textarea:focus{border-color:#2378c7;background:#fff;box-shadow:0 0 0 3px rgba(35,120,199,0.1);}
.cc-modal-field textarea{resize:none;height:80px;}
.cc-modal-submit{width:100%;padding:15px;background:linear-gradient(135deg,#2378c7 0%,#70b3e4 50%,#2378c7 100%);background-size:220% 100%;background-position:left center;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;font-family:Manrope,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:background-position .5s ease,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;margin-top:4px;letter-spacing:.4px;}
.cc-modal-submit:hover{background-position:right center;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(35,120,199,0.5);color:#fff;}
.cc-modal-submit:active{transform:translateY(0) scale(0.97);}
@keyframes ccPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.3;transform:scale(1.8);}}
@media(max-width:680px){.cc-modal-box{flex-direction:column;max-height:92vh;overflow-y:auto;}.cc-modal-left{width:100%;padding:24px 20px;}.cc-modal-perks-wrap{display:none;}.cc-modal-right{padding:22px 20px;}.cc-modal-row{grid-template-columns:1fr;}.cc-call-cta{padding:12px 14px;}.cc-modal-left h3{font-size:20px;}}

/* ===== ACCESSIBILITY ===== */
/* Skip-navigation link — visible only on keyboard focus */
.skip-nav{position:absolute;top:-120px;left:16px;z-index:99999;background:#2378c7;color:#fff;padding:12px 22px;border-radius:0 0 8px 8px;font-weight:700;font-size:15px;text-decoration:none;transition:top .2s ease;}
.skip-nav:focus{top:0;outline:2px solid #70b3e4;outline-offset:2px;}
/* Keyboard focus ring — visible for keyboard, hidden for mouse */
:focus{outline:none;text-decoration:none;}
:focus-visible{outline:2px solid #70b3e4;outline-offset:3px;border-radius:3px;text-decoration:none;}
/* Screen-reader only utility */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Respect OS reduced-motion preference — pause all decorative animations */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
  .hero-typed-line,.tcursor,.hbdg-dot,.hv-orb,.hv-dash-card,.hv-badge,.hero-glow,.hcode-badge{animation:none!important;}
}
/* Scrollbars — brand blues on dark track (Firefox + WebKit) */
html{
  scrollbar-width:thin;
  scrollbar-color:#2378c7 rgba(4,12,28,.9);
}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{
  background:linear-gradient(180deg,rgba(10,22,48,.92) 0%,rgba(2,6,16,1) 100%);
  border-radius:999px;
  box-shadow:inset 0 0 10px rgba(0,0,0,.5);
}
::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(180deg,#8ec8f2 0%,#70b3e4 28%,#2378c7 72%,#1a5fa0 100%);
  border:2px solid rgba(3,10,24,.88);
  box-shadow:0 0 12px rgba(35,120,199,.35),inset 0 1px 0 rgba(255,255,255,.22);
  min-height:40px;
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#a8d6f7 0%,#82c4ee 35%,#2d8fe3 100%);
  box-shadow:0 0 16px rgba(112,179,228,.45),inset 0 1px 0 rgba(255,255,255,.28);
}
::-webkit-scrollbar-thumb:active{background:#1e6bb3;box-shadow:0 0 8px rgba(35,120,199,.5);}
::-webkit-scrollbar-corner{background:#020814;}
html,body{margin:0;padding:0;}
html{overflow-x:clip;-webkit-overflow-scrolling:touch;background:#000;}
body{background:#000;font-size:16px;color:#000;overflow-x:clip;max-width:100vw;}
main.app-container{background:#fff;}
body,h1,h2,h3,h4,h5,h6,p,a,li,span,strong{font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,p{margin:0;padding:0}
p{line-height:normal;padding:0;margin:0px;line-height:1.75;color:#fff;letter-spacing:0.2px;font-size:17px;}
a{text-decoration:none;color:#fff;font-size:18px}
a:hover{text-decoration:none;color:#fff}
a:focus{outline:none;text-decoration:none}
figure{margin-bottom:0}
img{border:0px;outline:none;max-width:100%}
ul{padding:0px;margin:0px}
ul,li{list-style-type:none}
.relative{position:relative}
.absolute{position:absolute}
.sec-pad{padding:100px 0}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mt150{margin-top:150px}
.tac{text-align:center}
.btm0{bottom:0}
.ml0{margin-left:0!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.fwbold{font-weight:bold;}
.yloclr{color:#F1A93A!important;}
.gryclr{color:#648286!important;}
.pnkclr{color:#FF98AC!important;}
.gldnclr{color:#A48F71!important;}
.prplclr{color:#2B2F57!important;}
.drkprplclr{color:#40457E!important;}
.blckclr{color: #000!important;}
body{overflow-x:clip}
main.app-container{padding-top:0;}
ul.btn-wrap{gap:20px}
ul.btn-wrap li{font-size:0}
ul.btn-wrap li:last-child{}
.bullets{text-align:center}
.bullets li{display:block;position:relative;font-size:20px;line-height:30px;width:max-content;margin:auto;padding-left:40px}
.bullets li:before{content:"\f058";position:absolute;font-family:'Font Awesome 5';left:0;color:#00912e}
.subhedng{color:#fff;font-size:30px;line-height:normal;font-weight:bold;background:transparent;position:relative;display:inline-block;width:auto;margin:0 auto;text-transform:capitalize;}
.subhedng span{color:#000}
.main-heading{font-family:Manrope;font-weight:400;font-size:clamp(22px,4.5vw,65px);line-height:1.25;color:#fff;letter-spacing:2.52px;text-transform:uppercase;}
.main-heading span{color:#2378c7}
.main-pera{}
/* ================================================================
   BUTTON SYSTEM — Cubix Coder Brand (text always visible)
   ================================================================ */

/* ── A) PRIMARY BUTTON (.mainbtn a) ──────────────────────────── */
.mainbtn a{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:13px 38px;border-radius:50px;border:none;
  font-size:16px;font-weight:700;font-family:Manrope,sans-serif;
  color:#fff!important;text-decoration:none;letter-spacing:.4px;
  /* Gradient shifts on hover via background-position — NO pseudo-element overlay */
  background:linear-gradient(135deg,#2378c7 0%,#70b3e4 50%,#2378c7 100%);
  background-size:220% 100%;
  background-position:left center;
  box-shadow:0 5px 22px rgba(35,120,199,0.42);
  transition:background-position .5s ease,
             transform .3s cubic-bezier(.34,1.56,.64,1),
             box-shadow .3s ease;
}
.mainbtn a:hover{
  background-position:right center;
  color:#fff!important;
  transform:translateY(-4px) scale(1.04);
  box-shadow:0 14px 40px rgba(35,120,199,0.55),0 4px 12px rgba(35,120,199,0.2);
}
.mainbtn a:active{transform:translateY(0) scale(0.96);box-shadow:0 4px 14px rgba(35,120,199,0.35);}
.mainbtn a i{transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.mainbtn a:hover i{transform:translateX(5px);}

/* ── CALL NOW pulse (navbar) ─────────────────────────────────── */
.cntcus .mainbtn a{animation:btnPulse 2.5s ease-in-out infinite;}
.cntcus .mainbtn a:hover{animation:none;}
@keyframes btnPulse{
  0%,100%{box-shadow:0 5px 22px rgba(35,120,199,0.42),0 0 0 0 rgba(35,120,199,0.35);}
  55%{box-shadow:0 5px 22px rgba(35,120,199,0.42),0 0 0 12px rgba(35,120,199,0);}
}

/* ── B) GHOST / OUTLINE BUTTON (.hero-ghost-btn) ─────────────── */
.hero-ghost-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 30px;border-radius:50px;
  border:2px solid rgba(255,255,255,0.5);
  font-size:16px;font-weight:700;font-family:Manrope,sans-serif;
  color:#fff!important;text-decoration:none;letter-spacing:.4px;
  background:linear-gradient(135deg,rgba(35,120,199,0) 0%,rgba(35,120,199,0) 50%,rgba(35,120,199,0) 100%);
  background-size:220% 100%;background-position:right center;
  transition:background .4s ease,border-color .3s ease,
             transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;
}
.hero-ghost-btn:hover{
  background:linear-gradient(135deg,#2378c7 0%,#70b3e4 100%);
  border-color:#2378c7;
  color:#fff!important;
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 10px 28px rgba(35,120,199,0.45);
}
.hero-ghost-btn:active{transform:translateY(0) scale(0.97);}
.hero-ghost-btn i{transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.hero-ghost-btn:hover i{transform:translateX(6px);}

/* ── C) TRANSPARENT BUTTON (.trnsprntbtn) ───────────────────── */
.trnsprntbtn{}
.trnsprntbtn a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:13px 40px;border:2px solid #fff;border-radius:50px;
  font-weight:700;color:#fff!important;text-decoration:none;letter-spacing:.4px;
  background:linear-gradient(135deg,#2378c7 0%,#70b3e4 50%,#2378c7 100%);
  background-size:220% 100%;background-position:right center;
  transition:background-position .5s ease,border-color .3s ease,
             transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;
}
.trnsprntbtn a:hover{
  background-position:left center;
  border-color:#70b3e4;color:#fff!important;
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(35,120,199,0.4);
}
.trnsprntbtn a:active{transform:translateY(0) scale(0.97);}

/* ── D) BLACK BUTTON (.blkbtn) ───────────────────────────────── */
.blkbtn{}
.blkbtn a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:13px 50px;border:2px solid #000;border-radius:50px;
  font-weight:700;color:#fff!important;text-decoration:none;letter-spacing:.4px;
  background:linear-gradient(135deg,#000 0%,#000 50%,#2378c7 100%);
  background-size:220% 100%;background-position:left center;
  transition:background-position .5s ease,border-color .3s ease,
             transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;
}
.blkbtn a:hover{
  background-position:right center;
  border-color:#2378c7;color:#fff!important;
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(35,120,199,0.45);
}
.blkbtn a:active{transform:translateY(0) scale(0.97);}

/* ── E) VIEW / ARROW LINK (.vewbtn) ─────────────────────────── */
.vewbtn a{
  color:#000;letter-spacing:1.8px;font-weight:700;font-family:Manrope,sans-serif;
  text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  position:relative;padding-bottom:2px;
  transition:color .25s ease,letter-spacing .3s ease;
}
.vewbtn a::after{
  content:'';position:absolute;bottom:0;left:0;
  width:0;height:2px;background:#2378c7;
  transition:width .35s ease;border-radius:2px;
}
.vewbtn a svg{width:28px;height:23px;transition:all 250ms ease;}
.vewbtn a svg path{transition:all 250ms ease;}
.vewbtn a:hover svg#left{width:60px;}
.vewbtn a:hover svg#left path{d:path("M0 9.35772H50.9956L44.2001 2.29941L46.4134 0L57 11L46.4134 22L44.2001 19.7006L50.9956 12.6423H0V9.35772Z");}
.vewbtn a i{transform:rotate(-40deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .25s;}
.vewbtn a:hover i{color:#2378c7;transform:rotate(0deg);}
.vewbtn a:hover{color:#2378c7;letter-spacing:2.4px;}
.vewbtn a:hover::after{width:100%;}
.small-heading{font-weight:600;font-size:16px;color:#00aeef;margin-bottom:30px;position:relative;display:inline-block}
.my-tabs{display:none}
.my-tabs.current{display:block}
.thankyou-sec{text-align:center;height:100vh;display:flex;background:#000;}
.thankyou-sec .container{align-self:center}
.thankyou-sec a img{max-width:70%;margin-bottom:50px}
.thankyou-sec h1{font-size:62px;font-weight:500;line-height:70px;position:relative;color:#2378c7;}
.thankyou-sec p{font-size:18px;font-weight:400;line-height:26px;color:#ffffff;width:60%;margin:auto;padding:25px 0;}
.thankyou-sec ul{display:flex;align-items:center;justify-content:center;margin-top:50px;}
.thankyou-sec ul li{margin:0 15px;}
.thankyou-pg footer{display:none;}
.parascroll{height:300px;overflow-y:scroll;}
.prmrycolor{color:#004D5D}
.scndrcolor{color:#FF5740}
/* ====== HEADER / NAVBAR ====== */
header{background:rgba(0,0,0,0.92);padding:0;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:none;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:background .35s,box-shadow .35s;}
header.hdr-scrolled{background:rgba(0,0,0,0.98);box-shadow:0 4px 40px rgba(0,0,0,0.65);}
header .container-fluid{padding-left:30px;padding-right:20px;}
/* Logo */
header .lgo{margin:0;}
header .lgo a{display:flex;align-items:center;height:90px;padding:10px 0;width:auto;text-decoration:none;}
header .lgo a img{height:auto;width:auto;max-height:68px;max-width:200px;object-fit:contain;display:block;transition:transform .3s;}
header .lgo a:hover img{transform:scale(1.04);}
.site-logo-img{height:auto;width:auto;max-height:68px;max-width:200px;object-fit:contain;display:block;filter:none !important;}
header .lgo a:hover .site-logo-img{filter:none !important;}
footer .site-logo-img{height:52px;width:auto;max-width:200px;filter:brightness(0) invert(1) !important;}
/* Desktop nav links */
header ul.dsktpmenu{display:flex;align-items:center;justify-content:center;gap:40px;}
header ul.dsktpmenu li{}
header ul.dsktpmenu li a{font-weight:600;color:#fff;font-size:15px;position:relative;padding:6px 0;transition:color .25s;letter-spacing:.3px;}
header ul.dsktpmenu li a::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:2px;background:#2378c7;border-radius:2px;transition:width .3s ease;}
header ul.dsktpmenu li a:hover{color:#2378c7;}
header ul.dsktpmenu li a:hover::after{width:100%;}
/* Cancel underline animation for all links INSIDE the dropdown */
header .sbmnu a{position:static;}
header .sbmnu a::after{display:none!important;}
/* Contact / CTA area */
header ul.cntcus{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:nowrap;}
header ul.cntcus li{}
header ul.cntcus li a{font-weight:600;font-size:14px;transition:color .25s;}
/* Keep icon circles + Call Now on one baseline (esp. mobile) */
header ul.cntcus li.nav-social-icon,
header ul.cntcus li.mainbtn{display:flex;align-items:center;flex-shrink:0;}
header ul.cntcus li.mainbtn a{box-sizing:border-box;line-height:1.2;}

/* WhatsApp & Email navbar icons */
header ul.cntcus li.nav-social-icon a{
  width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:21px;text-decoration:none;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background .25s ease,color .25s ease;
  position:relative;
  overflow:visible;
}

/* Shared ripple ring via ::after */
header ul.cntcus li.nav-social-icon a::after{
  content:'';
  position:absolute;inset:0;
  border-radius:50%;
  opacity:0;
  pointer-events:none;
}

/* WhatsApp icon */
header ul.cntcus li.nav-social-icon a.nav-wa-icon{
  background:rgba(37,211,102,0.15);
  color:#25D366;
  border:2px solid rgba(37,211,102,0.5);
  animation:navWaRing 2s ease-in-out infinite;
}
header ul.cntcus li.nav-social-icon a.nav-wa-icon i{
  animation:navIconWiggle 2s ease-in-out infinite;
}
header ul.cntcus li.nav-social-icon a.nav-wa-icon:hover{
  background:#25D366;
  color:#fff;
  border-color:#25D366;
  transform:scale(1.22) translateY(-3px) rotate(-8deg);
  box-shadow:0 8px 28px rgba(37,211,102,0.6),0 0 0 6px rgba(37,211,102,0.15);
  animation:none;
}
header ul.cntcus li.nav-social-icon a.nav-wa-icon:hover i{
  animation:none;
  transform:rotate(8deg) scale(1.1);
}
@keyframes navWaRing{
  0%{box-shadow:0 4px 14px rgba(37,211,102,0.35),0 0 0 0 rgba(37,211,102,0.45);}
  40%{box-shadow:0 4px 14px rgba(37,211,102,0.35),0 0 0 10px rgba(37,211,102,0);}
  100%{box-shadow:0 4px 14px rgba(37,211,102,0.35),0 0 0 0 rgba(37,211,102,0);}
}

/* Email icon */
header ul.cntcus li.nav-social-icon a.nav-email-icon{
  background:rgba(35,120,199,0.15);
  color:#2378c7;
  border:2px solid rgba(35,120,199,0.5);
  animation:navEmailRing 2s ease-in-out infinite;
  animation-delay:.6s;
}
header ul.cntcus li.nav-social-icon a.nav-email-icon i{
  animation:navEmailFloat 2s ease-in-out infinite;
  animation-delay:.6s;
}
header ul.cntcus li.nav-social-icon a.nav-email-icon:hover{
  background:linear-gradient(135deg,#2378c7,#70b3e4);
  color:#fff;
  border-color:#2378c7;
  transform:scale(1.22) translateY(-3px);
  box-shadow:0 8px 28px rgba(35,120,199,0.6),0 0 0 6px rgba(35,120,199,0.15);
  animation:none;
}
header ul.cntcus li.nav-social-icon a.nav-email-icon:hover i{
  animation:none;
  transform:scale(1.15);
}
@keyframes navEmailRing{
  0%{box-shadow:0 4px 14px rgba(35,120,199,0.35),0 0 0 0 rgba(35,120,199,0.45);}
  40%{box-shadow:0 4px 14px rgba(35,120,199,0.35),0 0 0 10px rgba(35,120,199,0);}
  100%{box-shadow:0 4px 14px rgba(35,120,199,0.35),0 0 0 0 rgba(35,120,199,0);}
}

/* Icon animations */
@keyframes navIconWiggle{
  0%,80%,100%{transform:rotate(0deg) scale(1);}
  85%{transform:rotate(-15deg) scale(1.15);}
  92%{transform:rotate(12deg) scale(1.1);}
  96%{transform:rotate(-6deg) scale(1.05);}
}
@keyframes navEmailFloat{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-3px) scale(1.12);}
}
/* Mega dropdown — JS controls show/hide via .dd-open class; fixed so it always spans full viewport width */
header .sbmnu{display:flex;position:fixed;top:90px;color:#FFF;justify-content:center;left:0;right:0;padding:32px 30px 36px;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:rgba(2,6,16,0.98);border-bottom:2px solid rgba(35,120,199,0.22);box-shadow:0 20px 60px rgba(0,0,0,0.75),0 1px 0 rgba(35,120,199,0.12);z-index:999;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;}
header .sbmnu.dd-open{visibility:visible;opacity:1;pointer-events:auto;animation:sbmnuIn .25s ease;}
@keyframes sbmnuIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}
header .sbmnu .lft{margin:0 60px 0 80px;position:relative;min-width:90px;}
header .sbmnu .lft:before{content:'\f178';position:absolute;font-family:FontAwesome;font-size:40px;right:-45px;line-height:normal;color:#2378c7;}
header .sbmnu .lft h3{font-size:26px;font-weight:800;background:linear-gradient(135deg,#2378c7,#70b3e4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
header .sbmnu .rght{display:flex;flex-wrap:wrap;row-gap:30px;position:relative;flex:1;}
header .sbmnu .rght:before{content:'';position:absolute;background:linear-gradient(180deg,transparent,rgba(112,179,228,0.35),transparent);width:1px;height:100%;left:-30px;}
header .sbmnu .rght .lst{flex:0 0 20%;}
header .sbmnu .rght .lst.mtsep{margin-top:0;}
header .sbmnu .rght .lst h5{font-size:12px;font-weight:800;margin:0 0 16px;color:#2378c7;letter-spacing:0.3px;text-transform:uppercase;border-bottom:1px solid rgba(35,120,199,0.2);padding-bottom:8px;white-space:nowrap;}
header .sbmnu .rght .lst h5 a{color:#2378c7!important;font-size:12px!important;}
header .sbmnu .rght .lst ul{}
header .sbmnu .rght .lst ul li{margin:0px 0px 12px 0px;}
header .sbmnu .rght .lst ul li a{font-weight:500;position:relative;padding:0 0 0 20px;font-size:14px;display:block;color:rgba(255,255,255,0.78);transition:color .2s,padding-left .2s;}
header .sbmnu .rght .lst ul li a:before{content:'';position:absolute;background:#2378c7;width:7px;height:7px;border-radius:50%;left:0;top:6px;transition:background .2s,transform .2s;}
header .sbmnu .rght .lst ul li a:hover{color:#2378c7;padding-left:24px;}
header .sbmnu .rght .lst ul li a:hover:before{background:#2378c7;transform:scale(1.4);}
.baner{padding:100px 0 30px;background:#000;}
/* .baner h1{text-align:center;font-size:30px;line-height:normal;letter-spacing:normal;color: #ffffff;} */
.baner h1{text-align:center;font-size:clamp(26px,6vw,100px);line-height:normal;letter-spacing:3.64px;}
.baner p{text-align:center;width:59%;margin:40px auto;}
.vdeo{position:relative;background:linear-gradient(180deg,#000 50%,#f2f2f2 50%);z-index:0;overflow:hidden;}
.vdeo:before{content:'';position:absolute;width:800px;height:500px;background:#2378c7 0% 0% no-repeat padding-box;opacity:0.48;filter:blur(50px);right:0;left:0;margin:auto;z-index:-2;}
.vdeo video.mainvideo{border-radius:50px;margin:20px 0 0 0;position:relative;}
.vdeo video.mainvideo source{}
.sec1{background:#F2F2F2;}
.sec1 .cntnt{}
.sec1 .cntnt a{color: #2378c7;font-size: 16px;}
.sec1 .cntnt h1{color:#000;}
.sec1 .cntnt p{color:#000;margin:40px 0 50px;}
.logos{background-color:#F2F2F2;position:relative;}
.logos:before{content:'';position:absolute;background:#000;width:100%;height:1px;opacity:0.16;bottom:0;}
.logos .lgosldr{}
.logos .lgosldr .lgo-slide{}
.logos .lgosldr .lgo-slide img{}
.scces{background-color:#000000;}
.scces .hed{text-align:center;}
.scces .hed h1{}
.scces .hed p{width:77%;margin:35px auto 80px;color:#F2F2F2;}
.scces .imge{}
.scces .imge img{}
.scces .hgtimg.imge{}
.scces .hgtimg.imge img{object-fit:cover;height:430px;border-radius:25px;}
.scces .cntnt{background-color:#2378c7;border:1px solid #707070;border-radius:25px;padding:40px 38px;height:100%;position:relative;}
.scces .cntnt h3{color:#FFF;font-size:48px;}
.scces .cntnt p{color:#F2F2F2;margin:15px 0 0 0;}
.scces .cntnt .imge{position:absolute;right:50px;bottom:50px;}
.scces .cntnt .imge img{}
.cta{margin:0;background:linear-gradient(180deg,#000 50%,#e9e9e9 50%);position:relative;}
.cta ul{background:#000000;box-shadow:0px 12px 12px #00000029;border:2px solid rgba(112,179,228,0.35);border-radius:85px;padding:44px 50px;display:flex;align-items:center;justify-content:space-between;}
.cta ul li{}
.cta ul li h2,.cta ul li h3{color:#FFF;font-size:40px;margin:0;}
.cta ul li h2 span,.cta ul li h3 span{color:#70b3e4;}
.cta ul li.mainbtn a{padding:15px 60px;}
.srvcs{background-color:#E9E9E9;margin:0;}
.srvcs .hed{}
.srvcs .hed h1{color:#000;}
.srvcs .hed p{color:#000;width:80%;margin:30px 0 0;}
.srvcs .hed .vewbtn{}
.srvcs .hed .vewbtn a{}
.srvcs .boxes{margin:120px 0 0;}
.srvcs .boxes .box{text-align:center;background-color:#F2F2F2;box-shadow:0px 0px 10px #0000000F;border-radius:20px;padding:65px 25px 35px;position:relative;transition:all 0.5s linear;}
.srvcs .boxes .box:hover{background:#2378c7;}
.srvcs .boxes .box .icn{position:absolute;width:30%;left:0;right:0;margin:0 auto;top:-70px;}
.srvcs .boxes .box .icn img{transition:all 0.5s linear;}
.srvcs .boxes .box:hover .icn img{filter:drop-shadow(2px 4px 6px black);}
.srvcs .boxes .box h3,.srvcs .boxes .box h5{margin:20px 0;font-size:25px;}
.srvcs .boxes .box h3 span,.srvcs .boxes .box h5 span{display:block;}
.srvcs .boxes .box p{color:#000;overflow:visible;height:auto;}
.srvcs .boxes .box:hover h3,.srvcs .boxes .box:hover h5{color:#FFF;}
.srvcs .boxes .box:hover p{color:#FFF}
.srvcs .vewbtn{text-align:end;}
.prcss{background-color:#000;}
.prcss .hed{width:62%;}
.prcss .hed h1{}
.prcss .hed p{margin:30px 0;}
.prcss .hed .mainbtn{}
.prcss .prcss-img-col{position:sticky;top:90px;align-self:flex-start;height:calc(100vh - 110px);}
.prcss .lft{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;}
.prcss .lft .imge{width:100%;flex:1;position:relative;border-radius:24px;overflow:hidden;}
.prcss .lft .imge .imgitm{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;border-radius:24px;overflow:hidden;}
.prcss .lft .imge .imgitm.prcss-active{opacity:1;}
.prcss .lft .imge .imgitm img{width:100%;height:100%;object-fit:cover;border-radius:24px;filter:sepia(.25) saturate(1.6) hue-rotate(178deg) brightness(1.05);}
/* Step counter pill */
.prcss .lft .prcss-step-pill{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;}
.prcss .lft .prcss-step-pill span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.3);transition:background .4s,transform .4s;}
.prcss .lft .prcss-step-pill span.prcss-active{background:#70b3e4;transform:scale(1.4);}
.prcss .cntntwrp{width:100%;position:relative;padding-left:40px;}
.prcss .cntntwrp .cntnt{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 0 0 10px;border-bottom:1px solid rgba(255,255,255,0.07);}
.prcss .cntntwrp .cntnt:last-child{border-bottom:none;}
/* Step number */
.prcss .cntntwrp .cntnt .prcss-num{font-size:13px;font-weight:700;color:#70b3e4;letter-spacing:2px;text-transform:uppercase;margin:0 0 14px;}
.prcss .cntntwrp .cntnt h3{color:#FFF;font-size:38px;text-transform:uppercase;margin:0 0 18px;transition:color .3s;}
.prcss .cntntwrp .cntnt.prcss-active h3{color:#70b3e4;}
.prcss .cntntwrp .cntnt p{margin:0 0 24px;color:rgba(255,255,255,0.7);font-size:16px;}
.prcss .cntntwrp .cntnt .vewbtn{text-align:start;}
.prcss .cntntwrp .cntnt .vewbtn a{color:#2378c7;}

/*.spacer{width:100%;height:50vh;background:#ddd;}
.work{display:flex;flex-wrap:wrap;align-items:flex-start;}
.work_left{position:relative;width:54%;z-index:2;outline:1px solid red;}
.work_text{margin:auto;width:80%;}
.work_info{height:100vh;display:flex;flex-direction:column;justify-content:center;outline:1px solid green;}
.work_num{display:block;line-height:9;text-align:right;font-size:18px;transform:skewX(-20deg);color:var(--color-1-1);}
.title{text-align:right;font-size:70px;text-transform:uppercase;color:var(--pr-color);}
.title.stroke{display:block;color:transparent;-webkit-text-stroke:1px var(--pr-color);}
.work_link{display:block;width:365px;margin-top:50px;margin-left:auto;padding:18px 0;font-size:20px;text-align:center;text-transform:uppercase;text-decoration:none;color:var(--pr-color);letter-spacing:4px;border:2px solid var(--color-1-1);border-radius:30px;transition:.4s;}
.work_link:hover{background:var(--color-1-1);color:var(--color-1-2);letter-spacing:6px;}
.work_right{width:46%;height:auto;background:green;}
.work_rights{display:flex;flex-direction:column;justify-content:center;position:sticky;width:100%;height:100vh;top:0;height:80vh;top:10vh;"
background:#ff6b4f;}
.work_photo{width:40vw;height:30vw;position:relative;}
.work_photo-item{position:absolute;width:100%;height:100%;cursor:pointer;border-radius:80px;overflow:hidden;}
.work_photo-item img{display:block;width:100%;height:100%;object-fit:cover;}*/
.cta2{background:transparent linear-gradient(101deg,#2378c7 0%,#70b3e4 100%);}
.cta2 .cntnt{text-align:center;}
.cta2 .cntnt h2,.cta2 .cntnt h3{color:#FFF;font-size:40px;margin:0;}
.cta2 .cntnt h2 span,.cta2 .cntnt h3 span{display:block;}
.cta2 .cntnt p{width:90%;margin:30px auto 60px;}
.cta2 ul.btn{display:flex;align-items:center;justify-content:center;gap:30px;}
.cta2 ul.btn li{}
.tech{background:transparent linear-gradient(132deg,#e8f4fc 0%,#e0f0fc 100%);}
.tech .hed{width:79%;margin:0 0 140px;}
.tech .hed h1{color:#0d1b3e;}
.tech .hed p{color:#334155;margin:20px 0;}
.tech .hed p a {color: #2378c7;}
.tech .lin{position:relative;}
.tech .lin:before{content:'';position:absolute;border:1px solid #707070;width:100%;top:-70px;}
.tech ul.lst{display:flex;flex-direction:column;position:relative;}
.tech ul.lst:before{content:'';position:absolute;border:1px solid #707070;height:130%;right:-33px;top:-110px;}
.tech ul.lst li{font-size:25px;cursor:pointer;padding:20px 20px;}
.tech ul.lst li.current{background:transparent linear-gradient(90deg,#2378c7 0%,#2378c707 88%,#2378c700 100%) 0% 0% no-repeat padding-box;border-radius:70px;color:#FFF;}
.tech .cntnt{margin:0 0 0 50px;}
.tech .cntnt.current{}
.tech .cntnt h3{font-size:30px;}
.tech ul.icns{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:20px;margin:25px 0;}
.tech ul.icns li{background:#E9E9E9;border:1px solid #70707091;border-radius:70px;padding:8px 15px;flex:0 0 24%;display:inline-flex;align-items:center;overflow:hidden;position:relative;transition:all 0.35s linear;}
.tech ul.icns li img{margin:0 40px 0 0px;}
.tech ul.icns li span{font-size:20px;transform:translate3d(0,-120%,0);display:block;position:absolute;transform-style:preserve-3d;transition:transform .35s ease;text-align:center;left:0;right:0;transition:transform 0.5s ease;}
.tech ul.icns li:hover{background:linear-gradient(135deg,#2378c7 0%,#2378c7 60%,#70b3e4 100%);box-shadow:0 8px 24px rgba(35,120,199,0.45);border-color:rgba(112,179,228,0.4);}
.tech ul.icns li span.btm{transform:translate3d(0,0%,0);}
.tech ul.icns li:hover span.btm{transform:translate3d(0,120%,0);}
.tech ul.icns li:hover span{transform:translate3d(0,0%,0);color:#fff;}
.tech ul.icns li:hover img{filter:brightness(0) invert(1);}
.indstrs{padding:100px 0 200px;background-image:url(../images/indstrsbg.webp);background-color:#000;background-size:cover;}
.indstrs .hed{text-align:center;}
.indstrs .hed h1{}
.indstrs .hed p{width:70%;margin:20px auto;}
.indstrs .indsicn,.indstrs ul.indsicn{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;margin:50px 0 0;}
.indstrs .indsicn .ind-item,.indstrs ul.indsicn li{flex:0 0 20%;text-align:center;padding:60px 20px;position:relative;transition:all .3s ease;border-radius:12px;cursor:pointer;}
.indstrs .indsicn .ind-item img,.indstrs ul.indsicn li img{transition:transform .4s ease,filter .4s ease;display:inline-block;}
.indstrs .indsicn .ind-item:hover,.indstrs ul.indsicn li:hover{background:rgba(35,120,199,0.18);transform:translateY(-4px);box-shadow:0 8px 28px rgba(35,120,199,0.3);}
.indstrs .indsicn .ind-item:hover img,.indstrs ul.indsicn li:hover img{transform:scale(1.12);filter:brightness(0) saturate(100%) invert(58%) sepia(70%) saturate(500%) hue-rotate(188deg) brightness(1.2);}
.indstrs .indsicn .ind-item h3,.indstrs ul.indsicn li h5{font-size:18px;color:rgba(255,255,255,0.85);margin:18px 0 0;transition:color .3s ease;font-weight:500;letter-spacing:.3px;}
.indstrs .indsicn .ind-item:hover h3,.indstrs ul.indsicn li:hover h5{color:#2378c7;}
.indstrs .indsicn:before,.indstrs ul.indsicn:before{content:'';position:absolute;background:#707070;width:100%;height:3px;top:50%;}
.indstrs .indsicn:after,.indstrs ul.indsicn:after{content:'';position:absolute;background:#707070;width:100%;height:3px;bottom:0;}
.indstrs .indsicn .ind-item:before,.indstrs ul.indsicn li:before{content:'';position:absolute;background:#707070;width:3px;height:300px;right:0;top:0;}
.indstrs .indsicn .ind-item:nth-child(5n+5):before,.indstrs ul.indsicn li:nth-child(5n+5):before{display:none;}
.clnts{background:#E9E9E9;overflow:hidden;}
.clnts .lft{}
.clnts .lft h1{color:#000;}
.clnts .lft p{color:#000;margin:30px 0;}
.clnts .lft .vewbtn{}
.clnts .lft .vewbtn a{}
.clnts .bx{background-color:#2378c7;border-radius:14px;padding:60px 30px;}
.clnts .bx .hed{display:flex;align-items:center;gap:20px;position:relative;}
.clnts .bx .hed:before{content:'';position:absolute;background-image:url(../images/faqarrow.webp);width:20%;height:100px;background-repeat:no-repeat;background-size:cover;right:0;bottom:-10px;}
.clnts .bx .hed .imge{}
.clnts .bx .hed .imge img{}
.clnts .bx .hed .client-name,.clnts .bx .hed h5{color:#FFF;font-size:25px;margin:0;font-weight:700;}
.clnts .bx .hed .client-name span,.clnts .bx .hed h5 span{display:block;font-size:20px;margin:5px 0 0;font-weight:400;}
.clnts .bx p{margin:20px 0 0;}
.blgs{background:transparent linear-gradient(1deg,#E9E9E9 0%,#FFFFFF 100%) 0% 0% no-repeat padding-box;position:relative;overflow:hidden;}
.blgs .hed{text-align:center;}
.blgs .hed h1{color:#000;}
.blgs .hed p{color:#000;width:88%;margin:30px auto 50px;}
.blgs .hed .vewbtn{}
.blgs .hed .vewbtn a{}
.blgs .nws{margin:0 0 30px;}
.blgs .nws.mrgnmns{margin:-120px 0 0;}
.blgs .nws .imge{position:relative;z-index:0;}
.blgs .nws .imge img{border-radius:17px;}
.blgs .nws .cntnt{}
.blgs .nws .cntnt .btm{position:relative;padding:10px 30px 15px;}
.blgs .nws .cntnt .btm span{color:#3D3D3D;font-size:14px;}
.blgs .nws .cntnt .btm h4{color:#3D3D3D;font-size:22px;margin:5px 0 0;}
.blgs .nws .cntnt .btm:before{content:'';position:absolute;background:#2378c7;width:17px;height:100%;border-radius:54px 0px 0px 2px;left:-1px;top:0;}
.blgs .nws .cntnt .btm:after{content:'';position:absolute;background:#707070;width:85%;height:1px;opacity:0.6;bottom:0;margin:auto;left:0;right:0;}
.blgs .nws .cntnt{background:#FBFBFB;border-radius:20px;border:1px solid #707070B3;margin:-110px auto 0;z-index:1;position:relative;width:90%;}
.blgs .nws .cntnt p{color:#4B4B4B;margin:20px 30px 20px;font-size:15px;}
.cta3{background:#eaeaea 0% 0% no-repeat padding-box;margin:0 auto;}
.cta3 .blkbg{background:#000;border-radius:40px;padding:50px 50px;position:relative;overflow:hidden;}
.cta3 .cntnt{}
.cta3 .cntnt h1{}
.cta3 .cntnt .mainbtn{margin:30px 0 0;}
.cta3 .cntnt .mainbtn a{}
.cta3 .imge{position:relative;}
.cta3 .imge img{position:absolute;bottom:-173px;}
.faq{background:#eaeaea;}
.faq .hed{}
.faq .hed h1{color:#000;margin:0 0 60px;}

/*.faq .accordion{}
.faq .accordion-item:nth-child(1){border-top:0}
.faq .accordion-item{border-top:1px solid #202020;border-left:0;border-right:0;border-bottom:0;}
.faq .accordion-item h2{}
.faq .accordion-body{background:#eaeaea;}
.faq .accordion-body p{color:#4B4B4B;padding:0px 10px 10px;}
.faq .accordion-button{font-size:25px;font-weight:500;padding:30px;position:relative;background:#eaeaea;}
.faq .accordion-button:after{content:'+';position:absolute;background-image:none;background-color:#2378c7;color:#FFF;border-radius:30px;right:40px;width:36px;height:36px;font-size:40px;line-height:0;text-align:center;display:flex;align-items:center;justify-content:center;}
.faq .accordion-button:not(.collapsed):after{content:'-';background-image:none;transform:rotate(0deg);}
.faq .accordion-button:focus{border-color:unset;box-shadow:unset}
.faq .accordion-button:not(.collapsed){color:#2378c7;background:#eaeaea;box-shadow:unset;}*/

/*.faq .accordion { }
.faq .accordion button { position: relative; display: block; text-align: left; width: 100%; padding: 0; border: none; background: none; outline: none; font-style: normal; font-weight: 600; font-size: 20px; line-height: 29px; color: #000000; }
.faq .accordion button:hover, .faq .accordion button:focus { cursor: pointer; color: #ee3074; }
.faq .accordion button:hover::after, .faq .accordion button:focus::after { cursor: pointer; color: #03b5d2; border: 1px solid #03b5d2; }
.faq .accordion button .accordion-title { padding: 0; }
.faq .accordion button .icon { align-items: center; display: inline-flex; position: absolute; top: 0; right: 0; width: 25px; height: 25px; border-radius: 50%; justify-content: center; border: 1px solid #ee3074; }
.faq .accordion button .icon::before { display: block; position: absolute; content: "078"; top: -2px; left: 5px; font-family: 'Font Awesome 5'; font-size: 15px; margin: 0 auto; }
.faq .accordion button[aria-expanded=true] { }
.faq .accordion button[aria-expanded=true] .icon::before { content: "054"; left: 8px; }
.faq .accordion button[aria-expanded=true] + .accordion-content { opacity: 1; max-height: fit-content; transition: all 200ms linear; will-change: opacity, max-height; }
.faq .accordion .accordion-content { opacity: 0; max-height: 0; overflow: hidden; transition: opacity 2s linear, max-height 0.5s linear; will-change: opacity, max-height; }
.faq .accordion .accordion-content p { font-weight: 400; font-size: 15px; line-height: 24px; color: #575757; padding: 10px 0 0; }
.faq .accordion-item { border: 0; padding: 20px 0; border-bottom: 1px solid #C8C8C8; }*/

.faq .accordion{}
.faq .accordion .accordion-item:nth-child(1){border-top:none}
.faq .accordion .accordion-item{background:#eaeaea;border-top:1px solid #202020;padding:0px 30px;border-left:none;border-right:none;border-bottom:none;position:relative;}
.faq .accordion button{background:transparent;color:#000;font-size:20px;font-weight:600;line-height:normal;text-transform:capitalize;padding:30px 0 30px;border:none;position:relative;display:block;text-align:left;width:100%;}
.faq .accordion button:hover::after,.faq .accordion button:focus::after{cursor:pointer;border:1px solid #03b5d2;}
.faq .accordion button .accordion-title{padding:0;font-size:25px;font-weight:500;transition:all 0.2s linear}
.faq .accordion button .accordion-title:hover{color:#2378c7;}
.faq .accordion button .icon:before{content:'+';position:absolute;top:23px;right:0;width:36px;height:36px;border-radius:30px;background:#2378c7;color:#FFF;font-size:40px;display:flex;align-items:center;justify-content:center;}
.faq .accordion button[aria-expanded=true] .icon:before{content:'-';}
.faq .accordion button[aria-expanded=true] .accordion-title{color:#2378c7;}
.faq .accordion button[aria-expanded=true]+.accordion-content{opacity:1;max-height:9em;transition:all 200ms linear;will-change:opacity,max-height;}
.faq .accordion .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:opacity 2s linear,max-height 0.5s linear;will-change:opacity,max-height;}
.faq .accordion .accordion-content p{color:#4B4B4B;font-size:17px;font-weight:400;line-height:normal;padding:0 30px 30px 30px;}
/* ===== HOMEPAGE BOTTOM FORM — DARK PREMIUM ===== */
.lp-form-section{background:linear-gradient(145deg,#020d22 0%,#061432 35%,#0a1f4e 65%,#020d22 100%);padding:90px 0 100px;position:relative;overflow:hidden;}
.lp-bg-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);}
.lp-glow1{width:600px;height:600px;background:rgba(35,120,199,0.25);top:-150px;right:-150px;}
.lp-glow2{width:500px;height:500px;background:rgba(112,179,228,0.15);bottom:-100px;left:-120px;}
.lp-glow3{width:300px;height:300px;background:rgba(112,179,228,0.1);top:50%;left:50%;transform:translate(-50%,-50%);}
/* Floating particles */
.lp-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.lp-particles span{position:absolute;width:3px;height:3px;background:rgba(112,179,228,0.5);border-radius:50%;animation:lpFloat linear infinite;}
.lp-particles span:nth-child(1){left:10%;top:20%;animation-duration:8s;animation-delay:0s;}
.lp-particles span:nth-child(2){left:25%;top:70%;animation-duration:12s;animation-delay:2s;}
.lp-particles span:nth-child(3){left:60%;top:15%;animation-duration:9s;animation-delay:1s;}
.lp-particles span:nth-child(4){left:75%;top:60%;animation-duration:11s;animation-delay:3s;}
.lp-particles span:nth-child(5){left:85%;top:35%;animation-duration:7s;animation-delay:0.5s;}
.lp-particles span:nth-child(6){left:45%;top:85%;animation-duration:10s;animation-delay:1.5s;}
@keyframes lpFloat{0%{transform:translateY(0) scale(1);opacity:0.6;}50%{opacity:1;}100%{transform:translateY(-80px) scale(0.5);opacity:0;}}
.lp-inner{position:relative;z-index:1;text-align:center;}
/* Urgency badge */
.lp-urgency-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(112,179,228,0.12);border:1.5px solid rgba(112,179,228,0.35);color:#a8d1f0;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:9px 22px;border-radius:50px;margin:0 0 28px;animation:urgencePulse 2.5s ease-in-out infinite;}
@keyframes urgencePulse{0%,100%{box-shadow:0 0 0 0 rgba(112,179,228,0.2);}50%{box-shadow:0 0 0 8px rgba(112,179,228,0);}}
/* Heading */
.lp-form-h2{font-size:46px;font-weight:800;color:#fff;text-align:center;margin:0 0 18px;line-height:1.15;font-family:Manrope,sans-serif;}
.lp-form-h2 span{background:linear-gradient(90deg,#70b3e4,#70b3e4,#a8d1f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.lp-form-p{text-align:center;color:rgba(255,255,255,0.7);font-size:17px;margin:0 0 36px;line-height:1.7;max-width:620px;margin-left:auto;margin-right:auto;}
.lp-form-p strong{color:#70b3e4;}
/* Stats row */
.lp-stats-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 44px;}
.lp-stat-pill{background:rgba(255,255,255,0.07);border:1px solid rgba(112,179,228,0.25);border-radius:14px;padding:14px 22px;min-width:90px;}
.lp-stat-pill strong{display:block;font-size:24px;font-weight:800;color:#70b3e4;font-family:Manrope,sans-serif;line-height:1;}
.lp-stat-pill span{display:block;font-size:11px;color:rgba(255,255,255,0.55);margin-top:4px;letter-spacing:0.3px;}
/* Form card */
.lp-form-card{background:rgba(255,255,255,0.04);border:1.5px solid rgba(112,179,228,0.2);border-radius:28px;padding:44px 52px;max-width:880px;margin:0 auto;backdrop-filter:blur(16px);}
.lp-card-header{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.5);margin:0 0 28px;font-family:Manrope,sans-serif;}
.lp-lock-icon{color:#4CAF50;}
.lp-form{display:flex;flex-direction:column;gap:18px;}
.lp-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.lp-finput{display:flex;flex-direction:column;gap:7px;text-align:left;}
.lp-finput label{font-size:12px;font-weight:700;color:rgba(255,255,255,0.6);letter-spacing:0.8px;text-transform:uppercase;font-family:Manrope,sans-serif;}
.lp-finput-wrap{position:relative;}
.lp-finput-wrap i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#70b3e4;font-size:14px;pointer-events:none;z-index:1;}
.lp-finput input,.lp-finput textarea{width:100%;background:rgba(255,255,255,0.08);border:1.5px solid rgba(255,255,255,0.12);border-radius:12px;padding:15px 16px 15px 46px;color:#fff;font-size:15px;font-family:Manrope,sans-serif;outline:none;transition:all .25s;box-sizing:border-box;}
.lp-finput input::placeholder,.lp-finput textarea::placeholder{color:rgba(255,255,255,0.3);}
.lp-finput input:focus,.lp-finput textarea:focus{border-color:#70b3e4;background:rgba(112,179,228,0.1);box-shadow:0 0 0 3px rgba(112,179,228,0.15);}
.lp-finput textarea{height:120px;resize:none;}
/* Actions */
.lp-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.lp-submit-btn{flex:1;min-width:240px;padding:19px 32px;background:linear-gradient(135deg,#2378c7 0%,#70b3e4 50%,#2378c7 100%);background-size:220% 100%;background-position:left center;color:#fff;border:none;border-radius:16px;font-size:18px;font-weight:800;font-family:Manrope,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:.4px;box-shadow:0 8px 32px rgba(35,120,199,0.55);transition:background-position .5s ease,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;}
.lp-submit-btn:hover{background-position:right center;transform:translateY(-4px) scale(1.02);box-shadow:0 18px 55px rgba(35,120,199,0.7);color:#fff;}
.lp-submit-btn:active{transform:translateY(0) scale(0.97);box-shadow:0 6px 18px rgba(35,120,199,0.4);}
.lp-btn-arr{transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.lp-submit-btn:hover .lp-btn-arr{transform:translateX(7px);}
.lp-call-btn{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.2);border-radius:16px;padding:16px 22px;text-decoration:none;transition:all .3s;white-space:nowrap;}
.lp-call-btn:hover{background:rgba(35,120,199,0.12);border-color:#2378c7;}
.lp-call-ring{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2378c7,#70b3e4);display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;animation:lpRing 2s ease-in-out infinite;flex-shrink:0;}
@keyframes lpRing{0%,100%{box-shadow:0 0 0 0 rgba(112,179,228,0.5);}50%{box-shadow:0 0 0 10px rgba(112,179,228,0);}}
.lp-call-btn span{display:block;font-size:11px;color:rgba(255,255,255,0.55);font-family:Manrope,sans-serif;}
.lp-call-btn strong{display:block;font-size:17px;color:#fff;font-weight:800;font-family:Manrope,sans-serif;}
/* Trust badges */
.lp-form-badges{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:22px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,0.08);}
.lp-form-badges span{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,0.45);font-family:Manrope,sans-serif;}
.lp-form-badges i{color:#4CAF50;font-size:13px;}
@media(max-width:900px){.lp-form-row{grid-template-columns:1fr 1fr;}.lp-form-h2{font-size:32px;}.lp-form-card{padding:32px 24px;}}
@media(max-width:600px){.lp-form-row{grid-template-columns:1fr;}.lp-form-actions{flex-direction:column;}.lp-submit-btn,.lp-call-btn{width:100%;justify-content:center;}.lp-form-h2{font-size:26px;}.lp-stats-row{gap:8px;}.lp-stat-pill{padding:10px 14px;min-width:70px;}.lp-stat-pill strong{font-size:20px;}}

/* ===== CONTACT PAGE OFFER FORM SHARED STYLES ===== */

/* ===== PAGE FORM SECTION (same look as modal) ===== */
.pg-form-section{background:linear-gradient(135deg,#e8f4fc 0%,#d5edf9 50%,#e0f0fc 100%);padding:80px 0;position:relative;overflow:hidden;}
.pg-form-section::before{content:'';position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(35,120,199,0.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
.pg-form-section::after{content:'';position:absolute;bottom:-100px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(112,179,228,0.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
.pg-form-wrap{display:flex;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(13,27,62,0.2);max-width:950px;margin:0 auto;position:relative;z-index:1;}
.pg-form-left{width:42%;background:linear-gradient(160deg,#2378c7 0%,#2378c7 50%,#70b3e4 100%);padding:52px 40px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;flex-shrink:0;}
.pg-form-left::before{content:'';position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:rgba(255,255,255,0.06);border-radius:50%;}
.pg-form-left::after{content:'';position:absolute;bottom:-100px;left:-60px;width:260px;height:260px;background:rgba(255,255,255,0.04);border-radius:50%;}
.pg-form-left .pg-left-icons{display:flex;gap:12px;margin:0 0 24px;position:relative;z-index:1;}
.pg-form-left .pg-left-icons i{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;}
.pg-form-left h3{color:#fff;font-size:27px;font-weight:800;line-height:1.25;margin:0 0 12px;font-family:Manrope,sans-serif;position:relative;z-index:1;}
.pg-form-left h3 span{color:#FFD700;}
.pg-form-left .pg-tagline{color:rgba(255,255,255,0.75);font-size:14px;line-height:1.65;margin:0 0 24px;position:relative;z-index:1;}
.pg-form-left .cc-perks{position:relative;z-index:1;margin:0 0 28px;}
.pg-form-right{flex:1;background:#fff;padding:44px 48px;display:flex;flex-direction:column;}
.pg-form-right .cc-form-title{font-size:23px;font-weight:800;color:#0d1b3e;margin:0 0 6px;font-family:Manrope,sans-serif;}
.pg-form-right .cc-form-sub{font-size:13px;color:#64748b;margin:0 0 24px;line-height:1.5;}
.pg-form-right .cc-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pg-form-right .cc-modal-field{margin:0 0 14px;display:flex;flex-direction:column;gap:5px;}
.pg-form-right .cc-modal-field label{color:#374151;font-size:11px;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;font-family:Manrope,sans-serif;}
.pg-form-right .cc-modal-field input,.pg-form-right .cc-modal-field textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:13px 16px;color:#0d1b3e;font-size:15px;font-family:Manrope,sans-serif;outline:none;transition:all .25s;width:100%;box-sizing:border-box;}
.pg-form-right .cc-modal-field input::placeholder,.pg-form-right .cc-modal-field textarea::placeholder{color:#94a3b8;}
.pg-form-right .cc-modal-field input:focus,.pg-form-right .cc-modal-field textarea:focus{border-color:#2378c7;background:#fff;box-shadow:0 0 0 4px rgba(35,120,199,0.1);}
.pg-form-right .cc-modal-field textarea{resize:none;height:105px;}
.pg-form-right .cc-modal-submit{width:100%;padding:16px;background:linear-gradient(135deg,#2378c7,#2378c7,#70b3e4);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;font-family:Manrope,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:all .3s;letter-spacing:0.3px;}
.pg-form-right .cc-modal-submit:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(35,120,199,0.45);}
.pg-trust-row{display:flex;align-items:center;gap:16px;margin:16px 0 0;flex-wrap:wrap;}
.pg-trust-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;}
.pg-trust-item i{color:#2378c7;font-size:12px;}
@media(max-width:768px){.pg-form-wrap{flex-direction:column;}.pg-form-left{width:100%;padding:32px 24px;}.pg-form-right{padding:28px 20px;}.pg-form-right .cc-modal-row{grid-template-columns:1fr;}}
.cntct{background:#000;border-radius:107px 107px 0px 0px;margin:0;position:relative;}
.cntct:before{content:'';position:absolute;background:#eaeaea;width:100%;height:100px;top:0;z-index:-1;}
.cntct .lft{position:relative;}
.cntct .lft h3{}
.cntct .lft h3 span{font-size:48px;display:block;}
.cntct .lft p{margin:40px 0;}
/*.cntct .lft h3{color:#FFF;font-size:50px;letter-spacing:3px;margin: 40px 0 0 0;}*/
.cntct .lft svg{position:absolute;right:30px;bottom:-30px;}
.cntct form{background:transparent linear-gradient(201deg,#2378c7 0%,#2378c7 0%,#2378c7 8%,#70b3e4 100%) 0% 0% no-repeat padding-box;border-radius:33px;padding:40px 40px;position:relative;}
.cntct form h3{color:#FFF;margin:0 0 60px;font-size:50px;}
.cntct form:before{content:'';position:absolute;background:#FFF;width:100%;height:1px;left:0;right:0;margin:auto;top:130px;opacity:0.7;}
.cntct form input,.cntct form select,.cntct form textarea{background:#2378c78F 0% 0% no-repeat padding-box;border:1px solid #FFFFFFA3;border-radius:43px;margin:10px auto;padding:25px 30px;color:#FFF;width:100%;}
.cntct form select{}
.cntct form select option{background:#FFF;color:#000}
.cntct form textarea{height:240px;resize:none;border:1px solid #FFFFFFA3;border-radius:24px;}
.cntct form input.sbmt{color:#FFF;font-size:22px;font-family:'Manrope';font-weight:600;background:linear-gradient(135deg,#2378c7 0%,#70b3e4 50%,#2378c7 100%);background-size:220% 100%;background-position:left center;transition:background-position .5s ease,transform .3s ease,box-shadow .3s ease;}
.cntct form input.sbmt:hover{color:#fff;background-position:right center;transform:translateY(-2px);box-shadow:0 10px 28px rgba(35,120,199,0.5);}
.cntct form input::placeholder,.cntct form textarea::placeholder{color:#FFF;}
.ftrlgo{background:#000;}
.ftrlgo-marquee{
  overflow:hidden;
  width:100%;
  max-width:100%;
  background:#000;
}
.ftrlgo-marquee-track{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  width:max-content;
  max-width:none;
  gap:0;
  will-change:transform;
}
.ftrlgo-marquee-group{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  flex-shrink:0;
  gap:clamp(28px,5vw,56px);
  list-style:none;
  padding:0 clamp(16px,3vw,32px) 0 0;
  margin:0;
}
.ftrlgo-marquee-group > li{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  margin:0;
  min-height:88px;
}
.ftrlgo-marquee-group > li img{
  max-height:72px;
  width:auto;
  max-width:min(168px,24vw);
  height:auto;
  object-fit:contain;
  display:block;
}
@media (min-width:992px){
  .ftrlgo-marquee-group{
    gap:clamp(36px,5vw,72px);
    padding-inline-end:clamp(24px,4vw,48px);
  }
  .ftrlgo-marquee-group > li{min-height:104px;}
  .ftrlgo-marquee-group > li img{
    max-height:96px;
    max-width:min(260px,18vw);
  }
}
@media (prefers-reduced-motion:no-preference){
  .ftrlgo-marquee-track{
    animation:footerMarqueePartners 42s linear infinite;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
}
@media (hover:hover) and (pointer:fine){
  .ftrlgo-marquee:hover .ftrlgo-marquee-track{animation-play-state:paused;}
}
@keyframes footerMarqueePartners{
  0%{transform:translate3d(0,0,0);}
  100%{transform:translate3d(-50%,0,0);}
}
@media (prefers-reduced-motion:reduce){
  .ftrlgo-marquee-track{animation:none!important;transform:none!important;}
}
footer{background-color:#000;margin:0;padding:70px 0 20px;}
#footer .footer-main-row{display:flex;flex-wrap:wrap;align-items:flex-start!important;}
#footer .footer-main-row > [class*="col-"]{align-self:flex-start!important;}
#footer .footer-col{padding-top:0;margin-top:0;}
footer .cntnt p{margin:18px 0 22px;line-height:1.6;}
footer .footer-heading{color:#fff;margin:0 0 18px;font-size:22px;font-weight:700;line-height:1.25;padding:0;}
footer .footer-heading--caps{letter-spacing:.06em;text-transform:uppercase;font-size:20px;}
footer ul{margin-bottom:0;padding-left:0;list-style:none;}
footer ul.nws{margin-top:0;padding-top:0;}
footer ul.srvs li,
footer ul.menu li,
footer ul.nws li{margin:0 0 14px;transition:color .2s linear,transform .2s linear;line-height:1.5;}
footer ul.srvs li:last-child,
footer ul.menu li:last-child,
footer ul.nws li:last-child{margin-bottom:0;}
footer ul li a{transition:all 0.2s linear;color:#fff;}
.socl-marquee{margin-top:10px;width:100%;max-width:100%;}
.socl-marquee-track{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;align-items:center;gap:0;will-change:transform;}
.socl-marquee .socl{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:nowrap;margin:0;padding:0;list-style:none;flex-shrink:0;}
footer ul.socl li{margin:0;}
footer ul.socl li a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);font-size:20px;color:#fff;text-decoration:none;transition:color .2s,border-color .2s,background .2s;}
@media (hover:hover) and (pointer:fine){
  footer ul.socl li a{transition:color .2s,border-color .2s,transform .2s,background .2s;}
}
footer ul.socl li a:hover{color:#2378c7;border-color:rgba(35,120,199,.55);background:rgba(255,255,255,.06);}
@media (min-width:992px){
  .socl-marquee{overflow:visible;}
  .socl-marquee .socl--clone{display:none!important;}
  .socl-marquee-track{animation:none!important;transform:none!important;width:auto;gap:0;}
  footer .socl-marquee .socl li a{
    width:40px;
    height:40px;
    font-size:18px;
    border-width:1px;
  }
}
@media (max-width:991px){
  .socl-marquee{
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  }
  /* Same space after last icon as between icons (clone row was touching) */
  .socl-marquee .socl:not(.socl--clone){padding-inline-end:16px;}
  footer .socl-marquee .socl li a{width:52px;height:52px;font-size:24px;}
}
@media (max-width:991px) and (prefers-reduced-motion:no-preference){
  .socl-marquee-track{
    animation:footerMarqueeSocial 16s linear infinite;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
}
@keyframes footerMarqueeSocial{
  0%{transform:translate3d(0,0,0);}
  100%{transform:translate3d(-50%,0,0);}
}
.pymnt-marquee{margin-top:20px;width:100%;max-width:100%;}
.pymnt-marquee-track{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  width:100%;
  max-width:100%;
}
.pymnt-marquee-group{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 16px;
  width:100%;
}
@media (max-width:991px){
  .pymnt-marquee-group--clone{display:none!important;}
  .pymnt-marquee-track{
    animation:none!important;
    transform:none!important;
  }
}
@media (min-width:992px){
  .pymnt-marquee{
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  }
  .pymnt-marquee-track{
    flex-wrap:nowrap;
    width:max-content;
    max-width:none;
    gap:0;
    will-change:transform;
  }
  .pymnt-marquee-group{
    flex-wrap:nowrap;
    width:auto;
    flex-shrink:0;
    gap:16px;
    padding-inline-end:16px;
  }
}
@media (min-width:992px) and (prefers-reduced-motion:no-preference){
  .pymnt-marquee-track{
    animation:footerMarqueePymnt 26s linear infinite;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
}
@keyframes footerMarqueePymnt{
  0%{transform:translate3d(0,0,0);}
  100%{transform:translate3d(-50%,0,0);}
}
footer .pymnt--slide{
  padding:6px 10px;
  margin:0;
  flex-shrink:0;
  border-radius:8px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;
}
footer .pymnt--slide img{
  max-height:40px;
  max-width:min(130px,42vw);
  width:auto;
  height:auto;
  display:block;
  object-fit:contain;
  filter:grayscale(1) brightness(1.08) opacity(.82);
  transition:filter .4s ease,transform .35s ease;
}
@media (min-width:992px){
  footer .pymnt--slide img{
    max-height:62px;
    max-width:min(200px,18vw);
  }
}
@media (hover:hover) and (pointer:fine){
  footer .pymnt--slide:hover{
    background:rgba(35,120,199,.14);
    border-color:rgba(112,179,228,.45);
    box-shadow:0 0 0 1px rgba(35,120,199,.2),0 8px 24px rgba(35,120,199,.22);
  }
  footer .pymnt--slide:hover img{
    filter:none;
    transform:scale(1.06);
  }
}
@media (prefers-reduced-motion:reduce){
  footer .pymnt--slide img{transition:filter .2s ease;}
  footer .pymnt--slide:hover img{transform:none;}
}
@media (hover:none){
  footer .pymnt--slide img{filter:none;opacity:1;}
  footer .pymnt--slide{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);}
}
@media (prefers-reduced-motion:reduce){
  .socl-marquee-track{animation:none!important;transform:none!important;}
  .pymnt-marquee-track{animation:none!important;transform:none!important;}
  .ftrlgo-marquee-track{animation:none!important;transform:none!important;}
}
footer ul.srvs li a{}
footer ul.menu li a{}
footer .nws form{margin:30px 0 0;position:relative;}
footer .nws form input{background:#141414 0% 0% no-repeat padding-box;border:1px solid #FFFFFFA3;border-radius:43px;width:100%;padding:25px 20px;color:#FFF;}
footer .nws form input.eml{}
footer ul.nws li{display:flex;align-items:flex-start;gap:12px;}
footer ul.nws li i{color:#fff;margin:3px 0 0;flex-shrink:0;width:1.1em;text-align:center;}
footer ul.nws li a{display:inline-flex;flex-wrap:wrap;align-items:center;}
footer .nws form input.sbmt{position:absolute;right:20px;background:linear-gradient(135deg,#2378c7 0%,#70b3e4 50%,#2378c7 100%);background-size:220% 100%;background-position:left center;border-radius:25px;padding:10px 0;width:23%;top:16px;border:0;color:#fff;font-weight:700;cursor:pointer;transition:background-position .5s ease,transform .3s ease,box-shadow .3s ease;}
footer .nws form input.sbmt:hover{background-position:right center;color:#fff;transform:scale(1.04);box-shadow:0 6px 20px rgba(35,120,199,0.5);}
footer ul.srvs li:hover,
footer ul.menu li:hover{transform:scale(1.04);}
@media (hover:hover) and (pointer:fine){
  footer ul.socl li:hover{transform:scale(1.04);}
}
footer ul.nws li:hover{transform:none;}
footer ul.srvs li a:hover,
footer ul.menu li a:hover,
footer ul.nws li a:hover{color:#2378c7;}
.copyright{background:#000;padding:30px 0;position:relative;margin:0;}
.copyright:before{content:'';position:absolute;background:#FFF;opacity:0.7;width:100%;height:1px;top:0;}
.copyright p{}
.copyright ul.info{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap;}
.copyright ul.info li{margin:0;}
.copyright ul.info li a{}
.nav{background-color:#060e1f;width:100%;position:fixed;z-index:998;top:90px;left:0;right:0;display:none;box-shadow:0 8px 32px rgba(0,0,0,0.6);}
ul#menu{display:none;width:100%;}
ul#menu li a{width:100%;display:block;background-color:transparent;color:#e8f0fb;font-size:16px;font-weight:500;padding:13px 6px;transition:color .2s,padding-left .2s;text-decoration:none;border-bottom:1px solid rgba(35,120,199,0.1);letter-spacing:.2px;}
ul#menu li:last-child a{border-bottom:none;}
ul#menu a:hover{color:#70b3e4;padding-left:10px;}
ul#menu .manbutn{display:inline-flex;align-items:center;justify-content:center;margin:18px 0 4px;padding:11px 28px;border-radius:50px;background:linear-gradient(135deg,#2378c7,#70b3e4);color:#fff!important;font-size:15px;font-weight:700;letter-spacing:.3px;border-bottom:none;width:auto!important;transition:opacity .25s,transform .25s;}
ul#menu .manbutn:hover{opacity:.88;transform:translateY(-2px);padding-left:28px;color:#fff!important;}
/* Services row in mobile menu — shows arrow + full-width tap */
ul#menu li.mega-open>a.relative{display:flex;align-items:center;justify-content:space-between;}
ul#menu li.mega-open>a.relative #rght{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(35,120,199,0.15);border:1px solid rgba(35,120,199,0.3);border-radius:6px;font-size:12px;color:#70b3e4;flex-shrink:0;transition:background .2s,border-color .2s;}
ul#menu li.mega-open>a.relative:hover #rght{background:rgba(35,120,199,0.28);border-color:#2378c7;}
/* ===== MOBILE SERVICES PANEL — DASHBOARD STYLE ===== */
.nav .lstsrvc{
  position:fixed;top:0;left:0;
  width:100%;height:100vh;height:100dvh;min-height:-webkit-fill-available;
  background:linear-gradient(160deg,#060e1f 55%,#081424 100%);
  z-index:9999;
  overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;
  padding:0 0 calc(100px + env(safe-area-inset-bottom,0));
  padding-top:env(safe-area-inset-top,0);
  transform:translateX(105%);
  visibility:hidden;
  transition:transform .35s cubic-bezier(.4,0,.2,1),visibility .35s;
  display:block!important;
}
.nav .lstsrvc.megamenu.open{transform:translateX(0);visibility:visible;}
.nav .lstsrvc{
  scrollbar-color:#70b3e4 rgba(6,14,31,.55);
}
.nav .lstsrvc::-webkit-scrollbar-track{
  background:rgba(6,14,31,.5);
  box-shadow:inset 0 0 8px rgba(0,0,0,.35);
}
.nav .lstsrvc::-webkit-scrollbar-thumb{
  border-color:rgba(6,14,31,.75);
  box-shadow:0 0 14px rgba(35,120,199,.4),inset 0 1px 0 rgba(255,255,255,.18);
}

/* ── Sticky header bar ── */
.nav .lstsrvc .hed{
  display:flex;align-items:center;gap:14px;
  padding:16px 20px;
  border-bottom:1px solid rgba(35,120,199,0.22);
  background:rgba(6,14,31,0.97);
  backdrop-filter:blur(12px);
  position:sticky;top:0;z-index:10;
  margin-bottom:12px;
}
.nav .lstsrvc .hed #lft{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;min-width:36px;
  background:rgba(35,120,199,0.14);
  border:1px solid rgba(35,120,199,0.35);
  border-radius:8px;color:#70b3e4;
  font-size:14px;cursor:pointer;
  transition:background .2s,border-color .2s;
}
.nav .lstsrvc .hed #lft:hover{background:rgba(35,120,199,0.28);border-color:#2378c7;}
.nav .lstsrvc .hed h3{font-size:17px;font-weight:700;color:#fff;margin:0;letter-spacing:.3px;flex:1;}
@media screen and (min-width:2000px){
	.hamburger-container{display:none;}
}
/* ===== MOBILE HAMBURGER — CSS bars, no image ===== */
.hamburger-container{
  width:42px;height:42px;cursor:pointer;display:none;
  flex-direction:column;align-items:center;justify-content:center;
  border-radius:8px;
  background:rgba(35,120,199,0.12);
  border:1.5px solid rgba(35,120,199,0.35);
  transition:background .25s,border-color .25s;
  flex-shrink:0;}
.hamburger-container:hover{background:rgba(35,120,199,0.22);border-color:rgba(35,120,199,0.7);}
.hamburger-container.active{background:rgba(35,120,199,0.28);border-color:#2378c7;}
ul.hamburger{
  display:block;width:20px;height:2px;
  background:#fff;border-radius:2px;position:relative;
  transition:background .3s ease;}
ul.hamburger img{display:none!important;}
ul.hamburger::before,ul.hamburger::after{
  content:'';position:absolute;left:0;
  width:20px;height:2px;background:#fff;border-radius:2px;
  transition:transform .3s ease,top .3s ease,bottom .3s ease,opacity .3s ease;}
ul.hamburger::before{top:-7px;}
ul.hamburger::after{bottom:-7px;}
.hamburger-container.active ul.hamburger{background:transparent;}
.hamburger-container.active ul.hamburger::before{top:0;transform:rotate(45deg);}
.hamburger-container.active ul.hamburger::after{bottom:0;transform:rotate(-45deg);}
/* ── Accordion list wrapper ── */
.nav #accordionExample{padding:0 14px;list-style:none;margin:0;display:flex;flex-direction:column;gap:8px;}

/* ── Each service card ── */
.nav .accordion-item{
  border:1px solid rgba(35,120,199,0.18)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,0.03);
  overflow:hidden;
  position:relative;
}
.nav li.accordion-item a{width:100%!important;}

/* ── Category toggle button ── */
.nav .accordion-button{
  border:0;
  padding:14px 52px 14px 16px;
  font-size:15px;font-weight:600;
  box-shadow:none!important;
  background:transparent!important;
  color:rgba(255,255,255,0.88)!important;
  letter-spacing:.2px;text-align:left;width:100%;
  border-radius:12px;
  position:relative;
  transition:color .2s,background .2s;
}
.nav .accordion-button:not(.collapsed){
  color:#70b3e4!important;
  background:rgba(35,120,199,0.1)!important;
  border-radius:12px 12px 0 0;
}

/* ── + / − badge indicator ── */
.nav .accordion-button::after{
  content:'+';
  position:absolute;background-image:none!important;background-size:unset;
  right:14px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;
  background:rgba(35,120,199,0.14)!important;
  border:1px solid rgba(35,120,199,0.32);
  border-radius:6px;
  font-size:20px;line-height:28px;text-align:center;
  color:#70b3e4;font-weight:300;
}
.nav .accordion-button:not(.collapsed)::after{
  content:'−';
  background:rgba(35,120,199,0.28)!important;
  border-color:#2378c7;color:#2378c7;
  background-image:none!important;
  transform:translateY(-50%);
}
.nav .accordion-item:last-of-type .accordion-button.collapsed{border-radius:12px;}

/* ── Sub-link list ── */
.nav .accordion-body{
  background:rgba(35,120,199,0.06);
  padding:4px 0 10px;
  border-top:1px solid rgba(35,120,199,0.18);
  border-left:none;
}
.nav .accordion-body ul{margin:0;padding:0;list-style:none;}
.nav .accordion-body ul li{border-bottom:1px solid rgba(255,255,255,0.04);}
.nav .accordion-body ul li:last-child{border-bottom:0;}
.nav .accordion-body ul li a{
  display:flex!important;align-items:center;gap:10px;
  padding:9px 18px!important;
  font-size:14px!important;
  color:rgba(255,255,255,0.62)!important;
  text-decoration:none;border-bottom:none!important;
  transition:color .2s,padding-left .2s;
  width:100%!important;
}
.nav .accordion-body ul li a::before{
  content:'';width:5px;height:5px;min-width:5px;
  border-radius:50%;background:#2378c7;display:inline-block;flex-shrink:0;
}
.nav .accordion-body ul li a:hover{color:#70b3e4!important;padding-left:22px!important;}
.main-privacy h1{color:#000;}
.main-privacy h2{margin:0 0 10px;}
.main-privacy p{color:#000;margin:0 0 20px;}
.main-privacy ul li{margin:0 0 10px;}
.main-privacy a{color:#0d6efd}
.main-privacy .policyTxt ul li{list-style:disc;margin:0 0 10px 20px;}
.vdeo .imge{text-align:center;}
.vdeo .imge img{}

/*---------------inner-banner-----------------*/
.crclbfr:before{content:'';position:absolute;background-image:url(../images/bgcrcl.png);width:44%;height:80%;right:0;bottom:0;background-repeat:no-repeat;z-index:-10;}
.crclaftr:after{content:'';position:absolute;background-image:url(../images/bgcrcl.png);width:40%;height:80%;left:-350px;bottom:0;background-size:cover;background-repeat:no-repeat;z-index:-1;}
.inrbnr{background-color:#000;position:relative;overflow:hidden;z-index:0;border-bottom:1px solid rgba(112,179,228,0.12);padding-top:190px !important;}
.inrbnr .cntnt{position:relative;z-index:1;animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .1s both;}
.inrbnr .cntnt h1{}
.inrbnr .cntnt p{margin:35px auto;}
.inrbnr .cntnt p a {color: #2378c7;}
.inrbnr .mainbtn{}
.inrbnr .mainbtn a{}
.inrbnr .imge{position:relative;margin:auto;}
.inrbnr .imge.pstnabslt{position:absolute;top:0;right:0;}
.inrbnr .imge img{}
.ardvlpmnt .inrbnr .imge.pstnabslt{width:50%;}
.vrdvlpmnt .inrbnr .imge.pstnabslt{position:absolute;width:34%;right:50px;top:10px;}
.mtavrsdvlpmnt .inrbnr .imge.pstnabslt{width:38%;}
.aidvlpmnt .inrbnr .imge.pstnabslt{width:28%;right:200px;top:0;}
.dapdvlpmnt .inrbnr .imge.pstnabslt{width:60%;}
.mrktng .inrbnr .imge.pstnabslt{top:-110px;width:80%;right:0;z-index:0;}
.mvpdvlpmnt .inrbnr .imge{width:52%;}
.abtus .inrbnr .cntnt h1,.cntctus .inrbnr .cntnt h1{font-weight:800;}
.inrsec{background:#E9E9E9;}
.inrsec .imge{}
.inrsec .imge img{}
.inrsec .cntnt{margin:0;}
.inrsec .cntnt.mrgn{margin:40px 0;}
.inrsec .cntnt h1{color:#000;}
.inrsec .cntnt p{color:#000;margin:30px 0 0;}
.inrsec .cntnt p a{color: #2378c7;}
.inrsec .mainbtn{margin:30px 0}
.inrsec .mainbtn a{}
.sldrsec{background:#E9E9E9;}
.sldrsec .container-fluid{/* margin-left: calc((100% - 1400px) / 2); */}
.sldrsec .imge{}
.sldrsec .imge img{}
.sldrsec .cntnt{margin:0 0 0 40px;}
.sldrsec .cntnt h1{color:#000;}
.sldrsec .cntnt p{color:#000;margin:30px 0 0;}
.inrsltn{}
.inrsltn .imge{}
.inrsltn .imge img{}
.inrsltn .cntnt{}
.inrsltn .cntnt h1{color:#000;}
.inrsltn .cntnt p{color:#000;margin:30px 0;}
.inrsltn .wrp ul{display:flex;flex-wrap:wrap;gap:20px;}
.inrsltn .wrp ul li{flex:0 0 45%;background:#2378c71f;border-radius:25px;padding:30px 20px;transition:all 0.2s linear}
.inrsltn .wrp ul li h3{font-size:60px;font-weight:800;font-family:Montserrat;color:#2378c7;text-transform:uppercase;transition:all 0.2s linear}
.inrsltn .wrp ul li p{font-size:16px;font-weight:800;color:#373737;text-transform:uppercase;opacity:1;transition:all 0.2s linear}
.inrsltn .wrp ul li:hover{background:#2378c7;}
.inrsltn .wrp ul li:hover h3.nmbr{color:#e0f2fc;}
.inrsltn .wrp ul li:hover  p{color:#FFF;text-transform:uppercase;}
.inrdvlpmnt{background-color:#000;position:relative;}
.inrdvlpmnt .cntnt{}
.inrdvlpmnt .cntnt h1{}
.inrdvlpmnt .cntnt p{margin:20px 0 45px;}
.inrdvlpmnt .imge{}
.inrdvlpmnt .imge.pstnabslt{position:absolute;width:35%;}
.inrdvlpmnt .imge img{}
.inrdvlpmnt .bxs{margin:100px 20px 0;}
.inrdvlpmnt .bxs .cnt{position:relative;z-index:1;}
.inrdvlpmnt .bxs .cnt:before{content:'01';position:absolute;font-size:200px;font-weight:800;color:#2378c7;top:0px;font-family:"Montserrat",serif;color:transparent;-webkit-text-stroke:2px #2378c7;line-height:0;z-index:-1;opacity:0.5;transition:all 0.2s linear}
.inrdvlpmnt .bxs .cnt:nth-child(2):before{content:'02';}
.inrdvlpmnt .bxs .cnt:nth-child(3):before{content:'03';}
.inrdvlpmnt .bxs .cnt h3{color:#fff;text-transform:uppercase;font-size:40px;}
.inrdvlpmnt .bxs .cnt p{margin:30px 0 0;font-size:20px;}
.inrdvlpmnt .bxs .cnt:hover:before{color:#2378c7;}
.aisltnsec{background:#F2F2F2;}
.aisltnsec .hed{text-align:center;width:57%;margin:auto;}
.aisltnsec .hed h1{color:#000;}
.aisltnsec .hed p{color:#000;margin:30px auto 100px;width:100%;}
.aisltnsec .hed p a{color:#2378c7;}
.aisltnsec .imge{position:relative;z-index:1;}
.aisltnsec .imge img{}
.aisltnsec .bxs{}
.aisltnsec .bx{background:#E9E9E9;padding:80px 45px;box-shadow:0px 0px 10px #0000000F;border-radius:20px;position:relative;width:80%;margin-left:80px;}
.aisltnsec .bfraftr.rght .bx{margin-left:30px;}
.aisltnsec .bfraftr{position:relative;}
.aisltnsec .bfraftr:before{content:'01';position:absolute;font-size:200px;font-weight:800;color:#2378c7;top:-20px;font-family:"Montserrat",serif;color:transparent;-webkit-text-stroke:2px #2378c7;line-height:0;z-index:0;opacity:0.5;left:130px;transition:all 0.2s linear}
.aisltnsec .bfraftr:nth-child(2):before{content:'02';}
.aisltnsec .bfraftr.rght:before{content:'03';}
.aisltnsec .bfraftr:hover:before{color:#2378c7;}
.aisltnsec .bfraftr:after{content:'';position:absolute;clip-path:polygon(0 0,100% 40%,100% 60%,0 100%);width:15%;height:40%;right:-40px;background:#E9E9E9;top:30%;}
.aisltnsec .bfraftr.rght:after{clip-path:polygon(0 40%,100% 0,100% 100%,0 60%);left:-40px;}
.aisltnsec .bx h5{font-size:30px;font-weight:700;}
.aisltnsec .bx p{color:#292929;margin:20px 0 0 0;}
.thredgmedvlpmnt .inrdvlpmnt .imge.pstnabslt{width:45%;left:100px;}
.untygmedvlpmnt .inrbnr .imge.pstnabslt{width:36%;right:200px;top:2px;}
.ardvlpmnt .inrdvlpmnt .imge.pstnabslt{width:38%;left:200px;}
.mtavrsdvlpmnt .inrdvlpmnt .imge.pstnabslt{width:64%;left:0;bottom:-55px;}
.vrdvlpmnt .inrdvlpmnt .imge.pstnabslt{width:30%;}

/*---------------About-US-----------------*/
.abtsec{background:#E9E9E9;}
.abtsec .hed{}
.abtsec .hed ul{display:flex;align-items:center;justify-content:space-between;background:#c8e4f5;border-radius:30px;flex-wrap:wrap;}
.abtsec .hed ul li{font-size:25px;font-weight:600;padding:30px 40px;color:#6A6A6A;cursor:pointer;}
.abtsec .hed ul li.current{color:#FFF;padding:30px 60px;background:#2378c7;border-radius:30px}
.abtsec .cntnt{}
.abtsec .cntnt p{color:#000;margin:60px 0 0;}
.abtsec .imge{}
.abtsec .imge img{}
.cor{background:#E9E9E9}
.cor .hed{margin:0 0 70px;}
.cor .hed h1{color:#000;}
.cor .hed p{color:#000;width:50%;}
.cor .bx{padding:40px 20px;border-radius:22px;min-height:370px;height:auto;}
.cor .bx img{width:25%;height:70px;object-fit:contain;}
.cor .bx h5{font-size:25px;font-weight:600;margin:20px 0;}
.cor .bx p{color:#000;}
.blu{background:#e0f2fc;}
.pnk{background:#ffe9e9;}
.ylo{background:#fff9e1;}
.grn{background:#d8fffb;}

/*---------------Contact-US-----------------*/
.cntctus .inrbnr{}
.cntctus .inrbnr .cntnt{}
.cntctus .inrbnr .cntnt p{width:80%;margin:35px auto;}
/* Contact hero: ~60/40 split, reference layout */
/* Contact hero: tighter top offset under fixed header + share strip; no .sec-pad (was stacking extra 100px). */
.cntctus .inrbnr.contact-hero-section{
  padding-top:clamp(108px,11vw,132px) !important;
  padding-bottom:clamp(40px,6vw,72px);
  padding-left:0;
  padding-right:0;
}
.cntctus .inrbnr.contact-hero-section .contact-hero-row{align-items:flex-start;}
.cntctus .inrbnr .contact-hero-col .cntnt.contact-hero-copy{width:100%;margin-left:0;margin-right:0;}
.cntctus .inrbnr .contact-hero-copy{padding-top:0;padding-bottom:clamp(8px,2vw,20px);text-align:left;}
.cntctus .inrbnr .contact-hero-copy p{width:100%;max-width:38em;margin-left:0;margin-right:0;}
.cntctus .inrbnr .contact-hero-copy .contact-hero-kicker{margin:0 0 12px;text-align:left;display:block;width:auto;color:#fff;font-size:clamp(20px,2.4vw,28px);font-weight:700;text-transform:none;letter-spacing:0;}
.cntctus .inrbnr .main-heading.contact-hero-heading{color:#2378c7;font-weight:800;font-size:clamp(28px,4.2vw,52px);line-height:1.12;letter-spacing:.04em;text-transform:uppercase;margin:0 0 22px;max-width:22em;}
.cntctus .inrbnr .main-heading.contact-hero-heading span{color:inherit;}
.cntctus .inrbnr .contact-hero-copy .contact-hero-lead{width:100%;max-width:38em;margin:0;color:rgba(255,255,255,.92);font-size:clamp(15px,1.4vw,17px);line-height:1.7;text-align:left;}
.cntctus .inrbnr .contact-hero-media{display:flex;align-items:flex-start;justify-content:center;padding-top:0;}
.cntctus .inrbnr .contact-hero-media .contact-hero-figure{
  width:100%;
  max-width:440px;
  margin:0 auto;
  border-radius:28px;
  overflow:hidden;
  background:rgba(8,20,40,.5);
  box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(112,179,228,.12);
}
.cntctus .inrbnr .contact-hero-media .contact-hero-figure img{
  width:100%;
  height:auto;
  max-height:min(78vh,620px);
  object-fit:contain;
  object-position:center top;
  display:block;
}
.cntctfrm{position:relative;background:linear-gradient(180deg,#000 50%,#e9e9e9 50%);z-index:0;}
.cntctfrm form{background:linear-gradient(315deg,#2378c7 0%,#2378c7 50%,#70b3e4 100%);border-radius:33px;padding:50px 0px;}
.cntctfrm form h3{color:#FFF;font-size:40px;font-weight:800;text-align:center;position:relative;margin:0 0 110px;}
.cntctfrm form h3:before{content:'';position:absolute;background:#FFF;width:100%;height:1px;left:0;bottom:-60px;}
.cntctfrm form input,.cntctfrm form textarea,.cntctfrm form select{background:#2378c78F;border:1px solid #FFFFFFA3;border-radius:43px;padding:25px;margin:20px 0 0 0;width:100%;color:#FFF;text-transform: capitalize;}
.cntctfrm form  input[type="email"] {text-transform: lowercase;}
.cntctfrm form select{color:#FFF;}
.cntctfrm form select option{background:#FFF;color:#000;}
.cntctfrm form textarea{resize:none;height:200px;border-radius:28px;}
.cntctfrm form input.sbmt{color:#fff;background:linear-gradient(135deg,#2378c7 0%,#70b3e4 50%,#2378c7 100%);background-size:220% 100%;background-position:left center;font-size:20px;font-weight:800;transition:background-position .5s ease,transform .3s ease,box-shadow .3s ease;}
.cntctfrm form input.sbmt:hover{color:#fff;background-position:right center;transform:translateY(-2px);box-shadow:0 10px 28px rgba(35,120,199,0.5);}
.cntctfrm form input::placeholder,.cntctfrm form textarea::placeholder{color:#FFF;}
.cntctfrm.crclbfr:before{bottom:388px;}
.glbl{background:#e9e9e9;}
.glbl .hed{}
.glbl .hed h1{color:#000;}
.glbl .hed p{color:#000;margin:20px 0 0;}
.glbl .cntnt{}
.glbl .cntnt h3{font-size:30px;font-weight:700;}
.glbl .cntnt .imge{margin:40px 0;}
.glbl .cntnt .imge{border-radius:16px;overflow:hidden;}
.glbl .cntnt .imge img{width:100%;height:484px;object-fit:cover;object-position:center top;border-radius:16px;display:block;}
/* Contact — office gallery: breathing room between cards (row gutters + wrap) */
.cntctus .glbl .glbl-cities-wrap{padding-top:clamp(8px, 2vw, 20px);}
.cntctus .glbl .glbl-office-col .cntnt .imge{margin-top:0;}
/* Office image placeholder — shown when image is missing */
.office-placeholder{width:100%;height:484px;border-radius:16px;background:linear-gradient(135deg,#2378c7 0%,#70b3e4 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;}
.office-placeholder i{font-size:64px;color:rgba(255,255,255,0.9);}
.office-placeholder span{font-size:22px;font-weight:700;color:#fff;letter-spacing:1px;text-transform:uppercase;font-family:Manrope,sans-serif;}
/* Contact page — phone / address / email strip (matches lp-form-section + CTA blues) */
.contct.contact-info-bar{
	background:linear-gradient(145deg,#020d22 0%,#061432 38%,#0a1f4e 72%,#020d22 100%);
	padding:clamp(36px,5vw,56px) clamp(16px,3vw,32px) clamp(40px,5.5vw,60px);
	border-top:1px solid rgba(112,179,228,0.22);
	border-bottom:1px solid rgba(35,120,199,0.35);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 12px 40px rgba(0,0,0,0.25);
	position:relative;
}
.contct.contact-info-bar::before{
	content:'';
	position:absolute;
	left:0;right:0;top:0;height:3px;
	background:linear-gradient(90deg,transparent,#2378c7 20%,#70b3e4 50%,#2378c7 80%,transparent);
	opacity:.85;
	pointer-events:none;
}
.contct.contact-info-bar .contact-info-row{max-width:1320px;margin-left:auto;margin-right:auto;}
.contct.contact-info-bar .contact-info-item{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	gap:clamp(18px,2.5vw,30px);
	padding:clamp(16px,2.5vw,28px) clamp(12px,2vw,24px);
	min-height:100%;
	text-align:left;
}
.contct.contact-info-bar .contact-info-icon{
	flex-shrink:0;
	width:clamp(52px,6vw,64px);
	height:clamp(52px,6vw,64px);
	display:flex;
	align-items:center;
	justify-content:center;
	background:linear-gradient(135deg,#2378c7 0%,#70b3e4 50%,#2378c7 100%);
	background-size:180% 180%;
	border-radius:50%;
	border:1px solid rgba(255,255,255,0.2);
	box-shadow:0 6px 24px rgba(35,120,199,0.45);
}
.contct.contact-info-bar .contact-info-icon i{
	color:#fff;
	font-size:clamp(28px,3.2vw,40px);
	line-height:1;
}
.contct.contact-info-bar .contact-info-body h3{
	color:#70b3e4;
	font-size:clamp(13px,1.1vw,15px);
	font-weight:800;
	margin:0 0 10px;
	line-height:1.25;
	letter-spacing:.1em;
	text-transform:uppercase;
	font-family:Manrope,sans-serif;
}
.contct.contact-info-bar .contact-info-body a{
	display:inline-block;
	color:#fff;
	font-size:clamp(15px,1.45vw,22px);
	font-weight:600;
	margin:0;
	text-decoration:none;
	transition:color .2s ease,opacity .2s ease;
	font-family:Manrope,sans-serif;
}
.contct.contact-info-bar .contact-info-body a:hover{
	color:#a8d1f0;
	text-decoration:underline;
	text-underline-offset:3px;
}
.contct.contact-info-bar a.contact-info-address{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:2px;
}
.contct.contact-info-bar .contact-info-line{display:block;line-height:1.35;}
.swprwrp{position:relative;width:100%;right:0;}

/*---------------Case-Study-----------------*/
.cassec{background:#eaeaea;}
.cassec .imge{}
.cassec .imge img{}
.cassec .cntnt{margin:40px 0 100px;}
.cassec .cntnt img{}
.cassec .cntnt h3{font-size:50px;margin:20px 0;text-transform:uppercase;font-weight:600;}
.cassec .cntnt p{color:#000;}
.cassec .rght{margin-top:300px}
.cassec .mainbtn{margin-top:20px;}

/*---------------Bloom-Rate-----------------*/
.casstdyinr .inrbnr{padding:50px 0;}
.casstdyinr .inrbnr .cntnt p{width:80%;}
.casstdyinr .inrbnr .cntnt h1{margin:40px 0;font-weight:600;}
.casstdyinr .inrbnr .cntnt h3{font-size:35px;font-weight:800;color:#FFF;margin:0 0 20px}
.cstdysec{background:#F2F2F2}
.cstdysec a {color: #2378c7;}
.cstdysec .cntnt{}
.cstdysec .cntnt h3{color:#000;font-size:50px;margin:0 0 20px;}
.cstdysec .cntnt p{color:#000}
.cstdysec .imge{}
.cstdysec .imge img{}
.imgsec{background:#F2F2F2;padding:0 0 100px;overflow:hidden;}
.imgsec .imge{}
.imgsec .imge.mrgnlft{margin:0 0 0 -120px}
.imgsec .imge img{}
.cstdycmnty{background:#000}
.cstdycmnty .cntnt{}
.cstdycmnty .cntnt h1{}
.cstdycmnty .cntnt p{margin:20px 0 70px;}
.cstdycmnty .imge{}
.cstdycmnty .imge img{}
.mobsec.crclbfr:before{bottom:276px;}
.mobsec.crclaftr:after{bottom:276px;}
.mobsec{position:relative;background:linear-gradient(180deg,#000 50%,#F2F2F2 50%);z-index:0;}
.mobsec .imge{}
.mobsec .imge img{}

/*---------------Marketing-----------------*/
.mrksltn{background:#F2F2F2;}
.mrksltn .hed{}
.mrksltn .hed h1{text-align:center;color:#000;margin:0 0 50px;}
.mrksltn .cntnt{}
.mrksltn .cntnt p{color:#000;font-size:20px;}
.mrksltn .imge{}
.mrksltn .imge img{}
.mrksltn .imge.btm{margin:120px 0 0;}
.mrksltn .progress-section{margin:100px 0;}
.mrksltn .progress-section .progress-bar{background:#EEE;overflow:visible;height:13px;display:block;position:relative;margin:100px 0;border:0.5px solid #707070;border-radius:12px;}
.mrksltn .progress-section .progress-bar .progress{background:#2378c7;height:80%;width:0;transition:width 2s;display:block;border-radius:12px;margin:1px 0 0 1px;}
.mrksltn .progress-section .progress-bar .progress h5{display:inline-block;position:absolute;left:0;line-height:normal;font-size:30px;font-weight:700;top:-60px;color:#000;}
.mrksltn .progress-section .progress-bar .progress span{display:inline-block;font-size:20px;font-weight:700;color:#000;position:absolute;right:0;z-index:9;top:-30px;}
.mrksrvs{background:#F2F2F2;}
.mrksrvs .hed{margin:0 0 100px;}
.mrksrvs .hed h1{color:#000;}
.mrksrvs .bdr{border-top:1px solid #B8B5B5;border-bottom:1px solid #B8B5B5;}
.mrksrvs .bxs{border-right:1px solid #B8B5B5;padding:30px 0;}
.mrksrvs .bx{padding:20px 20px 20px 30px;margin:0 20px 0px 0px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #707070;transition:all 0.2s linear;cursor:pointer;}
.mrksrvs .bx.current{background:#E9E9E9;border-radius:20px;border-bottom:0;padding:30px 20px 30px 30px;margin:30px 20px 30px 0;align-items:baseline;}
.mrksrvs .bx .cntnt{transition:all 0.2s linear;}
.mrksrvs .bx .cntnt h3{font-size:28px;font-weight:700;}
.mrksrvs .bx.current .cntnt p{color:#000;font-size:20px;margin:30px 0 0;display:block;}
.mrksrvs .bx .cntnt p{display:none;transition:all 0.2s linear;}
.mrksrvs .bx i{background:#2378c7;font-size:30px;color:#FFF;padding:10px 12px;height:51px;border-radius:8px;}
.mrksrvs .bx.current i:before{content:'\f063';}
.mrksrvs .imge{}
.mrksrvs .imge img{}

/* ============================================================
   HERO AI SECTION — Cubix Coder
   ============================================================ */
/* No hero-level opacity animation — it delayed first paint / LCP (text) on mobile */
.hero-ai{position:relative;background:linear-gradient(135deg,#020c1e 0%,#030f28 55%,#020c1e 100%);padding:134px 0 70px;overflow:hidden;min-height:100vh;display:flex;align-items:center;}
#heroCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;}
.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;}
.hg1{width:620px;height:620px;background:radial-gradient(circle,rgba(35,120,199,0.55) 0%,rgba(35,120,199,0.1) 70%);top:-160px;left:-130px;animation:hgFloat 9s ease-in-out infinite;}
.hg2{width:480px;height:480px;background:radial-gradient(circle,rgba(35,120,199,0.42) 0%,rgba(35,120,199,0.08) 70%);bottom:-130px;right:-90px;animation:hgFloat 11s ease-in-out infinite reverse;}
.hg3{width:360px;height:360px;background:radial-gradient(circle,rgba(112,179,228,0.32) 0%,rgba(112,179,228,0.05) 70%);top:40%;right:26%;animation:hgFloat 7s ease-in-out infinite 2s;}
@keyframes hgFloat{0%,100%{transform:translate(0,0) scale(1);}40%{transform:translate(22px,-18px) scale(1.06);}70%{transform:translate(-14px,16px) scale(0.94);}}
/* Floating code badges */
.hcode-badge{display:none!important;}
.hcode-badge i{color:#70b3e4;margin-right:8px;}
.hcb1{top:22%;left:1.5%;animation:hbFloat 7s ease-in-out infinite;}
.hcb2{bottom:28%;left:2%;animation:hbFloat 9s ease-in-out infinite 1.5s;}
.hcb3{top:38%;right:1.5%;animation:hbFloat 8s ease-in-out infinite 0.8s;}
@keyframes hbFloat{0%,100%{transform:translateY(0);opacity:.85;}50%{transform:translateY(-14px);opacity:1;}}
/* Container */
.hero-ai .container{position:relative;z-index:2;}
/* Badge pill */
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(35,120,199,0.15);border:1px solid rgba(35,120,199,0.4);border-radius:50px;padding:8px 20px;font-size:14px;color:#a8d1f0;margin:0 0 26px;font-weight:500;}
.hbdg-dot{width:8px;height:8px;background:#70b3e4;border-radius:50%;display:inline-block;animation:hbdgPulse 2s ease-in-out infinite;flex-shrink:0;}
@keyframes hbdgPulse{0%,100%{box-shadow:0 0 0 0 rgba(112,179,228,0.7);}60%{box-shadow:0 0 0 6px rgba(112,179,228,0);}}
/* Heading */
.hero-heading{font-size:58px;font-weight:800;line-height:1.18;color:#fff;text-transform:none;letter-spacing:-1px;margin:0 0 22px;text-shadow:0 2px 30px rgba(0,0,0,0.5);}
.hero-heading .htclr{color:#70b3e4;text-shadow:0 0 30px rgba(112,179,228,0.45);}
/* Heading lines — each on its own fixed line, NO layout shift */
.hero-line1{display:block;color:#fff;opacity:1;animation:heroLineSlide .6s cubic-bezier(.16,1,.3,1) .12s both;}
.hero-typed-line{display:block;height:70px;line-height:70px;color:#70b3e4;overflow:hidden;white-space:nowrap;text-shadow:0 0 40px rgba(112,179,228,0.6);opacity:1;animation:heroLineSlide .6s cubic-bezier(.16,1,.3,1) .22s both;}
/* LCP candidate: stay visible from first frame (no animation-fill backwards opacity:0) */
.hero-line3{display:block;color:#fff;opacity:1;transform:translateY(0);animation:heroLineInLite .55s cubic-bezier(.16,1,.3,1) 0s forwards;}
/* Slide only (opacity stays 1) — avoids LCP text starting invisible */
@keyframes heroLineSlide{from{transform:translateY(16px);}to{transform:translateY(0);}}
@keyframes heroLineInLite{from{transform:translateY(10px);}to{transform:translateY(0);}}
/* Typewriter cursor */
.tcursor{display:inline;color:#70b3e4;animation:tcBlink 0.8s step-end infinite;}
@keyframes tcBlink{0%,100%{opacity:1;}50%{opacity:0;}}
/* Description */
.hero-desc{font-size:17px;color:rgba(255,255,255,0.82);line-height:1.85;width:88%;margin:0 0 36px;letter-spacing:0.3px;padding:0;animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .6s both;}
/* CTA row */
.hero-btns{display:flex;align-items:center;gap:20px;margin:0 0 52px;flex-wrap:wrap;animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .75s both;}
/* hero-ghost-btn fully defined in Button System above */
/* Stats */
.hero-stats{display:flex;align-items:center;gap:32px;flex-wrap:wrap;animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) .9s both;}
.hs-item{position:relative;}
.hs-item .hs-val{font-size:38px;font-weight:800;color:#fff;line-height:1;margin:0 0 5px;display:block;}
.hs-item .hs-val span{color:#70b3e4;text-shadow:0 0 20px rgba(112,179,228,0.5);}
.hs-item p{font-size:12px;color:rgba(255,255,255,0.45);margin:0;line-height:normal;letter-spacing:0.6px;text-transform:uppercase;}
.hs-sep{width:1px;height:42px;background:linear-gradient(180deg,transparent,rgba(112,179,228,0.4),transparent);}
@keyframes heroFadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
/* ===== RIGHT VISUAL — PROJECT DASHBOARD ===== */
.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow:visible;}

/* Ambient glow orbs */
.hv-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;}
.hv-orb1{width:340px;height:340px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(35,120,199,0.18) 0%,transparent 70%);animation:orbPulse 5s ease-in-out infinite;}
.hv-orb2{width:200px;height:200px;top:10%;right:8%;background:radial-gradient(circle,rgba(112,179,228,0.12) 0%,transparent 70%);animation:orbPulse2 7s ease-in-out infinite 2s;}
@keyframes orbPulse{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12);}}
@keyframes orbPulse2{0%,100%{opacity:.5;}50%{opacity:.9;}}

/* ── Dashboard card ── */
.hv-dash-card{position:relative;z-index:2;width:320px;background:rgba(4,12,30,0.92);border:1px solid rgba(112,179,228,0.35);border-radius:18px;backdrop-filter:blur(24px);box-shadow:0 24px 80px rgba(35,120,199,0.45),0 0 0 1px rgba(112,179,228,0.06);animation:dashGlow 5s ease-in-out infinite;}
@keyframes dashGlow{0%,100%{box-shadow:0 24px 80px rgba(35,120,199,0.45),0 0 0 1px rgba(112,179,228,0.06);}50%{box-shadow:0 30px 100px rgba(35,120,199,0.65),0 0 40px rgba(112,179,228,0.14);}}

/* Header bar */
.hvd-header{padding:11px 16px;border-bottom:1px solid rgba(255,255,255,0.07);border-radius:18px 18px 0 0;background:rgba(255,255,255,0.03);display:flex;align-items:center;gap:8px;}
.hvd-dots{display:flex;gap:5px;flex-shrink:0;}
.hvd-d{width:10px;height:10px;border-radius:50%;display:inline-block;}
.hvd-d.d-red{background:#FF5F57;}
.hvd-d.d-yellow{background:#FEBC2E;}
.hvd-d.d-green{background:#28C840;}
.hvd-title{font-size:12px;color:rgba(255,255,255,0.55);flex:1;letter-spacing:.4px;font-weight:500;}
.hvd-live{display:flex;align-items:center;gap:5px;font-size:11px;color:#28C840;font-weight:600;letter-spacing:.3px;}
.hvd-pulse{width:7px;height:7px;border-radius:50%;background:#28C840;animation:livePulse 1.6s ease-in-out infinite;}
@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(40,200,64,0.5);}50%{opacity:.7;box-shadow:0 0 0 5px rgba(40,200,64,0);}}

/* Card body */
.hvd-body{padding:18px 18px 16px;}

/* Stats row */
.hvd-stats-row{display:flex;justify-content:space-between;background:rgba(35,120,199,0.1);border:1px solid rgba(35,120,199,0.2);border-radius:12px;padding:12px 10px;margin-bottom:18px;}
.hvd-stat-item{text-align:center;flex:1;}
.hvd-stat-item strong{display:block;font-size:22px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.5px;}
.hvd-stat-item strong span{font-size:14px;color:#70b3e4;}
.hvd-stat-item>span{display:block;font-size:10px;color:rgba(255,255,255,0.45);letter-spacing:.5px;text-transform:uppercase;margin-top:4px;}
.hvd-stat-item+.hvd-stat-item{border-left:1px solid rgba(112,179,228,0.15);}

/* Skill bars */
.hvd-skills{display:flex;flex-direction:column;gap:11px;margin-bottom:16px;}
.hvd-skill-label{display:flex;align-items:center;gap:6px;margin-bottom:5px;}
.hvd-skill-label i{font-size:12px;color:#70b3e4;width:14px;text-align:center;}
.hvd-skill-label>span:first-of-type{font-size:12px;color:rgba(255,255,255,0.7);flex:1;letter-spacing:.2px;}
.hvd-pct{font-size:11px;color:#70b3e4;font-weight:700;}
.hvd-bar{height:5px;background:rgba(255,255,255,0.08);border-radius:10px;overflow:hidden;}
.hvd-fill{height:100%;width:0%;border-radius:10px;background:linear-gradient(90deg,#2378c7,#70b3e4);animation:barFill 1.6s ease forwards;}
.hvd-skill:nth-child(1) .hvd-fill{animation-delay:.3s;}
.hvd-skill:nth-child(2) .hvd-fill{animation-delay:.55s;}
.hvd-skill:nth-child(3) .hvd-fill{animation-delay:.8s;}
.hvd-skill:nth-child(4) .hvd-fill{animation-delay:1.05s;}
@keyframes barFill{from{width:0%;}to{width:var(--w,80%);}}

/* Activity feed */
.hvd-activity{display:flex;flex-direction:column;gap:7px;border-top:1px solid rgba(255,255,255,0.06);padding-top:13px;}
.hvd-act-item{display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,0.5);animation:actFade .4s ease forwards;opacity:0;}
.hvd-act-item:nth-child(1){animation-delay:1.2s;}
.hvd-act-item:nth-child(2){animation-delay:1.8s;}
.hvd-act-item:nth-child(3){animation-delay:2.4s;}
@keyframes actFade{to{opacity:1;}}
.hvd-act-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.hvd-act-dot.c1{background:#28C840;}
.hvd-act-dot.c2{background:#FEBC2E;}
.hvd-act-dot.c3{background:#70b3e4;}

/* ── Floating tech badges ── */
.hv-badge{position:absolute;z-index:4;display:flex;align-items:center;gap:6px;padding:7px 13px;background:rgba(4,12,30,0.9);border:1px solid rgba(112,179,228,0.4);border-radius:50px;font-size:12px;font-weight:600;color:#e8f0fb;backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(35,120,199,0.35);white-space:nowrap;}
.hv-badge i{color:#70b3e4;font-size:13px;}
.hv-badge1{top:6%;right:0%;animation:bdgFloat 5.5s ease-in-out infinite;}
.hv-badge2{bottom:8%;right:2%;animation:bdgFloat 7s ease-in-out infinite 1s;}
.hv-badge3{top:50%;left:-5%;animation:bdgFloat 6.5s ease-in-out infinite 0.5s;}
@keyframes bdgFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
/* Responsive */
@media(max-width:1199px){.hero-heading{font-size:46px;}.hero-typed-line{height:56px;}.hv-dash-card{width:290px;}.hv-badge3{left:0%;}.hv-badge1{right:-2%;}}
@media(max-width:991px){
  .hero-ai{margin-top:0;padding:172px 0 50px;min-height:auto;}
  .hero-heading{font-size:36px;}
  .hero-typed-line{height:44px;}
  .hero-desc{width:100%;}
  /* Hide entire right column when layout stacks — tablet + mobile */
  .hero-ai .col-lg-5{display:none!important;}
  .hero-visual,.hv-dash-card,.hv-badge,.hv-orb{display:none!important;}
  /* Hide floating code badges on tablet + mobile */
  .hcode-badge{display:none!important;}
  /* Left content expands full width */
  .hero-ai .col-lg-7{max-width:100%!important;flex:0 0 100%!important;}
}
@media(max-width:767px){
  .hero-heading{font-size:28px;letter-spacing:-.5px;}
  .hero-typed-line{height:36px;white-space:normal;}
  .hero-desc{font-size:15px;width:100%;margin:0 0 24px;}
  .hero-btns{gap:10px;flex-wrap:wrap;}
  .hs-item .hs-val{font-size:28px;}
  .hero-stats{gap:16px;}
  .hero-badge{font-size:12px;padding:6px 14px;}
  .hero-btns .mainbtn a{padding:11px 24px;font-size:14px;}
  .hero-ghost-btn{padding:11px 24px;font-size:14px;}
  .hero-ai{padding:160px 0 36px;}
}
@media(max-width:575px){
  .hero-heading{font-size:22px;}
  .hero-typed-line{height:28px;white-space:normal;line-height:1.2;}
  .hero-desc{font-size:14px;width:100%;}
  .hero-btns{flex-direction:column;align-items:stretch;gap:10px;}
  .hero-btns .mainbtn,.hero-btns .hero-ghost-btn{width:100%;text-align:center;justify-content:center;}
  .hero-stats{gap:12px;}
  .hs-sep{height:28px;}
  .hs-item .hs-val{font-size:22px;}
  .hero-ai{margin-top:0;padding:150px 0 30px;}
}

.scroll-container {
  isolation: isolate;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}

.fixed-header, .fixed-footer {
  position: fixed;
  top: 0; bottom: 0; /* as needed */
}

.fixed-header * {
  -webkit-transform: none !important;
}

:root {
  scroll-padding: 0;
}

/* ============================================================
   GLOBAL BUTTON ENHANCEMENTS — all site buttons
   ============================================================ */

/* ── F) MOBILE NAV CONTACT BUTTON (.manbutn) ─────────────────── */
a.manbutn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 32px;border-radius:50px;border:none;
  font-size:16px;font-weight:700;font-family:Manrope,sans-serif;
  color:#fff!important;text-decoration:none;letter-spacing:.4px;
  background:linear-gradient(135deg,#2378c7 0%,#70b3e4 50%,#2378c7 100%);
  background-size:220% 100%;background-position:left center;
  box-shadow:0 5px 20px rgba(35,120,199,0.45);
  margin:10px 20px;
  animation:btnPulse 2.5s ease-in-out infinite;
  transition:background-position .5s ease,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;
}
a.manbutn:hover{animation:none;background-position:right center;transform:translateY(-3px) scale(1.04);box-shadow:0 12px 32px rgba(35,120,199,0.6);color:#fff!important;}
a.manbutn:active{transform:translateY(0) scale(0.97);}

/* ── G) FORM SUBMIT BUTTONS (all pages) ─────────────────────── */
/* Modal submit */
.cc-modal-submit{
  width:100%;padding:15px;
  background:linear-gradient(135deg,#2378c7 0%,#70b3e4 50%,#2378c7 100%);
  background-size:220% 100%;background-position:left center;
  color:#fff;border:none;border-radius:14px;
  font-size:16px;font-weight:700;font-family:Manrope,sans-serif;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:9px;
  letter-spacing:.4px;
  box-shadow:0 5px 18px rgba(35,120,199,0.4);
  transition:background-position .5s ease,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;
  margin-top:6px;
}
.cc-modal-submit:hover{background-position:right center;transform:translateY(-3px);box-shadow:0 12px 32px rgba(35,120,199,0.55);color:#fff;}
.cc-modal-submit:active{transform:translateY(0) scale(0.97);}

/* Contact page form submit (pg-form) */
.pg-form-right .cc-modal-submit{margin-top:4px;}

/* Inner contact / home form input.sbmt */
.cntctfrm form input.sbmt,
.cntct form input.sbmt{
  cursor:pointer;letter-spacing:.5px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#2378c7 0%,#70b3e4 50%,#2378c7 100%);
  background-size:220% 100%;background-position:left center;
  transition:background-position .5s ease,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease!important;
}
.cntctfrm form input.sbmt:hover,
.cntct form input.sbmt:hover{
  background-position:right center!important;
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 12px 30px rgba(35,120,199,0.5)!important;
  color:#fff!important;
}
.cntctfrm form input.sbmt:active,
.cntct form input.sbmt:active{transform:translateY(0) scale(0.97);}

.lp-btn-glow{display:none;}

/* Global active press for native buttons */
button:active{transform:scale(0.97)!important;}

/* ================================================================
   FLOATING CONTACT BUTTONS — WhatsApp & Email
   ================================================================ */
.float-contact-btns{
  position:fixed;
  left:max(24px, env(safe-area-inset-left, 0px) + 12px);
  bottom:max(36px, env(safe-area-inset-bottom, 0px) + 16px);
  z-index:9999;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
}

/* Shared button style */
.float-btn{
  width:54px;height:54px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
  font-size:22px;
  color:#fff;
  position:relative;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;
}
.float-btn:hover{
  transform:scale(1.18) translateY(-3px);
  color:#fff;
}

/* Tooltip label */
.float-btn::before{
  content:attr(data-tip);
  position:absolute;
  left:64px;
  top:50%;transform:translateY(-50%);
  background:#000;color:#fff;
  font-size:12px;font-weight:700;font-family:Manrope,sans-serif;
  letter-spacing:.4px;
  padding:6px 12px;border-radius:8px;
  white-space:nowrap;
  opacity:0;pointer-events:none;
  transition:opacity .25s ease,transform .25s ease;
  transform:translateY(-50%) translateX(-6px);
}
.float-btn:hover::before{
  opacity:1;
  transform:translateY(-50%) translateX(0);
}

/* WhatsApp */
.float-wa{
  background:#25D366;
  box-shadow:0 6px 24px rgba(37,211,102,0.45);
  animation:waPulse 2.4s ease-in-out infinite;
}
.float-wa:hover{
  box-shadow:0 10px 36px rgba(37,211,102,0.65);
  animation:none;
}
@keyframes waPulse{
  0%,100%{box-shadow:0 6px 24px rgba(37,211,102,0.45),0 0 0 0 rgba(37,211,102,0.4);}
  50%{box-shadow:0 6px 24px rgba(37,211,102,0.45),0 0 0 14px rgba(37,211,102,0);}
}

/* Email */
.float-email{
  background:linear-gradient(135deg,#2378c7,#70b3e4);
  box-shadow:0 6px 24px rgba(35,120,199,0.45);
  animation:emailPulse 2.4s ease-in-out infinite;
  animation-delay:.8s;
}
.float-email:hover{
  box-shadow:0 10px 36px rgba(35,120,199,0.65);
  animation:none;
}
@keyframes emailPulse{
  0%,100%{box-shadow:0 6px 24px rgba(35,120,199,0.45),0 0 0 0 rgba(35,120,199,0.4);}
  50%{box-shadow:0 6px 24px rgba(35,120,199,0.45),0 0 0 14px rgba(35,120,199,0);}
}

/* Ensure Tawk.to widget stays on right with comfortable inset */
#tawk-bubble-container{
  right:max(24px, env(safe-area-inset-right, 0px) + 12px) !important;
  left:auto !important;
  bottom:max(28px, env(safe-area-inset-bottom, 0px) + 12px) !important;
}
#tawkchat-container,.tawk-min-container{
  right:max(24px, env(safe-area-inset-right, 0px) + 12px) !important;
  left:auto !important;
}

/* Icon bounce on page load */
.float-btn i{
  animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1) 1.5s both;
}
@keyframes iconBounce{
  0%{transform:scale(0);}
  60%{transform:scale(1.25);}
  100%{transform:scale(1);}
}

/* ================================================================
   CAREERS PAGE
   ================================================================ */

/* ── Hero Banner ── */
.career-bnr{background:linear-gradient(135deg,#020c1e 0%,#061432 50%,#0a1f4e 100%);position:relative;overflow:hidden;}
.career-bnr .cntnt h1{color:#fff;}
.career-bnr .cntnt p{color:#a8d1f0;font-size:17px;line-height:1.7;margin:16px 0 24px;}
.cr-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(35,120,199,.18);border:1px solid rgba(35,120,199,.4);color:#70b3e4;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:7px 18px;border-radius:40px;margin-bottom:18px;}
.cr-badge i{color:#2378c7;}
.cr-bg-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.cr-shape{position:absolute;border-radius:50%;}
.cr-shape1{width:500px;height:500px;background:rgba(35,120,199,.08);top:-150px;right:-100px;}
.cr-shape2{width:300px;height:300px;background:rgba(112,179,228,.06);bottom:-80px;left:-80px;}
.cr-shape3{width:200px;height:200px;background:rgba(35,120,199,.06);top:50%;left:40%;}
.cr-bnr-pills{display:flex;flex-wrap:wrap;gap:10px;}
.cr-bnr-pills span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#a8d1f0;font-size:13px;font-weight:600;padding:7px 16px;border-radius:30px;display:inline-flex;align-items:center;gap:7px;}
.cr-bnr-pills span i{color:#2378c7;}

/* ── Apply Section ── */
.cr-apply-section{background:#f4f7fc;}

/* Info Column */
.cr-info-col{padding-right:10px;}
.cr-info-col h2{margin-bottom:14px;color:#020c1e;}
.cr-info-col h2 span{color:#2378c7;}
.cr-info-col>p{font-size:15px;color:#555;line-height:1.7;margin-bottom:28px;}
.cr-info-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;}
.cr-info-item{display:flex;align-items:flex-start;gap:14px;}
.cr-info-icon{width:42px;height:42px;min-width:42px;border-radius:10px;background:linear-gradient(135deg,#2378c7,#1a5fa0);display:flex;align-items:center;justify-content:center;}
.cr-info-icon i{color:#fff;font-size:17px;}
.cr-info-item strong{display:block;font-size:14px;font-weight:700;color:#020c1e;margin-bottom:2px;}
.cr-info-item span{font-size:13px;color:#666;}
.cr-open-roles{background:#fff;border-radius:14px;padding:22px 24px;border:1px solid #e0e8f8;}
.cr-open-roles h4{font-size:15px;font-weight:700;color:#020c1e;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #eef2fb;}
.cr-open-roles ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;}
.cr-open-roles li{font-size:13px;color:#444;display:flex;align-items:center;gap:10px;}
.cr-open-roles li i{color:#2378c7;width:16px;text-align:center;}

/* Form Card */
.cr-form-card{background:#fff;border-radius:18px;box-shadow:0 8px 40px rgba(35,120,199,.12);border:1px solid #e0e9f8;overflow:hidden;}
.cr-form-card-head{background:linear-gradient(135deg,#020c1e 0%,#0a1f4e 100%);padding:24px 32px;display:flex;align-items:center;gap:16px;}
.cr-form-icon{width:52px;height:52px;min-width:52px;border-radius:14px;background:rgba(35,120,199,.3);border:1.5px solid rgba(35,120,199,.5);display:flex;align-items:center;justify-content:center;}
.cr-form-icon i{color:#70b3e4;font-size:24px;}
.cr-form-card-head h3{color:#fff;font-size:20px;font-weight:800;margin:0 0 3px;}
.cr-form-card-head p{color:#a8d1f0;font-size:13px;margin:0;}
.cr-req-star{color:#ff5f57;font-weight:700;}
.cr-optional{color:#aaa;font-weight:400;font-size:12px;}

/* Form grid */
form#cr-apply-form{padding:28px 32px 32px;}
.cr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.cr-field{display:flex;flex-direction:column;gap:5px;}
.cr-field-full{grid-column:1/-1;}
.cr-field label{font-size:13px;font-weight:700;color:#333;letter-spacing:.2px;}
.cr-field-err{font-size:12px;color:#e74c3c;display:none;margin-top:2px;}
.cr-input-wrap{position:relative;display:flex;align-items:center;}
.cr-input-wrap>i{position:absolute;left:13px;color:#2378c7;font-size:14px;pointer-events:none;z-index:1;}
.cr-input-wrap input,.cr-input-wrap textarea,.cr-input-wrap select{width:100%;padding:11px 13px 11px 38px;border:1.5px solid #dde5f5;border-radius:9px;font-size:14px;color:#222;background:#fafbff;transition:border .2s,box-shadow .2s;outline:none;font-family:inherit;}
.cr-input-wrap input:focus,.cr-input-wrap textarea:focus,.cr-input-wrap select:focus{border-color:#2378c7;box-shadow:0 0 0 3px rgba(35,120,199,.1);}
.cr-input-wrap.cr-input-err input,.cr-input-wrap.cr-input-err select,.cr-input-wrap.cr-input-err textarea{border-color:#e74c3c;background:#fff8f8;}
.cr-select-wrap select{appearance:none;padding-right:36px;}
.cr-select-wrap::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;right:13px;color:#2378c7;font-size:11px;pointer-events:none;}
.cr-textarea-wrap textarea{resize:vertical;min-height:96px;}
.cr-textarea-wrap>i{top:13px;align-self:flex-start;}

/* File drop */
.cr-file-drop{border:2px dashed #c5d5f0;border-radius:12px;background:#f8fbff;cursor:pointer;transition:border .2s,background .2s;overflow:hidden;}
.cr-file-drop:hover,.cr-file-drop.cr-drag-over{border-color:#2378c7;background:#eff5ff;}
.cr-file-drop.cr-input-err{border-color:#e74c3c;background:#fff8f8;}
.cr-file-drop.cr-has-file{border-style:solid;border-color:#2378c7;}
.cr-file-drop input[type=file]{display:none;}
.cr-file-ui{padding:26px 20px;text-align:center;}
.cr-file-ui i{font-size:34px;color:#2378c7;display:block;margin-bottom:10px;}
.cr-file-ui p{font-size:14px;color:#444;margin:0 0 4px;}
.cr-file-ui span{font-size:12px;color:#999;}
.cr-file-chosen{padding:14px 18px;display:flex;align-items:center;gap:12px;background:#eff5ff;}
.cr-file-chosen>i{color:#2378c7;font-size:20px;flex-shrink:0;}
.cr-file-chosen span{flex:1;font-size:13px;font-weight:600;color:#1a5fa0;word-break:break-all;}
.cr-file-remove{background:none;border:none;color:#999;cursor:pointer;font-size:15px;padding:4px;display:flex;align-items:center;transition:color .2s;}
.cr-file-remove:hover{color:#e74c3c;}

/* Error banner */
.cr-form-error{background:#fff0f0;border:1px solid #ffd0d0;border-radius:9px;padding:12px 18px;color:#c0392b;font-size:14px;display:flex;align-items:center;gap:10px;margin-top:14px;}
.cr-form-error i{flex-shrink:0;font-size:16px;}

/* Submit button */
.cr-submit-btn{width:100%;margin-top:20px;background:linear-gradient(135deg,#2378c7 0%,#1a5fa0 100%);color:#fff;font-size:16px;font-weight:700;padding:17px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .25s;letter-spacing:.4px;box-shadow:0 4px 18px rgba(35,120,199,.3);}
.cr-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a5fa0 0%,#0e4a85 100%);transform:translateY(-2px);box-shadow:0 10px 32px rgba(35,120,199,.45);}
.cr-submit-btn:disabled{opacity:.7;cursor:not-allowed;}
.cr-btn-loading{display:none;align-items:center;gap:10px;}
.cr-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:crSpin .7s linear infinite;flex-shrink:0;}
@keyframes crSpin{to{transform:rotate(360deg);}}

/* ── SUCCESS CARD ── */
.cr-success-card{background:#fff;border-radius:18px;box-shadow:0 8px 40px rgba(35,120,199,.12);border:1px solid #e0e9f8;padding:56px 40px;text-align:center;}
.cr-success-anim{margin:0 auto 24px;}
.cr-checkmark{width:86px;height:86px;display:block;margin:0 auto;}
.cr-checkmark-circle{stroke:#2378c7;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:crStroke .6s cubic-bezier(.65,0,.45,1) .2s forwards;}
.cr-checkmark-check{stroke:#2378c7;stroke-width:2.5;stroke-dasharray:48;stroke-dashoffset:48;animation:crStroke .4s cubic-bezier(.65,0,.45,1) .7s forwards;}
@keyframes crStroke{to{stroke-dashoffset:0;}}
.cr-success-card h2{font-size:28px;font-weight:800;color:#020c1e;margin:0 0 14px;}
.cr-success-card>p{font-size:15px;color:#555;line-height:1.75;max-width:460px;margin:0 auto 30px;}
.cr-success-tips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;}
.cr-tip{background:#f0f6ff;border:1px solid #dde8ff;color:#2378c7;font-size:13px;font-weight:600;padding:9px 18px;border-radius:40px;display:flex;align-items:center;gap:8px;}
.cr-success-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.cr-back-btn{background:#f0f4fb;color:#2378c7;border:1.5px solid #2378c7;font-size:15px;font-weight:700;padding:13px 26px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;}
.cr-back-btn:hover{background:#2378c7;color:#fff;}
.cr-home-btn{background:#2378c7;color:#fff;font-size:15px;font-weight:700;padding:13px 26px;border-radius:9px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s;}
.cr-home-btn:hover{background:#1a5fa0;color:#fff;}

@media(max-width:767px){
  /* Floating buttons — fixed bottom-left, safe-area aware */
  .float-contact-btns{
    left:max(18px, env(safe-area-inset-left, 0px) + 10px);
    right:auto;
    bottom:max(28px, env(safe-area-inset-bottom, 0px) + 14px);
    gap:12px;
    z-index:9999;
  }
  .float-btn{width:52px;height:52px;font-size:22px;box-shadow:0 6px 20px rgba(0,0,0,0.35);}
  .float-btn::before{display:none;}
  .float-wa{animation:waPulse 2.4s ease-in-out infinite;}
  .float-email{animation:emailPulse 2.4s ease-in-out infinite;animation-delay:.8s;}
}
@media(max-width:479px){
  .float-contact-btns{
    left:max(16px, env(safe-area-inset-left, 0px) + 8px);
    right:auto;
    bottom:max(24px, env(safe-area-inset-bottom, 0px) + 12px);
    gap:10px;
  }
  .float-btn{width:48px;height:48px;font-size:20px;}
}
input[type="submit"]:active{transform:scale(0.97)!important;}

/* ================================================================
   BLOG SYSTEM — Premium Redesign
   ================================================================ */

/* ── Reading Progress Bar ── */
.blg-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#2378c7,#70b3e4);width:0%;z-index:99999;transition:width .1s linear;}

/* ── Category accent colours ── */
.blg-col-mobile   {background:#2378c7;} .blg-col-mobile-lt  {background:rgba(35,120,199,.12);color:#2378c7;}
.blg-col-web      {background:#7c3aed;} .blg-col-web-lt     {background:rgba(124,58,237,.12);color:#7c3aed;}
.blg-col-design   {background:#db2777;} .blg-col-design-lt  {background:rgba(219,39,119,.12);color:#db2777;}
.blg-col-business {background:#d97706;} .blg-col-business-lt{background:rgba(217,119,6,.12);color:#d97706;}
.blg-col-gaming   {background:#16a34a;} .blg-col-gaming-lt  {background:rgba(22,163,74,.12);color:#16a34a;}
.blg-col-marketing{background:#dc2626;} .blg-col-marketing-lt{background:rgba(220,38,38,.12);color:#dc2626;}
.blg-col-ai       {background:#0891b2;} .blg-col-ai-lt      {background:rgba(8,145,178,.12);color:#0891b2;}

/* ── Blog grid columns ── */
.blg-grid-2{grid-template-columns:repeat(2,1fr);}
.blg-grid-3{grid-template-columns:repeat(3,1fr);}

/* ── Category pills bar ── */
.blg-pills-wrap{background:#fff;border-bottom:1px solid #e8f0fb;padding:0;position:relative;z-index:10;box-shadow:0 2px 12px rgba(0,0,0,.05);}
.blg-pills{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:14px 0;scrollbar-width:none;-ms-overflow-style:none;}
.blg-pills::-webkit-scrollbar{display:none;}
.blg-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:50px;border:1.5px solid #e2eaf5;background:#fff;color:#4a5568;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .22s;font-family:inherit;}
.blg-pill i{font-size:12px;}
.blg-pill-count{background:#f0f4fb;color:#2378c7;font-size:11px;font-weight:800;padding:2px 8px;border-radius:20px;transition:all .22s;line-height:1.4;}
.blg-pill:hover{border-color:#2378c7;color:#2378c7;background:#f0f6ff;}
.blg-pill.active{background:linear-gradient(135deg,#2378c7,#1a5fa0);color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(35,120,199,.35);}
.blg-pill.active .blg-pill-count{background:rgba(255,255,255,.25);color:#fff;}

/* ── Info bar ── */
.blg-info-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding:12px 18px;background:#f8faff;border-radius:12px;border:1px solid #e8f0fb;}
.blg-results-info{font-size:13.5px;color:#5a6478;margin:0;display:flex;align-items:center;gap:8px;}
.blg-results-info strong{color:#020c1e;}

/* ── Attractive Pagination ── */
.blg-pag-wrap{display:flex;justify-content:center;margin-top:48px;padding-bottom:16px;}
.blg-pagination{display:flex;align-items:center;gap:8px;background:#fff;padding:10px 16px;border-radius:60px;box-shadow:0 4px 24px rgba(0,0,0,.09);border:1px solid #e8f0fb;}
.blg-pag-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;text-decoration:none;color:#4a5568;background:#f5f8ff;border:1.5px solid #e8f0fb;transition:all .22s;cursor:pointer;}
.blg-pag-btn:hover:not(.disabled){background:#2378c7;color:#fff;border-color:#2378c7;box-shadow:0 4px 14px rgba(35,120,199,.35);transform:translateY(-2px);}
.blg-pag-btn.active{background:linear-gradient(135deg,#2378c7,#1a5fa0);color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(35,120,199,.4);}
.blg-pag-btn.disabled{opacity:.35;cursor:not-allowed;}
.blg-pag-arrow{font-size:12px;}
.blg-pag-dots{font-size:14px;color:#aab;padding:0 4px;line-height:42px;}

/* ── No results button ── */
.blg-no-res-btn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:12px 28px;background:linear-gradient(135deg,#2378c7,#1a5fa0);color:#fff;border-radius:50px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;}
.blg-no-res-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(35,120,199,.4);color:#fff;}

/* ── Blog Hero ── */
.blg-hero{background:linear-gradient(135deg,#020c1e 0%,#061432 55%,#0a2060 100%);position:relative;overflow:hidden;padding:140px 0 56px;}
.blg-hero-shapes{position:absolute;inset:0;pointer-events:none;}
.blg-hero-shapes span{position:absolute;border-radius:50%;}
.blg-hero-shapes .bhs1{width:560px;height:560px;background:radial-gradient(circle,rgba(35,120,199,.12) 0%,transparent 70%);top:-160px;right:-100px;}
.blg-hero-shapes .bhs2{width:360px;height:360px;background:radial-gradient(circle,rgba(112,179,228,.08) 0%,transparent 70%);bottom:-80px;left:-80px;}
.blg-hero-shapes .bhs3{width:200px;height:200px;background:rgba(35,120,199,.05);top:40%;left:20%;border-radius:40% 60% 70% 30%/40% 50% 60% 50%;}
.blg-hero-txt{text-align:center;position:relative;z-index:1;}
.blg-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(35,120,199,.2);border:1px solid rgba(35,120,199,.45);color:#70b3e4;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:7px 18px;border-radius:40px;margin-bottom:20px;}
.blg-hero-badge i{font-size:11px;}
/* Override global .main-heading conflicts */
.blg-hero-h1{font-family:Manrope,sans-serif;font-size:clamp(30px,5vw,52px);font-weight:800;color:#fff;line-height:1.18;letter-spacing:0;text-transform:none;margin:0 0 16px;}
.blg-hero-h1 span{color:#2378c7;}
.blg-hero-txt p{color:#93c5e8;font-size:16px;margin:0 0 36px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.7;}
.blg-hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:36px;}
.blg-hero-stat{text-align:center;}
.blg-hero-stat strong{display:block;font-size:28px;font-weight:800;color:#fff;line-height:1;}
.blg-hero-stat span{font-size:12px;color:#70b3e4;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;display:block;}
.blg-hero-divider{width:1px;height:36px;background:rgba(255,255,255,.15);}

/* Search bar */
.blg-search-wrap{max-width:600px;margin:0 auto;position:relative;}
.blg-search-form{display:flex;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.35);}
.blg-search-input{flex:1;border:none;outline:none;padding:17px 22px;font-size:15px;color:#222;font-family:inherit;background:transparent;}
.blg-search-input::placeholder{color:#bbb;}
.blg-search-btn{background:linear-gradient(135deg,#2378c7,#1a5fa0);color:#fff;border:none;padding:0 30px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:9px;transition:all .2s;white-space:nowrap;letter-spacing:.3px;}
.blg-search-btn:hover{background:linear-gradient(135deg,#1a5fa0,#0e4a85);}

/* ── Category Filter ── */
.blg-cats-wrap{background:#fff;border-bottom:2px solid #eef2fb;box-shadow:0 2px 12px rgba(0,0,0,.05);}
.blg-cats{display:flex;flex-wrap:nowrap;gap:0;justify-content:center;padding:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.blg-cats::-webkit-scrollbar{display:none;}
.blg-cat-tab{padding:14px 18px;font-size:13px;font-weight:700;color:#777;cursor:pointer;border:none;background:transparent;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap;letter-spacing:.3px;}
.blg-cat-tab:hover{color:#2378c7;background:#f8f9ff;}
.blg-cat-tab.active{color:#2378c7;border-bottom-color:#2378c7;background:#f0f6ff;}
.blg-cat-count{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:800;margin-left:6px;background:rgba(35,120,199,.12);color:#2378c7;}
.blg-cat-tab.active .blg-cat-count{background:#2378c7;color:#fff;}

/* ── Section ── */
.blg-section{background:#f0f4fb;padding:32px 0 48px;}
.blg-section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:12px;}
.blg-results-info{font-size:14px;color:#888;margin:0;}
.blg-results-info strong{color:#020c1e;}
.blg-clear-link{color:#2378c7;font-weight:700;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:1.5px solid #dde8ff;border-radius:8px;transition:all .2s;}
.blg-clear-link:hover{background:#2378c7;color:#fff;border-color:#2378c7;}

/* ── Featured Card ── */
.blg-featured{display:grid;grid-template-columns:420px 1fr;border-radius:20px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.13);margin-bottom:28px;background:#fff;border:1px solid #e4edfb;transition:transform .3s,box-shadow .3s;color:inherit;text-decoration:none;}
.blg-featured:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(35,120,199,.2);}
.blg-featured-img{min-height:300px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;}
.blg-featured-icon{font-size:72px;color:rgba(255,255,255,.9);position:relative;z-index:1;filter:drop-shadow(0 4px 16px rgba(0,0,0,.2));}
.blg-featured-badge{position:absolute;top:20px;left:20px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:6px 14px;border-radius:20px;}
.blg-featured-body{padding:38px 40px;display:flex;flex-direction:column;justify-content:center;}
.blg-featured-cat{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:5px 14px;border-radius:20px;color:#fff;margin-bottom:16px;align-self:flex-start;}
.blg-featured-title{font-size:clamp(20px,2.5vw,30px);font-weight:800;color:#020c1e;line-height:1.3;margin:0 0 14px;text-transform:none;letter-spacing:-0.3px;}
.blg-featured-excerpt{font-size:15px;color:#5a6880;line-height:1.75;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.blg-featured-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #eef2fb;}
.blg-featured-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#888;}
.blg-featured-meta-item i{color:#2378c7;font-size:12px;}
.blg-featured-read{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#2378c7 0%,#1a5fa0 100%);color:#fff;font-size:14px;font-weight:700;padding:13px 26px;border-radius:10px;text-decoration:none;margin-top:20px;align-self:flex-start;transition:all .25s;box-shadow:0 4px 16px rgba(35,120,199,.3);}
.blg-featured-read:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(35,120,199,.45);color:#fff;}

/* ── Posts Grid ── */
.blg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:0;}
.blg-card{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 20px rgba(0,0,0,.07);transition:transform .28s,box-shadow .28s;border:1px solid #e8f0fb;}
.blg-card:hover{transform:translateY(-7px);box-shadow:0 20px 52px rgba(35,120,199,.18);border-color:#2378c7;}
/* Card image area */
.blg-card-img{height:190px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.blg-card-img-icon{font-size:62px;color:rgba(255,255,255,.85);position:relative;z-index:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));}
.blg-card-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.22));}
.blg-card-img-badge{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:5px 13px;border-radius:20px;}
.blg-card-img-badge i{font-size:9px;}
.blg-card-body{padding:22px 22px 20px;flex:1;display:flex;flex-direction:column;}
.blg-card-cat{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:4px 12px;border-radius:20px;color:#fff;margin-bottom:12px;align-self:flex-start;}
.blg-card-title{font-size:17px;font-weight:800;color:#020c1e;line-height:1.4;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blg-card-title a{color:inherit;text-decoration:none;transition:color .2s;}
.blg-card-title a:hover{color:#2378c7;}
.blg-card-excerpt{font-size:13.5px;color:#68768a;line-height:1.68;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px;}
.blg-card-footer{display:flex;align-items:center;gap:14px;margin-top:auto;}
.blg-card-meta-left{display:flex;align-items:center;gap:9px;}
.blg-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2378c7,#70b3e4);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(35,120,199,.3);}
.blg-card-info strong{display:block;font-size:11.5px;font-weight:700;color:#3d4a5c;line-height:1.2;}
.blg-card-date{font-size:11px;color:#aab2c0;margin-top:2px;}
.blg-read-more{color:#2378c7;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:5px;text-decoration:none;transition:all .2s;padding:7px 14px;border-radius:8px;background:#eef5ff;border:1.5px solid #d0e4ff;white-space:nowrap;}
.blg-read-more:hover{background:#2378c7;color:#fff;border-color:#2378c7;gap:8px;}
/* New card action buttons */
.blg-card-cta-btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#2378c7 0%,#1a5fa0 100%);color:#fff;font-size:13px;font-weight:700;padding:10px 20px;border-radius:10px;text-decoration:none;transition:all .25s;box-shadow:0 4px 14px rgba(35,120,199,.28);white-space:nowrap;flex-shrink:0;}
.blg-card-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(35,120,199,.45);color:#fff;}
.blg-learn-more{display:inline-flex;align-items:center;gap:6px;color:#5a6880;font-size:13px;font-weight:700;text-decoration:none;transition:color .2s;white-space:nowrap;}
.blg-learn-more i{font-size:11px;}
.blg-learn-more:hover{color:#2378c7;}

/* No results */
.blg-no-results{text-align:center;padding:70px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.06);}
.blg-no-results i{font-size:52px;color:#dde5f5;display:block;margin-bottom:16px;}
.blg-no-results h3{font-size:22px;color:#555;margin:0 0 8px;font-weight:700;}
.blg-no-results p{color:#aaa;font-size:14px;margin:0 0 20px;}

/* ── Pagination ── */
.blg-pagination-wrap{display:flex;align-items:center;justify-content:center;gap:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.07);display:inline-flex;margin:0 auto;}
.blg-pag-center{display:flex;justify-content:center;}
.blg-page-btn{width:44px;height:44px;border:none;border-right:1px solid #f0f4fb;background:#fff;color:#666;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .18s;}
.blg-page-btn:last-child{border-right:none;}
.blg-page-btn:hover{background:#f0f6ff;color:#2378c7;}
.blg-page-btn.active{background:#2378c7;color:#fff;}
.blg-page-btn.disabled{opacity:.35;pointer-events:none;cursor:default;}
.blg-page-dots{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:14px;border-right:1px solid #f0f4fb;}

/* ── Single Post Hero ── */
.blg-post-hero{position:relative;padding:140px 0 56px;overflow:hidden;}
.blg-post-hero-bg{position:absolute;inset:0;}
.blg-post-hero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(2,12,30,.88) 40%,rgba(10,31,78,.75) 100%);}
.blg-post-hero-content{position:relative;z-index:2;}
.blg-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap;}
.blg-breadcrumb a{color:#70b3e4;font-size:13px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s;}
.blg-breadcrumb a:hover{color:#fff;}
.blg-breadcrumb-sep{color:rgba(255,255,255,.3);font-size:12px;}
.blg-breadcrumb-cur{color:rgba(255,255,255,.6);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;}
.blg-post-cat-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:5px 16px;border-radius:20px;color:#fff;margin-bottom:18px;display:block;width:fit-content;}
.blg-post-title{font-size:clamp(24px,4.5vw,50px);font-weight:800;color:#fff;line-height:1.15;margin:0 0 28px;text-transform:none;letter-spacing:-0.5px;}
.blg-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.blg-post-meta-item{display:inline-flex;align-items:center;gap:7px;color:#a8d1f0;font-size:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:7px 14px;border-radius:8px;}
.blg-post-meta-item i{color:#2378c7;}
.blg-post-meta-item strong{color:#fff;font-weight:700;}
.blg-post-excerpt-hero{font-size:16px;color:rgba(255,255,255,.7);line-height:1.7;margin:20px 0 0;max-width:680px;}

/* ── Article Layout ── */
.blg-article-wrap{background:#f0f4fb;padding:36px 0 48px;}
.blg-article-inner{display:grid;grid-template-columns:1fr 310px;gap:40px;align-items:flex-start;}

/* Main article */
.blg-article-body{background:#fff;border-radius:18px;padding:52px;box-shadow:0 2px 24px rgba(0,0,0,.07);border:1px solid #eaf0fb;}
.blg-article-body h2{font-size:24px;font-weight:800;color:#020c1e;margin:36px 0 14px;padding-bottom:12px;border-bottom:2px solid #eef4ff;text-transform:none;letter-spacing:0;position:relative;}
.blg-article-body h2::before{content:'';position:absolute;bottom:-2px;left:0;width:48px;height:2px;background:#2378c7;}
.blg-article-body h2:first-child{margin-top:0;}
.blg-article-body h3{font-size:20px;font-weight:700;color:#020c1e;margin:28px 0 12px;padding-left:14px;border-left:3px solid #2378c7;text-transform:none;letter-spacing:0;}
.blg-article-body h4{font-size:16px;font-weight:700;color:#2378c7;margin:20px 0 10px;text-transform:none;letter-spacing:0;}
.blg-article-body p{font-size:16px;color:#3d4a5c;line-height:1.85;margin:0 0 20px;}
.blg-article-body ul,.blg-article-body ol{padding-left:22px;margin:0 0 20px;}
.blg-article-body li{font-size:15.5px;color:#3d4a5c;line-height:1.75;margin-bottom:8px;}
.blg-article-body ul li::marker{color:#2378c7;}
.blg-article-body ol li::marker{color:#2378c7;font-weight:700;}
.blg-article-body a{color:#2378c7;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(35,120,199,.3);transition:border-color .2s;}
.blg-article-body a:hover{border-bottom-color:#2378c7;}
.blg-article-body strong{color:#131d2e;font-weight:700;}
.blg-article-body em{color:#555;font-style:italic;}
.blg-article-body blockquote{border-left:4px solid #2378c7;background:linear-gradient(135deg,#f0f8ff,#e8f2ff);padding:20px 24px;border-radius:0 12px 12px 0;margin:24px 0;font-style:italic;color:#3d4a5c;font-size:16px;line-height:1.7;}
.blg-article-body code{background:#f0f4fb;color:#2378c7;padding:2px 9px;border-radius:5px;font-size:14px;font-family:'Courier New',monospace;border:1px solid #dde8ff;}

/* Tags */
.blg-tags-wrap{margin-top:36px;padding-top:26px;border-top:1px solid #eef2fb;display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.blg-tags-label{font-size:11px;font-weight:800;color:#aaa;text-transform:uppercase;letter-spacing:.6px;}
.blg-tag{background:#f0f4fb;color:#2378c7;border:1.5px solid #dde8ff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;text-decoration:none;transition:all .2s;border-bottom:none;}
.blg-tag:hover{background:#2378c7;color:#fff;border-color:#2378c7;}

/* Author box */
.blg-author-box{background:linear-gradient(135deg,#f7faff,#eef4ff);border-radius:16px;padding:28px;border:1px solid #dde8ff;margin-top:28px;}
.blg-author-inner{display:flex;align-items:flex-start;gap:18px;}
.blg-author-avatar{width:64px;height:64px;min-width:64px;border-radius:50%;background:linear-gradient(135deg,#2378c7,#1a5fa0);color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(35,120,199,.35);}
.blg-author-info strong{display:block;font-size:16px;color:#020c1e;margin-bottom:2px;font-weight:800;}
.blg-author-role{font-size:12px;color:#2378c7;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;display:block;}
.blg-author-info p{font-size:13px;color:#68768a;line-height:1.65;margin:0;}

/* Related section */
.blg-related{margin-top:40px;}
.blg-related h3{font-size:20px;font-weight:800;color:#020c1e;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.blg-related h3::after{content:'';flex:1;height:2px;background:linear-gradient(to right,#eef2fb,transparent);}

/* ── Sidebar ── */
.blg-sidebar{position:sticky;top:80px;}
.blg-sidebar-card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 16px rgba(0,0,0,.07);margin-bottom:20px;border:1px solid #eaf0fb;}
.blg-sidebar-head{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:#020c1e;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f0f4fb;text-transform:uppercase;letter-spacing:.5px;}
.blg-sidebar-head i{color:#2378c7;font-size:14px;}

/* All posts list */
.blg-all-posts{max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dde8ff transparent;}
.blg-all-posts::-webkit-scrollbar{width:4px;}
.blg-all-posts::-webkit-scrollbar-track{background:transparent;}
.blg-all-posts::-webkit-scrollbar-thumb{background:#dde8ff;border-radius:4px;}
.blg-post-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #f5f7fc;}
.blg-post-item:last-child{border-bottom:none;padding-bottom:0;}
.blg-post-item--active{background:#f0f6ff;border-radius:8px;padding:10px 8px !important;margin:0 -8px;border-bottom:none !important;}
.blg-post-item-num{width:22px;height:22px;min-width:22px;border-radius:6px;background:#f0f4fb;color:#2378c7;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:2px;}
.blg-post-item-body{}
.blg-post-item a{font-size:12.5px;color:#2d3a4e;text-decoration:none;line-height:1.5;font-weight:600;transition:color .2s;display:block;}
.blg-post-item a:hover{color:#2378c7;}
.blg-post-item-meta{display:flex;align-items:center;gap:6px;margin-top:4px;}
.blg-post-item-cat{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;color:#fff;}
.blg-post-item-date{font-size:10px;color:#bbb;}

/* Share buttons */
/* Share icon grid */
.blg-share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;}
.blg-share-icon{width:100%;aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none;color:#fff;transition:all .25s;position:relative;overflow:hidden;}
.blg-share-icon::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .2s;}
.blg-share-icon:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.2);color:#fff;}
.blg-share-icon:hover::after{background:rgba(255,255,255,.1);}
.blg-si-fb{background:#1877f2;}
.blg-si-tw{background:#111;}
.blg-si-li{background:#0077b5;}
.blg-si-wa{background:#25d366;}
.blg-si-go{background:#fff;color:#4285f4;border:1px solid #dadce0;}
.blg-si-go i{color:#4285f4;}
.blg-si-go:hover{color:#4285f4;}
.blg-si-ig{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7);}
.blg-si-bh{background:#1769ff;}
.blg-copy-link-btn{width:100%;padding:11px;border:1.5px solid #dde5f5;border-radius:10px;background:#f7f9ff;color:#2378c7;font-size:12.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-family:inherit;}
.blg-copy-link-btn:hover{background:#2378c7;color:#fff;border-color:#2378c7;}
/* Legacy (kept for backward compatibility) */
.blg-share-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.blg-share-btn{padding:10px 8px;border-radius:9px;border:none;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;transition:all .2s;}
.blg-share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.15);}
.blg-share-linkedin{background:#0077b5;color:#fff;}
.blg-share-twitter{background:#111;color:#fff;}
.blg-share-whatsapp{background:#25d366;color:#fff;}
.blg-share-copy{background:#f0f4fb;color:#2378c7;border:1.5px solid #dde5f5;grid-column:span 2;}
.blg-share-copy:hover{background:#2378c7;color:#fff;border-color:#2378c7;}

/* Page share strip — equal gap between every network control */
.page-share-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 20px;
  padding:10px 0;
}
.page-share-strip__label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  font-family:Manrope,sans-serif;
  font-size:13px;
  font-weight:700;
  color:#2378c7;
}
.page-share-strip__links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
}
.page-share-strip__links a{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-decoration:none;
  color:#0d1b3e;
  font-size:12px;
  font-weight:600;
  padding:2px 0;
  transition:color .2s;
}
.page-share-strip__links a i{font-size:20px;}
.page-share-strip__links a:hover{color:#2378c7;}

/* CTA card */
.blg-cta-card{background:linear-gradient(135deg,#2378c7 0%,#1a5fa0 60%,#0e4a85 100%);border-radius:14px;padding:26px;text-align:center;color:#fff;position:relative;overflow:hidden;}
.blg-cta-card::before{content:'';position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:rgba(255,255,255,.06);border-radius:50%;}
.blg-cta-card i{font-size:30px;color:rgba(255,255,255,.85);position:relative;}
.blg-cta-card h4{color:#fff;font-size:15px;margin:10px 0 6px;text-transform:none;letter-spacing:0;font-weight:800;}
.blg-cta-card p{color:rgba(255,255,255,.8);font-size:12.5px;margin:0 0 16px;line-height:1.6;}
.blg-cta-card a{display:inline-block;background:#fff;color:#2378c7;font-size:13px;font-weight:800;padding:10px 20px;border-radius:8px;text-decoration:none;transition:all .2s;border-bottom:none;}
.blg-cta-card a:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25);}

/* ===== SEO / editorial deep sections (iOS, website, shared service pages) ===== */
.seo-content-section.seo-editorial{
	background:linear-gradient(180deg,#eef2f7 0%,#f8fafc 45%,#f1f5f9 100%);
	border-top:1px solid rgba(35,120,199,0.08);
	border-bottom:1px solid rgba(35,120,199,0.08);
}
.seo-editorial .seo-editorial__intro{
	text-align:center;
	max-width:920px;
	margin:0 auto 8px;
}
.seo-editorial .seo-editorial__intro .main-heading{
	margin-bottom:28px;
	letter-spacing:1.2px;
}
.seo-editorial .seo-editorial__lead{
	color:#334155;
	font-size:17px;
	line-height:1.78;
	margin:0 auto 18px;
	max-width:880px;
}
.seo-editorial__panels{
	margin-top:36px;
	row-gap:24px;
}
.seo-editorial-panel{
	background:#fff;
	border-radius:18px;
	padding:32px 28px 28px;
	height:100%;
	box-shadow:0 8px 40px rgba(13,27,62,0.06);
	border:1px solid rgba(35,120,199,0.1);
	border-top:4px solid #2378c7;
	transition:box-shadow .25s ease,transform .25s ease;
}
.seo-editorial-panel:hover{
	box-shadow:0 14px 48px rgba(35,120,199,0.12);
	transform:translateY(-2px);
}
.seo-editorial-panel__title{
	font-family:Manrope,sans-serif;
	font-size:21px;
	font-weight:800;
	color:#0d1b3e;
	margin:0 0 12px;
	letter-spacing:.2px;
	line-height:1.3;
}
.seo-editorial-panel__intro{
	color:#64748b;
	font-size:15px;
	line-height:1.65;
	margin:0 0 20px;
}
.seo-editorial-panel__list{
	list-style:none;
	padding:0;
	margin:0;
}
.seo-editorial-panel__list li{
	position:relative;
	padding:14px 0 14px 22px;
	border-bottom:1px solid #f1f5f9;
	color:#334155;
	font-size:15px;
	line-height:1.62;
}
.seo-editorial-panel__list li:last-child{border-bottom:none;padding-bottom:0;}
.seo-editorial-panel__list li::before{
	content:'';
	position:absolute;
	left:0;
	top:22px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:linear-gradient(135deg,#2378c7,#70b3e4);
	flex-shrink:0;
}
.seo-editorial-panel__list li strong{
	color:#0d1b3e;
	font-weight:700;
}
.seo-editorial-panel--wide{
	margin-top:28px;
	border-top-width:4px;
}
.seo-editorial-panel--wide .seo-editorial-panel__body p{
	color:#334155;
	font-size:16px;
	line-height:1.78;
	margin:0 0 16px;
}
.seo-editorial-panel--wide .seo-editorial-panel__body p:last-child{margin-bottom:0;}
.seo-editorial__cta{
	margin-top:32px;
	text-align:center;
	padding:22px 24px;
	background:linear-gradient(135deg,rgba(35,120,199,0.08) 0%,rgba(112,179,228,0.12) 100%);
	border-radius:14px;
	border:1px solid rgba(35,120,199,0.18);
}
.seo-editorial__cta p{
	margin:0;
	font-size:16px;
	font-weight:600;
	color:#0d1b3e;
}
.seo-editorial__cta a{
	color:#2378c7;
	font-weight:800;
	text-decoration:none;
	border-bottom:2px solid rgba(35,120,199,0.35);
	transition:color .2s,border-color .2s;
}
.seo-editorial__cta a:hover{
	color:#1a5fa0;
	border-bottom-color:#2378c7;
}
@media(max-width:991px){
	.seo-editorial-panel{padding:26px 22px 22px;}
	.seo-editorial .seo-editorial__lead{font-size:16px;}
}
@media(max-width:767px){
	.seo-editorial.sec-pad{padding-top:70px;padding-bottom:70px;}
	.seo-editorial-panel:hover{transform:none;}
}

/* ========== SMM April 1 landing (smm-april-1-offer.php) ========== */
/* Offset fixed header (header .lgo a = 90px) — hero not hidden under navbar */
body.a1lp .a1lp-top-stack{
	padding-top:90px;
}
.a1lp-top-stack{
	position:relative;
	overflow:hidden;
}
.a1lp-top-stack__bg{
	position:absolute;
	inset:0;
	z-index:0;
	pointer-events:none;
	background:linear-gradient(165deg,#040a14 0%,#0c1f45 42%,#123a72 78%,#0a1628 100%);
}
.a1lp-top-stack__bg::after{
	content:'';
	position:absolute;
	inset:0;
	background:
		radial-gradient(ellipse 80% 50% at 50% -20%,rgba(112,179,228,0.35),transparent 55%),
		radial-gradient(circle at 85% 45%,rgba(255,215,0,0.09),transparent 42%),
		radial-gradient(circle at 10% 70%,rgba(35,120,199,0.22),transparent 38%);
}
.a1lp-top-stack__fade{
	position:absolute;
	left:0;
	right:0;
	top:35%;
	bottom:0;
	z-index:2;
	pointer-events:none;
	background:linear-gradient(180deg,rgba(241,245,249,0) 0%,rgba(241,245,249,0.55) 38%,rgba(241,245,249,0.96) 72%,#f1f5f9 100%);
}
.a1lp-top-stack .a1lp-confetti{
	position:absolute;
	inset:0;
	z-index:1;
	pointer-events:none;
	overflow:hidden;
}
.a1lp-top-stack .a1lp-hero,
.a1lp-top-stack .a1lp-bridge{
	position:relative;
	z-index:3;
}
.a1lp-hero{
	padding:36px 0 56px;
	background:none;
}
.a1lp-confetti span{
	position:absolute;width:8px;height:12px;border-radius:2px;opacity:0.85;
	animation:a1lp-confetti-fall linear infinite;
}
.a1lp-confetti span:nth-child(1){left:5%;background:#70b3e4;animation-duration:11s;animation-delay:0s;}
.a1lp-confetti span:nth-child(2){left:15%;background:#ffd700;animation-duration:9s;animation-delay:1s;}
.a1lp-confetti span:nth-child(3){left:25%;background:#2378c7;animation-duration:12s;animation-delay:2s;}
.a1lp-confetti span:nth-child(4){left:40%;background:#f472b6;animation-duration:10s;animation-delay:0.5s;}
.a1lp-confetti span:nth-child(5){left:55%;background:#70b3e4;animation-duration:13s;animation-delay:3s;}
.a1lp-confetti span:nth-child(6){left:68%;background:#ffd700;animation-duration:9.5s;animation-delay:1.5s;}
.a1lp-confetti span:nth-child(7){left:78%;background:#34d399;animation-duration:11.5s;animation-delay:2.5s;}
.a1lp-confetti span:nth-child(8){left:88%;background:#2378c7;animation-duration:10.5s;animation-delay:0.2s;}
.a1lp-confetti span:nth-child(9){left:92%;background:#a78bfa;animation-duration:12.5s;animation-delay:4s;}
.a1lp-confetti span:nth-child(10){left:48%;background:#fb7185;animation-duration:9.2s;animation-delay:1.2s;}
@keyframes a1lp-confetti-fall{
	0%{transform:translateY(-20px) rotate(0deg);opacity:0;}
	10%{opacity:1;}
	100%{transform:translateY(100vh) rotate(720deg);opacity:0.3;}
}
.a1lp-hero__inner{position:relative;z-index:2;text-align:center;max-width:920px;margin:0 auto;}
.a1lp-badge{
	display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:10px 20px;border-radius:999px;
	font-size:14px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;
	color:#0a1628;background:linear-gradient(135deg,#ffd700,#ffec80);
	box-shadow:0 6px 24px rgba(255,215,0,0.28),0 0 0 1px rgba(255,255,255,0.2);
}
.a1lp-badge__icon{font-size:1.1em;}
.a1lp-hero__title{
	margin:0 0 16px;font-size:clamp(28px,5vw,46px);font-weight:900;line-height:1.12;color:#fff;
	font-family:Manrope,sans-serif;text-shadow:0 4px 40px rgba(0,0,0,0.35);
}
.a1lp-hero__accent{
	background:linear-gradient(135deg,#70b3e4,#fff 45%,#ffd700);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.a1lp-hero__lead{font-size:clamp(17px,2.4vw,22px);color:rgba(255,255,255,0.92);margin:0 0 12px;line-height:1.5;}
.a1lp-hero__sub{font-size:16px;color:rgba(255,255,255,0.75);margin:0 0 32px;line-height:1.6;max-width:640px;margin-left:auto;margin-right:auto;}
.a1lp-hero__inline{color:#a8d4f5;font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.a1lp-hero__inline:hover{color:#fff;}
.a1lp-cta-row{
	display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin-bottom:16px;
	max-width:520px;margin-left:auto;margin-right:auto;
}
.a1lp-cta-row .a1lp-btn{flex:1 1 auto;min-width:min(100%,200px);max-width:260px;}
.a1lp-cta-links{
	margin:0 0 28px;font-size:15px;color:rgba(255,255,255,0.55);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;
}
.a1lp-inline-link{
	color:#c8e6ff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(200,230,255,0.35);padding-bottom:1px;
}
.a1lp-inline-link:hover{color:#fff;border-bottom-color:rgba(255,255,255,0.55);}
.a1lp-cta-links__sep{
	display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.35);vertical-align:middle;
}
.a1lp-highlights{
	display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 8px;
}
.a1lp-highlight-pill{
	padding:9px 18px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:0.02em;
	color:rgba(255,255,255,0.95);background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.16);
}
.a1lp-cta-grid{
	display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px;
}
.a1lp-cta-grid--dense{max-width:900px;margin:0 auto;}
.a1lp-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:14px;
	font-size:15px;font-weight:800;font-family:Manrope,sans-serif;text-decoration:none;border:2px solid transparent;
	cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .2s,background .25s;
	box-shadow:0 4px 16px rgba(0,0,0,0.2);
}
.a1lp-btn--sm{padding:10px 16px;font-size:13px;border-radius:12px;}
.a1lp-btn--block{width:100%;}
.a1lp-btn--primary{
	color:#fff;background:linear-gradient(135deg,#2378c7 0%,#3d9ae8 50%,#2378c7 100%);background-size:200% 100%;
	border-color:rgba(255,255,255,0.12);
}
.a1lp-btn--primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 36px rgba(35,120,199,0.45);background-position:100% 0;}
.a1lp-btn--secondary{
	color:#0a1628;background:#fff;border-color:rgba(255,255,255,0.5);
}
.a1lp-btn--secondary:hover{color:#0a1628;transform:translateY(-3px);box-shadow:0 12px 32px rgba(255,255,255,0.2);}
.a1lp-btn--wa{
	color:#fff;background:linear-gradient(135deg,#128c7e,#25d366);border-color:rgba(255,255,255,0.15);
}
.a1lp-btn--wa:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 32px rgba(37,211,102,0.4);}
.a1lp-btn--call{
	color:#fff;background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-color:rgba(112,179,228,0.35);
}
.a1lp-btn--call:hover{color:#fff;transform:translateY(-3px);}
.a1lp-btn--accent{
	color:#0a1628;background:linear-gradient(135deg,#ffd700,#ffec80);border-color:rgba(255,255,255,0.3);
}
.a1lp-btn--accent:hover{color:#0a1628;transform:translateY(-3px);box-shadow:0 12px 36px rgba(255,215,0,0.4);}
.a1lp-btn--ghost{
	color:rgba(255,255,255,0.95);background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.22);backdrop-filter:blur(8px);
}
.a1lp-btn--ghost:hover{color:#fff;background:rgba(255,255,255,0.16);transform:translateY(-3px);}
.a1lp-btn--punched{animation:a1lp-punch .42s ease;}
@keyframes a1lp-punch{
	0%{transform:scale(1);}
	40%{transform:scale(0.94);}
	100%{transform:scale(1);}
}
.a1lp-bridge{
	background:linear-gradient(180deg,#e8edf4 0%,#f1f5f9 55%,#f8fafc 100%);
	padding-top:48px;
	padding-bottom:56px;
}
.a1lp-bridge__card{
	max-width:960px;margin:0 auto;
	background:#fff;
	border-radius:22px;
	padding:clamp(24px,4vw,40px) clamp(20px,4vw,36px);
	box-shadow:
		0 28px 70px rgba(15,23,42,0.07),
		0 0 0 1px rgba(35,120,199,0.08);
}
.a1lp-bridge__title{
	text-align:center;
	font-size:clamp(20px,2.6vw,26px);
	font-weight:800;
	color:#0d1b3e;
	margin:0 0 clamp(20px,3vw,32px);
	font-family:Manrope,sans-serif;
	letter-spacing:-0.02em;
}
.a1lp-bridge__list{
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:clamp(20px,3vw,28px) 24px;
}
.a1lp-bridge__list > li{
	display:flex;
	gap:16px;
	align-items:flex-start;
}
.a1lp-bridge__ico{
	flex-shrink:0;
	width:50px;
	height:50px;
	border-radius:14px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.15rem;
	color:#1a5f9e;
	background:linear-gradient(145deg,rgba(35,120,199,0.14),rgba(35,120,199,0.04));
	box-shadow:0 0 0 1px rgba(35,120,199,0.1);
}
.a1lp-bridge__body strong{
	display:block;
	font-size:16px;
	font-weight:800;
	color:#0d1b3e;
	margin:0 0 6px;
	font-family:Manrope,sans-serif;
}
.a1lp-bridge__body span{
	display:block;
	font-size:14px;
	line-height:1.55;
	color:#64748b;
}
.a1lp-bridge__footnote{
	text-align:center;
	margin:clamp(24px,3vw,32px) 0 0;
	padding-top:clamp(20px,2.5vw,26px);
	border-top:1px solid #e2e8f0;
	font-size:14px;
	color:#94a3b8;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:6px 10px;
}
.a1lp-bridge__link{
	color:#2378c7;
	font-weight:700;
	text-decoration:none;
	transition:color .2s;
}
.a1lp-bridge__link:hover{color:#1a5490;text-decoration:underline;}
.a1lp-bridge__sep{color:#cbd5e1;font-weight:600;}
@media(max-width:991px){
	.a1lp-bridge__list{grid-template-columns:1fr;}
}
.a1lp-section-title{
	font-size:clamp(24px,3.5vw,34px);font-weight:900;color:#0d1b3e;margin:0 0 12px;font-family:Manrope,sans-serif;
}
.a1lp-section-title span{color:#2378c7;font-weight:800;}
.a1lp-section-title--center{text-align:center;}
.a1lp-section-lead{text-align:center;color:#64748b;margin:0 0 28px;font-size:16px;max-width:560px;margin-left:auto;margin-right:auto;}
.a1lp-checklist{
	list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;
}
.a1lp-checklist li{
	color:rgba(255,255,255,0.9);font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;
}
.a1lp-check{font-size:1.1em;}
.a1lp-tags{
	margin:28px 0 0;padding:16px 20px;border-radius:14px;background:rgba(0,0,0,0.25);color:rgba(255,255,255,0.85);
	font-size:14px;line-height:1.55;text-align:left;
}
.a1lp-tags__list{color:#70b3e4;font-weight:600;}
.a1lp-trust__p{color:#475569;font-size:16px;line-height:1.7;margin:0 0 16px;}
.a1lp-trust__list{margin:0;padding-left:1.2em;color:#334155;line-height:1.8;}
.a1lp-trust__card{
	background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-radius:20px;padding:28px 26px;
	box-shadow:0 20px 50px rgba(15,23,42,0.08),0 0 0 1px rgba(35,120,199,0.1);
}
.a1lp-trust__h3{margin:0 0 16px;font-size:20px;font-weight:800;color:#0d1b3e;}
.a1lp-steps{margin:0 0 22px;padding-left:1.2em;color:#475569;line-height:1.75;}
.a1lp-steps strong{color:#2378c7;}
.a1lp-trust__alt-link{
	display:block;text-align:center;margin-top:14px;font-size:15px;font-weight:700;color:#2378c7;text-decoration:none;
}
.a1lp-trust__alt-link:hover{text-decoration:underline;}
body.a1lp .a1lp-trust.sec-pad,
body.a1lp .a1lp-faq.sec-pad{
	padding-top:72px;
	padding-bottom:72px;
}
.a1lp-form-wrap{padding-top:70px;padding-bottom:90px;}
.a1lp-faq__item{
	padding:22px 0;border-bottom:1px solid #e2e8f0;
}
.a1lp-faq__item:last-child{border-bottom:none;}
.a1lp-faq__item h3{margin:0 0 8px;font-size:18px;font-weight:800;color:#0d1b3e;}
.a1lp-faq__item p{margin:0;color:#64748b;font-size:15px;line-height:1.65;}
.a1lp-sticky{
	position:fixed;left:0;right:0;bottom:0;z-index:9998;padding:12px 16px;
	background:linear-gradient(135deg,rgba(4,10,20,0.97),rgba(12,31,69,0.98));
	backdrop-filter:blur(12px);border-top:1px solid rgba(112,179,228,0.25);
	box-shadow:0 -8px 40px rgba(0,0,0,0.35);
	transform:translateY(100%);opacity:0;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .35s ease;
}
.a1lp-sticky.a1lp-sticky--visible{transform:translateY(0);opacity:1;}
.a1lp-sticky__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.a1lp-sticky__text{margin:0;color:#fff;font-size:15px;}
.a1lp-sticky__text strong{color:#ffd700;}
.a1lp-sticky__btns{display:flex;flex-wrap:wrap;gap:8px;}
body.a1lp{padding-bottom:72px;}
body.a1lp #claim-form{scroll-margin-top:106px;}
/* Mobile / tablet: fixed header + second .nav strip (hamburger row) — same idea as .inrbnr padding-top in responsive.css */
@media(max-width:1199px){
	body.a1lp .a1lp-top-stack{padding-top:145px;}
	body.a1lp #claim-form{scroll-margin-top:152px;}
}
@media(max-width:575px){
	body.a1lp .a1lp-top-stack{padding-top:132px;}
	body.a1lp #claim-form{scroll-margin-top:140px;}
}
@media(max-width:479px){
	body.a1lp .a1lp-top-stack{padding-top:125px;}
	body.a1lp #claim-form{scroll-margin-top:132px;}
}
@media(max-width:340px){
	body.a1lp .a1lp-top-stack{padding-top:118px;}
	body.a1lp #claim-form{scroll-margin-top:126px;}
}
@media(max-width:767px){
	body.a1lp .a1lp-badge{display:none !important;}
	body.a1lp .a1lp-trust.sec-pad,
	body.a1lp .a1lp-faq.sec-pad{
		padding-top:40px;
		padding-bottom:56px;
	}
	.a1lp-bridge{
		margin-top:-8px;
		padding-top:28px;
		padding-bottom:32px;
	}
	.a1lp-bridge__card{
		padding:20px 18px;
	}
	.a1lp-top-stack__fade{
		top:48%;
	}
	.a1lp-tags{
		margin-top:14px;
		font-size:13px;
		padding:12px 14px;
	}
}
@media(max-width:576px){
	.a1lp-hero{padding:22px 0 16px;}
	.a1lp-top-stack__fade{top:52%;}
	.a1lp-btn{width:100%;}
	.a1lp-cta-row{max-width:none;}
	.a1lp-cta-row .a1lp-btn{max-width:none;}
	.a1lp-sticky__btns{width:100%;justify-content:stretch;}
	.a1lp-sticky__btns .a1lp-btn{flex:1;}
	.a1lp-hero__sub{margin-bottom:22px;}
	.a1lp-cta-links{margin-bottom:18px;}
	.a1lp-highlights{margin-bottom:4px;}
}












