/* =========================================================
   FINAL PREMIUM USA FLAG UI OVERRIDE
   Main Colors: #B31942 (red) and #0A3161 (navy blue)
   This file is loaded last to remove all old cyan/random colors.
========================================================= */
:root{
  --usa-red:#B31942!important;
  --usa-blue:#0A3161!important;
  --red:#B31942!important;
  --blue:#0A3161!important;
  --cyan:#0A3161!important;
  --primary:#0A3161!important;
  --secondary:#B31942!important;
  --dark:#061426!important;
  --muted:#5b6b84!important;
  --light:#F6F8FF!important;
  --premium-shadow:0 26px 80px rgba(10,49,97,.16)!important;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 10% 6%,rgba(179,25,66,.08),transparent 28%),
    radial-gradient(circle at 90% 12%,rgba(10,49,97,.10),transparent 32%),
    linear-gradient(180deg,#fff 0%,#F5F8FF 52%,#fff 100%)!important;
  color:#061426!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  accent-color:#B31942!important;
}
::selection{background:#B31942!important;color:#fff!important}
a{color:#0A3161;transition:.28s ease}a:hover{color:#B31942!important}
.site-header{z-index:2000!important}.navbar{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(10,49,97,.11)!important;
  box-shadow:0 18px 55px rgba(10,49,97,.14)!important;
  backdrop-filter:blur(22px)!important;
}
.logo img,.footer-logo{background:#fff!important;border-radius:16px!important;padding:5px!important;box-shadow:0 10px 28px rgba(10,49,97,.12)!important}
.nav-links a,.mobile-links a{color:#0A3161!important;font-weight:850!important}.nav-links a:hover,.nav-links a.active,.mobile-links a:hover{color:#B31942!important}.nav-links a:after{background:linear-gradient(90deg,#0A3161,#B31942)!important}
/* Menu button final fix: center dot must be USA navy, never cyan */
.menu-btn{display:none;align-items:center!important;gap:12px!important;background:transparent!important;border:0!important;color:#0A3161!important;font-weight:900!important;cursor:pointer!important;box-shadow:none!important;padding:0!important}.menu-btn span:last-child{font-size:22px!important;color:#0A3161!important;font-weight:900!important}.menu-dot{width:58px!important;height:58px!important;border-radius:50%!important;background:#B31942!important;border:3px solid #0A3161!important;box-shadow:0 0 0 10px rgba(179,25,66,.11),0 14px 34px rgba(10,49,97,.20)!important;display:grid!important;place-items:center!important;position:relative!important;transition:.3s ease!important}.menu-dot:before{content:""!important;width:14px!important;height:14px!important;border-radius:50%!important;background:#0A3161!important;box-shadow:none!important;display:block!important}.menu-dot:after{display:none!important;content:none!important}.menu-btn:hover .menu-dot{background:#0A3161!important;border-color:#B31942!important;transform:translateY(-2px) scale(1.03)!important}.menu-btn:hover .menu-dot:before{background:#fff!important}.menu-btn:hover span:last-child{color:#B31942!important}
.mobile-menu{background:radial-gradient(circle at 16% 12%,rgba(179,25,66,.14),transparent 27%),radial-gradient(circle at 86% 78%,rgba(10,49,97,.16),transparent 34%),linear-gradient(135deg,#fff 0%,#F7F9FF 100%)!important;backdrop-filter:blur(22px)!important}.mobile-menu.active{box-shadow:inset 0 0 0 1px rgba(10,49,97,.10)!important}.close-btn{color:#0A3161!important;font-weight:900!important;gap:18px!important}.close-circle{width:58px!important;height:58px!important;border-radius:50%!important;background:#fff!important;border:3px solid #0A3161!important;display:grid!important;place-items:center!important;box-shadow:0 0 0 10px rgba(179,25,66,.10),0 14px 34px rgba(10,49,97,.18)!important;position:relative!important}.close-circle:before{content:""!important;width:14px!important;height:14px!important;border-radius:50%!important;background:#B31942!important;display:block!important}.close-line{width:52px!important;height:3px!important;border-radius:999px!important;background:linear-gradient(90deg,#0A3161,#B31942)!important;display:inline-block!important}.close-btn:hover .close-circle{border-color:#B31942!important;transform:scale(1.04)!important}.close-btn:hover .close-circle:before{background:#0A3161!important}.close-btn:hover{color:#B31942!important}
.hero,.page-hero{background:radial-gradient(circle at 13% 14%,rgba(179,25,66,.15),transparent 28%),radial-gradient(circle at 84% 12%,rgba(10,49,97,.20),transparent 32%),linear-gradient(135deg,#fff 0%,#edf3ff 100%)!important}.hero h1,.section-head h2,.section-title,.title,h1,h2{color:#0A3161!important}.gradient-text,.section-title span,.title span{background:linear-gradient(90deg,#0A3161,#B31942)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.badge,.eyebrow{color:#B31942!important;background:rgba(179,25,66,.08)!important;border:1px solid rgba(179,25,66,.16)!important}.badge-dot,.dot{background:#B31942!important;box-shadow:0 0 0 7px rgba(179,25,66,.14)!important}
.btn,.btn-primary,.cta .btn,.slider-controls button,.socials a,.footer-social a,.float-contact-line button{background:linear-gradient(135deg,#0A3161 0%,#B31942 100%)!important;color:#fff!important;border:0!important;box-shadow:0 18px 42px rgba(10,49,97,.24)!important}.btn:hover,.btn-primary:hover,.cta .btn:hover,.slider-controls button:hover,.socials a:hover,.footer-social a:hover,.float-contact-line button:hover{transform:translateY(-4px)!important;box-shadow:0 26px 65px rgba(179,25,66,.26)!important}.btn-outline,.btn-light{background:#fff!important;color:#0A3161!important;border:2px solid rgba(10,49,97,.18)!important;box-shadow:0 14px 35px rgba(10,49,97,.10)!important}.btn-outline:hover,.btn-light:hover{color:#B31942!important;border-color:#B31942!important;background:#fff!important}
.card,.work,.service-card,.price-card,.form-box,.info-box,.form-card,.content,.media,.project .content,.project .media,.slider-wrap{background:rgba(255,255,255,.94)!important;border:1px solid rgba(10,49,97,.11)!important;border-radius:30px!important;box-shadow:0 24px 70px rgba(10,49,97,.14)!important;transition:.32s ease!important}.card:hover,.work:hover,.service-card:hover,.price-card:hover,.content:hover,.media:hover,.project .content:hover,.project .media:hover{transform:translateY(-8px)!important;box-shadow:0 34px 95px rgba(10,49,97,.20)!important}.card:before,.work:before,.service-intro:before{background:linear-gradient(90deg,#0A3161,#B31942)!important}.icon,.mockup,.dashboard,.slide-img,.portfolio-hero .hero-card,.cta,.footer,footer{background:linear-gradient(135deg,#0A3161 0%,#061426 52%,#B31942 100%)!important;color:#fff!important}.tags span,.final-list div{background:#F0F4FF!important;color:#0A3161!important;border:1px solid rgba(10,49,97,.10)!important}.tags span:hover,.final-list div:hover{background:#fff!important;color:#B31942!important;border-color:rgba(179,25,66,.20)!important}
input,select,textarea{border:1px solid rgba(10,49,97,.18)!important;background:#fff!important;color:#061426!important;border-radius:16px!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{border-color:#0A3161!important;box-shadow:0 0 0 4px rgba(10,49,97,.13)!important;outline:none!important}.alert-success{background:#dcfce7!important;color:#166534!important;border-left:5px solid #16a34a!important}.alert-error{background:#fee2e2!important;color:#991b1b!important;border-left:5px solid #B31942!important}
.float-contact-line:before{background:linear-gradient(180deg,#0A3161,#B31942)!important}.float-contact-line a{background:linear-gradient(135deg,#0A3161,#B31942)!important;color:#fff!important}.portfolio-filter button.active,.filter-btn.active{background:linear-gradient(135deg,#0A3161,#B31942)!important;color:#fff!important}.circle{border:3px solid #0A3161!important;background:#fff!important}.circle span{background:#B31942!important;box-shadow:none!important}.dots button.active{background:linear-gradient(90deg,#0A3161,#B31942)!important}
@media(max-width:950px){.menu-btn{display:flex!important}.navbar{border-radius:0!important}.menu-dot{width:56px!important;height:56px!important}.cards,.footer-grid,.form-wrap,.final-list{grid-template-columns:1fr!important}.mobile-links a{font-size:clamp(12px,8vw,px)!important}}
@media(max-width:560px){.close-line{width:38px!important}.close-btn{gap:12px!important}.menu-btn span:last-child{font-size:20px!important}.hero,.section{padding-left:0!important;padding-right:0!important}.cta{padding:42px 22px!important;border-radius:28px!important}}


/* =========================================================
   CLIENT FINAL POLISH - Alhawaij-style light motion + clean mobile
========================================================= */
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}body::before{background:radial-gradient(circle at 16% 24%,rgba(179,25,66,.10) 0 2px,transparent 3px),radial-gradient(circle at 52% 34%,rgba(10,49,97,.16) 0 2px,transparent 3px),radial-gradient(circle at 84% 22%,rgba(179,25,66,.13) 0 3px,transparent 4px),radial-gradient(circle at 72% 72%,rgba(10,49,97,.11) 0 2px,transparent 3px);background-size:260px 260px,310px 310px,360px 360px,220px 220px;animation:evolveFloatDots 16s linear infinite;opacity:.85}body::after{background:linear-gradient(135deg,transparent 0 42%,rgba(10,49,97,.035) 42% 58%,transparent 58%),radial-gradient(circle at 8% 82%,rgba(179,25,66,.07),transparent 28%),radial-gradient(circle at 94% 20%,rgba(10,49,97,.08),transparent 28%);animation:evolveSoftMove 18s ease-in-out infinite alternate}@keyframes evolveFloatDots{from{background-position:0 0,0 0,0 0,0 0}to{background-position:260px -260px,-310px 310px,360px -360px,-220px 220px}}@keyframes evolveSoftMove{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-18px,12px,0) scale(1.025)}}
.stat{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:92px!important;padding:22px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:22px!important}.stat b{font-size:clamp(28px,2.8vw,44px)!important;line-height:1!important;color:#fff!important}.stat p{display:none!important}.wave{height:90px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(179,25,66,.24))!important}.wave:before{height:4px!important;background:linear-gradient(90deg,#B31942,#fff,#0A3161)!important}.badge{font-weight:900!important}.mobile-menu{background:rgba(255,255,255,.98)!important;backdrop-filter:blur(22px)!important;padding:20px 22px 36px!important}.mobile-links{margin:54px auto 28px!important;gap:14px!important;max-width:430px!important;align-items:stretch!important}.mobile-links a{font-size:20px!important;line-height:1.1!important;font-weight:900!important;color:#0A3161!important;background:#F4F7FF!important;border:1px solid rgba(10,49,97,.10)!important;border-radius:16px!important;padding:15px 18px!important;text-align:center!important;letter-spacing:.3px!important;box-shadow:0 10px 26px rgba(10,49,97,.08)!important}.mobile-links a:hover{background:#fff!important;color:#B31942!important;transform:translateY(-2px)!important}.mobile-bottom,.dot-link,.mobile-wave{display:none!important}.socials{gap:12px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:4px 0 10px!important;justify-content:center!important}.socials::-webkit-scrollbar{display:none!important}.socials a{width:46px!important;height:46px!important;min-width:46px!important;font-size:18px!important;background:linear-gradient(135deg,#0A3161,#B31942)!important}.menu-btn{display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important}.menu-dot{width:46px!important;height:46px!important;border:3px solid #0A3161!important;background:#B31942!important;box-shadow:0 0 0 7px rgba(179,25,66,.10),0 12px 24px rgba(10,49,97,.16)!important}.menu-dot:before{width:11px!important;height:11px!important;background:#0A3161!important}.menu-btn span:last-child{font-size:18px!important;color:#0A3161!important;font-weight:900!important}.close-circle{width:42px!important;height:42px!important;box-shadow:0 0 0 6px rgba(179,25,66,.09)!important}.close-line{width:30px!important}.close-btn{font-size:18px!important;gap:10px!important}
.wwd-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:30px!important}.wwd-item{appearance:none!important;border:1px solid rgba(10,49,97,.12)!important;background:#F3F6FC!important;border-radius:18px!important;text-align:left!important;padding:0!important;cursor:pointer!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(10,49,97,.07)!important;transition:.32s ease!important}.wwd-title{display:block!important;color:#0A3161!important;font-size:17px!important;font-weight:900!important;padding:18px 48px 18px 20px!important;position:relative!important}.wwd-title:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#B31942;font-size:22px;font-weight:900}.wwd-more{display:block!important;max-height:0!important;overflow:hidden!important;color:#516174!important;font-size:15px!important;line-height:1.75!important;background:#fff!important;padding:0 20px!important;transition:.35s ease!important}.wwd-item:hover,.wwd-item.is-open{background:#fff!important;border-color:#B31942!important;transform:translateY(-4px)!important;box-shadow:0 22px 55px rgba(10,49,97,.13)!important}.wwd-item:hover .wwd-more,.wwd-item:focus .wwd-more,.wwd-item.is-open .wwd-more{max-height:190px!important;padding:0 20px 20px!important}.wwd-item:hover .wwd-title:after,.wwd-item:focus .wwd-title:after,.wwd-item.is-open .wwd-title:after{content:"−"!important}.premium-service-cards .card{display:block!important;text-decoration:none!important}.service-intro:before,.card:before,.work:before,.section-divider,.bottom-line{display:none!important;content:none!important}.card{border-top:5px solid transparent!important;border-image:linear-gradient(90deg,#0A3161,#B31942) 1!important}.float-contact-line{display:flex!important;position:fixed!important;right:18px!important;bottom:18px!important;z-index:99999!important}.float-contact-line a,.float-contact-line button{display:grid!important;visibility:visible!important;opacity:1!important}.float-contact-line a{background:#25D366!important}.float-contact-line button{background:#0A3161!important}@media(max-width:950px){.navbar{border-radius:0!important;padding:12px 24px!important}.nav-links{display:none!important}.hero{padding-top:120px!important}}@media(max-width:575px){.hero h1{font-size:42px!important;line-height:1.06!important}.hero p{font-size:16px!important;line-height:1.7!important}.hero-card,.dashboard{border-radius:26px!important}.stat-grid{gap:12px!important}.stat{min-height:72px!important;padding:16px!important}.stat b{font-size:28px!important}.wwd-grid{grid-template-columns:1fr!important;gap:13px!important}.wwd-title{font-size:16px!important}.wwd-more{font-size:14px!important}.socials a{width:42px!important;height:42px!important;min-width:42px!important;font-size:16px!important}}

/* =========================================================
   FINAL CLIENT REQUEST UPDATE - CLEAN MOBILE MENU + STATS
========================================================= */
/* Hide large mobile page headings; use compact submenu row only */
.mobile-links{display:none!important;}
.mobile-bottom{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  overflow-x:auto!important;
  padding:10px 8px 8px!important;
  margin:28px auto 10px!important;
  max-width:100%!important;
}
.mobile-bottom::-webkit-scrollbar{display:none!important;}
.dot-link{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  color:#0A3161!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
}
.dot-link > i{font-size:11px!important;color:#0A3161!important;}
.circle{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:50%!important;
  border:2px solid #0A3161!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  box-shadow:0 8px 18px rgba(10,49,97,.10)!important;
}
.circle span{display:none!important;}
.circle i,
.circle:before,
.circle:after{
  content:""!important;
  display:block!important;
  width:12px!important;
  height:2px!important;
  border-radius:99px!important;
  background:#B31942!important;
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}
.circle:before{top:9px!important;}
.circle i{top:14px!important;}
.circle:after{top:19px!important;}

/* main menu icon also clean hamburger inside small circle */
.menu-dot{
  background:#fff!important;
  border:3px solid #0A3161!important;
  width:48px!important;
  height:48px!important;
  box-shadow:0 0 0 7px rgba(179,25,66,.10),0 12px 25px rgba(10,49,97,.16)!important;
}
.menu-dot:before{
  content:""!important;
  width:18px!important;
  height:3px!important;
  border-radius:99px!important;
  background:#B31942!important;
  box-shadow:0 6px 0 #B31942,0 -6px 0 #B31942!important;
}
.menu-dot:after{display:none!important;content:none!important;}
.menu-btn span:last-child{font-size:18px!important;color:#0A3161!important;font-weight:900!important;}

/* Mini stats before social icons */
.mobile-mini-stats{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  margin:8px auto 12px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
}
.mobile-mini-stats::-webkit-scrollbar{display:none!important;}
.mobile-mini-stats span{
  background:linear-gradient(135deg,#0A3161,#B31942)!important;
  color:#fff!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.socials{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  padding:4px 8px 10px!important;
}
.socials::-webkit-scrollbar{display:none!important;}
.socials a{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  font-size:14px!important;
}

/* Dashboard stats: show the required detail text clearly */
.dashboard .stat-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.dashboard .stat{
  display:block!important;
  min-height:118px!important;
  padding:22px 20px!important;
  text-align:left!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:22px!important;
}
.dashboard .stat b{
  display:block!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1!important;
  margin-bottom:12px!important;
}
.dashboard .stat p{
  display:block!important;
  color:rgba(255,255,255,.92)!important;
  opacity:1!important;
  font-size:13px!important;
  line-height:1.45!important;
  max-width:100%!important;
  margin:0!important;
}

/* Text readability fixes on gradients/cards */
.card h3,.service-card h3,.price-card h3,.work h3{color:#0A3161!important;}
.card p,.service-card p,.price-card p,.work p,.section-head p,.hero p{color:#506070!important;opacity:1!important;}
.dashboard,.dashboard *{color:#fff!important;}
.cta h1,.cta h2,.cta h3,.cta p,.cta a,.footer h1,.footer h2,.footer h3,.footer h4,footer h1,footer h2,footer h3,footer h4{color:#fff!important;}
.cta p,.footer p,footer p{color:rgba(255,255,255,.88)!important;}

/* ERP/Digitization icon styling */
.fa-database{color:inherit!important;}
.icon .fa-database,.service-icon .fa-database,.timeline-icon .fa-database{color:#fff!important;}

@media(max-width:575px){
  .mobile-menu{padding:18px 14px 28px!important;}
  .mobile-bottom{justify-content:flex-start!important;gap:10px!important;margin-top:22px!important;}
  .dot-link{font-size:12px!important;gap:6px!important;}
  .circle{width:28px!important;height:28px!important;min-width:28px!important;}
  .socials a{width:36px!important;height:36px!important;min-width:36px!important;font-size:13px!important;}
  .dashboard .stat{min-height:102px!important;padding:16px 14px!important;}
  .dashboard .stat b{font-size:27px!important;margin-bottom:9px!important;}
  .dashboard .stat p{font-size:11.5px!important;line-height:1.35!important;}
}
/* =========================================================
   SIMPLIFIED MOBILE MENU & STANDARD HAMBURGER UI
========================================================= */

/* 1. Standard 3-Line Hamburger Icon */
.menu-dot {
    background: transparent !important;
    border: none !important;
    width: 30px !important;
    height: 24px !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    border-radius: 0 !important;
}

.menu-dot:before, 
.menu-dot:after,
.menu-dot-middle {
    content: "" !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #0A3161 !important; /* Navy Blue Lines */
    border-radius: 10px !important;
    transition: 0.3s ease !important;
    display: block !important;
    box-shadow: none !important;
}

/* 2. Simple Mobile Menu List */
.mobile-menu {
    background: #ffffff !important;
    padding: 80px 30px 40px !important;
}

.mobile-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    max-width: 100% !important;
    align-items: flex-start !important;
}

.mobile-links a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #0A3161 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    padding: 12px 0 !important;
    width: 100% !important;
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    border-bottom: 1px solid #f0f2f5 !important;
    border-radius: 0 !important;
}

/* 3. Sub-menu Circle Icon (⭕) */
.mobile-links a::before {
    content: "" !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #B31942 !important; /* Red Circle */
    border-radius: 50% !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

.mobile-links a:hover {
    color: #B31942 !important;
    padding-left: 5px !important;
    background: transparent !important;
}

/* Hide the old "Circle" and "Dot-link" classes that were messy */
.mobile-bottom, .dot-link, .circle, .mobile-mini-stats {
    display: none !important;
}

/* Social icons at bottom of menu */
.socials {
    margin-top: 30px !important;
    justify-content: flex-start !important;
    padding: 0 !important;
}

.socials a {
    background: #f4f7ff !important;
    color: #0A3161 !important;
    border: 1px solid #eef1f6 !important;
}

/* Close button adjustment */
.close-btn {
    top: 25px !important;  
    right: 25px !important;
}

.close-circle {
    border: 2px solid #0A3161 !important;
    width: 40px !important;
    height: 40px !important;
}

@media(max-width: 575px) {
    .menu-btn span:last-child {
        display: none !important; /* Hide "Menu" text on very small screens for clean look */
    }
}/* ================================
   SIMPLE CLEAN MOBILE MENU FINAL
================================ */

/* HAMBURGER BUTTON (3 lines) */
.menu-btn{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:10px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  cursor:pointer;
}

.menu-dot{
  width:22px;
  height:2px;
  background:#0A3161;
  position:relative;
  display:block;
}

.menu-dot::before,
.menu-dot::after{
  content:"";
  position:absolute;
  left:0;
  width:22px;
  height:2px;
  background:#0A3161;
}

.menu-dot::before{ top:-6px; }
.menu-dot::after{ top:6px; }


/* REMOVE OLD DESIGN */
.mobile-links,
.mobile-bottom,
.circle,
.dot-link,
.mobile-mini-stats{
  display:none!important;
}


/* MOBILE MENU CONTAINER */
.mobile-menu{
  position:fixed;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:#fff;
  z-index:9999;
  transition:.35s ease;
  padding:20px;
}

.mobile-menu.active{
  left:0;
}


/* CLOSE BUTTON */
.close-btn{
  font-size:18px;
  font-weight:700;
  color:#0A3161;
  cursor:pointer;
  margin-bottom:30px;
}


/* MENU LINKS SIMPLE */
.mobile-menu ul{
  list-style:none;
  padding:0;
  margin:0;
}

.mobile-menu ul li{
  border-bottom:1px solid #eee;
}

.mobile-menu ul li a{
  display:block;
  padding:16px 10px;
  font-size:18px;
  font-weight:600;
  color:#0A3161;
  text-decoration:none;
  transition:.3s;
}

.mobile-menu ul li a:hover{
  color:#B31942;
  padding-left:14px;
}


/* SUB MENU */
.mobile-menu ul li ul{
  display:none;
  padding-left:10px;
}

.mobile-menu ul li.active ul{
  display:block;
}

.mobile-menu ul li ul li a{
  font-size:15px;
  padding:12px 10px;
  color:#555;
}


/* REMOVE ALL BIG HEADINGS */
.mobile-menu h1,
.mobile-menu h2,
.mobile-menu h3{
  display:none!important;
}


/* SOCIAL ICONS SMALL */
.socials{
  display:flex!important;
  justify-content:center;
  gap:10px;
  margin-top:20px;
}

.socials a{
  width:36px;
  height:36px;
  background:#0A3161;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:14px;
}


/* SMOOTH ANIMATION */
.mobile-menu{
  transform:translateX(-100%);
}

.mobile-menu.active{
  transform:translateX(0);
}
/* ===== FINAL FIX: Hamburger menu icon + USA flag social icons ===== */
.menu-btn{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:6px!important;
  width:54px!important;
  height:54px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.menu-btn .menu-dot{display:none!important;}
.menu-btn span,
.menu-btn span:last-child{
  display:block!important;
  width:30px!important;
  height:3px!important;
  min-width:30px!important;
  max-width:30px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  background:#0A3161!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:none!important;
  transition:transform .25s ease, background .25s ease, width .25s ease!important;
}
.menu-btn:hover span{background:#B31942!important;}
.menu-btn:hover span:nth-child(2){width:22px!important;min-width:22px!important;max-width:22px!important;}
@media (max-width:950px){
  .menu-btn{display:flex!important;}
  .nav-links{display:none!important;}
}
@media (min-width:951px){
  .menu-btn{display:none!important;}
  .nav-links{display:flex!important;}
}
.navbar{
  align-items:center!important;
  justify-content:space-between!important;
  overflow:visible!important;
}
.logo img{display:block!important;}
.socials a,
.footer-social a{
  background:#ffffff!important;
  color:#0A3161!important;
  border:1px solid rgba(10,49,97,.12)!important;
  box-shadow:0 12px 28px rgba(10,49,97,.10)!important;
  position:relative!important;
  overflow:hidden!important;
}
.socials a::before,
.footer-social a::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(135deg,#0A3161 0 50%,#B31942 50% 100%)!important;
  opacity:0!important;
  transition:.25s ease!important;
  z-index:0!important;
}
.socials a i,
.footer-social a i{position:relative!important;z-index:1!important;}
.socials a:hover,
.footer-social a:hover{
  color:#ffffff!important;
  border-color:transparent!important;
  transform:translateY(-5px)!important;
  box-shadow:0 20px 44px rgba(179,25,66,.20)!important;
}
.socials a:hover::before,
.footer-social a:hover::before{opacity:1!important;}
.socials a:nth-child(odd),
.footer-social a:nth-child(odd){color:#0A3161!important;}
.socials a:nth-child(even),
.footer-social a:nth-child(even){color:#B31942!important;}
.socials a:nth-child(even):hover,
.socials a:nth-child(odd):hover,
.footer-social a:nth-child(even):hover,
.footer-social a:nth-child(odd):hover{color:#fff!important;}

/* ===== 2026 FINAL MOBILE NAV + SOCIAL FIX ===== */
html,body{max-width:100%;overflow-x:hidden!important;}
.site-header{width:100%!important;box-sizing:border-box!important;}
.navbar{box-sizing:border-box!important;}
.menu-btn{
  flex:0 0 54px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:7px!important;
  width:54px!important;
  height:54px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  cursor:pointer!important;
  z-index:3001!important;
}
.menu-btn::before,.menu-btn::after{content:none!important;display:none!important;}
.menu-btn span,
.menu-btn span:last-child{
  display:block!important;
  width:31px!important;
  min-width:31px!important;
  max-width:31px!important;
  height:3px!important;
  padding:0!important;
  margin:0!important;
  border-radius:99px!important;
  background:#0A3161!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  overflow:hidden!important;
}
.menu-btn:hover span{background:#B31942!important;}
@media(max-width:1200px){
  .site-header{top:0!important;left:0!important;right:0!important;padding:0!important;}
  .navbar{ 
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:0!important;
    padding:13px 18px!important;
    background:rgba(255,255,255,.98)!important;
  }
  .nav-links{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  .menu-btn{display:flex!important;visibility:visible!important;opacity:1!important;}
  .logo img{height:70px!important;max-width:115px!important;}
}
@media(min-width:1201px){
  .nav-links{display:flex!important;visibility:visible!important;}
  .menu-btn{display:none!important;}
}
.mobile-menu{transform:none!important;}
.mobile-menu.show,.mobile-menu.active{display:block!important;opacity:1!important;visibility:visible!important;}
.socials a,.footer-social a,.social-icons a{
  background:#fff!important;
  border:1px solid rgba(10,49,97,.14)!important;
  color:#0A3161!important;
  box-shadow:0 10px 28px rgba(10,49,97,.10)!important;
}
.socials a:nth-child(2n),.footer-social a:nth-child(2n),.social-icons a:nth-child(2n){color:#B31942!important;}
.socials a:hover,.footer-social a:hover,.social-icons a:hover{
  background:linear-gradient(135deg,#0A3161 0%,#0A3161 48%,#fff 48%,#fff 54%,#B31942 54%,#B31942 100%)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* ===== FINAL CLICKABLE MOBILE MENU PANEL FIX ===== */
@media(max-width:1200px){
  .mobile-menu{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:100vh!important;
    z-index:999999!important;
    background:rgba(255,255,255,.985)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    display:flex!important;
    flex-direction:column!important;
    padding:20px 18px 34px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-18px)!important;
    transition:opacity .28s ease, transform .28s ease, visibility .28s ease!important;
    overflow-y:auto!important;
  }
  .mobile-menu.show,
  .mobile-menu.active{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  body.menu-open{overflow:hidden!important;touch-action:none!important;}
  .mobile-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;width:100%!important;}
  .mobile-top img{height:76px!important;width:auto!important;border-radius:18px!important;box-shadow:0 16px 35px rgba(10,49,97,.13)!important;}
  .mobile-links{display:flex!important;flex-direction:column!important;gap:12px!important;margin:34px 0 20px!important;width:100%!important;}
  .mobile-links a{display:block!important;width:100%!important;}
  .close-btn{background:transparent!important;border:0!important;cursor:pointer!important;display:flex!important;align-items:center!important;color:#0A3161!important;font-weight:900!important;}
}

/* ===== FINAL STABLE MOBILE MENU FIX ===== */
@media (max-width: 1200px){
  html, body{overflow-x:hidden!important;}
  .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:99999!important;padding:0!important;}
  .navbar{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;padding:12px 20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(10,49,97,.10)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
  .logo img{height:72px!important;max-width:115px!important;object-fit:contain!important;}
  .nav-links{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

  button.menu-btn,.menu-btn{
    display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;margin:0!important;
    align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:7px!important;
    border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;
    color:transparent!important;font-size:0!important;line-height:0!important;position:relative!important;z-index:100001!important;
    -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
  }
  .menu-btn *{pointer-events:none!important;}
  .menu-btn::before,.menu-btn::after,.menu-btn span{
    content:""!important;display:block!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:3px!important;
    background:#0A3161!important;border-radius:99px!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;
    color:transparent!important;font-size:0!important;line-height:0!important;opacity:1!important;transform:none!important;
  }
  .menu-btn span:nth-child(n+2){display:none!important;}
  .menu-btn:hover::before,.menu-btn:hover::after,.menu-btn:hover span{background:#B31942!important;}

  .mobile-menu{
    position:fixed!important;inset:0!important;z-index:100000!important;display:none!important;visibility:hidden!important;opacity:0!important;
    transform:translateX(100%)!important;transition:transform .32s ease,opacity .22s ease!important;overflow-y:auto!important;
    padding:22px 24px 55px!important;background:radial-gradient(circle at 15% 10%,rgba(179,25,66,.13),transparent 28%),radial-gradient(circle at 86% 82%,rgba(10,49,97,.16),transparent 35%),linear-gradient(135deg,#fff 0%,#F7F9FF 100%)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  }
  .mobile-menu.show,.mobile-menu.active,body.menu-open .mobile-menu{
    display:block!important;visibility:visible!important;opacity:1!important;transform:translateX(0)!important;
  }
  body.menu-open{overflow:hidden!important;}
  .mobile-top{display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;z-index:2!important;}
  .mobile-top img{height:70px!important;max-width:120px!important;object-fit:contain!important;}
  .close-btn{display:flex!important;align-items:center!important;gap:10px!important;background:transparent!important;border:0!important;color:#0A3161!important;font-weight:900!important;font-size:0!important;cursor:pointer!important;position:relative!important;z-index:100002!important;}
  .close-btn::before,.close-btn::after{content:""!important;position:absolute!important;width:34px!important;height:3px!important;background:#0A3161!important;border-radius:99px!important;right:0!important;}
  .close-btn::before{transform:rotate(45deg)!important;}.close-btn::after{transform:rotate(-45deg)!important;}
  .close-btn span,.close-circle,.close-line{display:none!important;}
  .mobile-links{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:24px!important;margin:80px 0 40px!important;position:relative!important;z-index:2!important;}
  .mobile-links a{display:block!important;font-size:clamp(28px,8vw,42px)!important;line-height:1.05!important;font-weight:950!important;color:#0A3161!important;text-align:center!important;letter-spacing:.2px!important;}
  .mobile-links a:hover,.mobile-links a.active{color:#B31942!important;}
  .socials a,.footer-social a,.social-icons a{background:#fff!important;color:#0A3161!important;border:1px solid rgba(10,49,97,.16)!important;box-shadow:0 12px 30px rgba(10,49,97,.13)!important;}
  .socials a:nth-child(even),.footer-social a:nth-child(even),.social-icons a:nth-child(even){color:#B31942!important;}
  .socials a:hover,.footer-social a:hover,.social-icons a:hover{background:linear-gradient(135deg,#0A3161 0%,#0A3161 48%,#fff 48%,#fff 54%,#B31942 54%,#B31942 100%)!important;color:#fff!important;transform:translateY(-4px)!important;}
}
@media (min-width:1201px){.menu-btn{display:none!important}.mobile-menu{display:none!important}}
/* =========================================================
   2026 CLEAN & ATTRACTIVE MOBILE MENU FIX
========================================================= */

/* Hamburger Button Styling */
.menu-btn {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    width: 40px !important;
    height: 40px !important;
    background: #F4F7FF !important;
    border: 1px solid rgba(10,49,97,0.1) !important;
    border-radius: 10px !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 999999 !important;
}

.menu-btn span {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background: #0A3161 !important;
    border-radius: 5px !important;
    transition: 0.3s !important;
}

/* Mobile Menu Panel */
.mobile-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: #ffffff !important;
    z-index: 999998 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 100px 40px 40px !important;
    transform: translateX(100%) !important; /* Start hidden on the right */
    transition: transform 0.4s cubic-bezier(0.77,0.2,0.05,1.0) !important;
    visibility: hidden !important;
}

.mobile-menu.active {
    transform: translateX(0) !important;
    visibility: visible !important;
}

/* Attractive Small Menu Links */
.mobile-links-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.mobile-links-container a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 16px !important; /* Attractive Small Font */
    font-weight: 600 !important;
    color: #0A3161 !important;
    text-decoration: none !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: 0.3s !important;
}

/* The Circle Icon (⭕) */
.mobile-links-container a::before {
    content: "" !important;
    width: 10px !important;
    height: 10px !important;
    border: 2px solid #B31942 !important;
    border-radius: 50% !important;
    display: inline-block !important;
}

.mobile-links-container a:hover {
    color: #B31942 !important;
    padding-left: 8px !important;
}

/* Close Button Position */
.close-btn {
    position: absolute !important;
    top: 25px !important;
    right: 20px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #B31942 !important;
    background: #fff1f1 !important;
    padding: 8px 15px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    border: 1px solid rgba(179,25,66,0.1) !important;
}

/* Hide Unnecessary Elements */
.mobile-top, .mobile-bottom, .mobile-mini-stats { display: none !important; }

/* =========================================================
   FINAL TOP BAR FIX - Clean Mobile Menu Header
   Fixes: weird circle/X overlap on top right, visible logo row,
   attractive small menu font, no duplicate visual controls.
========================================================= */
@media (max-width:1200px){
  .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:99999!important;}
  .navbar{height:92px!important;min-height:92px!important;padding:12px 20px!important;background:#fff!important;box-shadow:0 10px 30px rgba(10,49,97,.10)!important;}
  .navbar .logo img{height:68px!important;width:auto!important;max-width:112px!important;object-fit:contain!important;}
  .nav-links{display:none!important;}

  /* hamburger on page header */
  .menu-btn{display:flex!important;width:48px!important;height:48px!important;min-width:48px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;color:transparent!important;font-size:0!important;line-height:0!important;z-index:100001!important;}
  .menu-btn span{display:block!important;width:30px!important;height:3px!important;min-width:30px!important;max-width:30px!important;border-radius:99px!important;background:#0A3161!important;margin:0!important;padding:0!important;color:transparent!important;font-size:0!important;line-height:0!important;}
  .menu-btn:hover span{background:#B31942!important;}

  /* full mobile menu panel */
  .mobile-menu{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;z-index:999999!important;background:radial-gradient(circle at 10% 6%,rgba(179,25,66,.12),transparent 26%),radial-gradient(circle at 88% 80%,rgba(10,49,97,.14),transparent 34%),linear-gradient(135deg,#fff 0%,#F7F9FF 100%)!important;display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateX(100%)!important;transition:transform .32s ease,opacity .22s ease,visibility .22s ease!important;padding:22px 20px 34px!important;overflow-y:auto!important;}
  .mobile-menu.active,.mobile-menu.show,body.menu-open .mobile-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important;}
  body.menu-open{overflow:hidden!important;}

  /* top row inside menu: logo left, clean X right */
  .mobile-top{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin:0 0 32px!important;padding:0!important;position:relative!important;z-index:2!important;}
  .mobile-top img{display:block!important;height:78px!important;width:auto!important;max-width:122px!important;object-fit:contain!important;background:#fff!important;border-radius:18px!important;padding:4px!important;box-shadow:0 14px 34px rgba(10,49,97,.13)!important;}

  .close-btn{position:relative!important;top:auto!important;right:auto!important;width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:transparent!important;font-size:0!important;line-height:0!important;z-index:3!important;}
  .close-btn span,.close-btn .close-circle,.close-btn .close-line{display:none!important;}
  .close-btn::before,.close-btn::after{content:""!important;position:absolute!important;left:9px!important;right:auto!important;top:22px!important;width:32px!important;height:3px!important;background:linear-gradient(90deg,#0A3161,#B31942)!important;border-radius:99px!important;display:block!important;}
  .close-btn::before{transform:rotate(45deg)!important;}
  .close-btn::after{transform:rotate(-45deg)!important;}

  /* attractive readable links */
  .mobile-links{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:10px!important;margin:0!important;width:100%!important;max-width:none!important;position:relative!important;z-index:2!important;}
  .mobile-links a{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;padding:15px 18px!important;border-radius:16px!important;border:1px solid rgba(10,49,97,.10)!important;background:rgba(255,255,255,.78)!important;box-shadow:0 8px 24px rgba(10,49,97,.06)!important;text-align:left!important;text-decoration:none!important;font-size:17px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:.2px!important;color:#0A3161!important;transition:.25s ease!important;}
  .mobile-links a::before{content:""!important;display:inline-block!important;width:10px!important;height:10px!important;min-width:10px!important;border:2px solid #B31942!important;border-radius:50%!important;background:#fff!important;}
  .mobile-links a:hover,.mobile-links a.active{color:#B31942!important;background:#fff!important;transform:translateX(4px)!important;}

  .mobile-bottom,.dot-link,.circle,.mobile-mini-stats{display:none!important;}

  .socials{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;margin-top:34px!important;padding:0!important;overflow-x:auto!important;}
  .socials a{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;background:#fff!important;color:#0A3161!important;border:1px solid rgba(10,49,97,.12)!important;box-shadow:0 12px 28px rgba(10,49,97,.10)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;}
  .socials a:nth-child(even){color:#B31942!important;}
  .socials a:hover{background:linear-gradient(135deg,#0A3161 0%,#0A3161 48%,#fff 48%,#fff 54%,#B31942 54%,#B31942 100%)!important;color:#fff!important;transform:translateY(-4px)!important;}
}
@media (max-width:575px){
  .mobile-links a{font-size:16px!important;padding:14px 16px!important;border-radius:15px!important;}
  .mobile-top img{height:74px!important;}
  .socials a{width:44px!important;height:44px!important;min-width:44px!important;}
}
@media (min-width:1201px){
  .menu-btn{display:none!important;}
  .mobile-menu{display:none!important;}
}


/* =========================================================
   FINAL ULTIMATE MOBILE MENU FIX - CLEAN, CENTERED, 3 LINES
   ========================================================= */
@media (max-width: 950px){
  .navbar{min-height:102px!important;padding:12px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(255,255,255,.92)!important;}
  .navbar .logo img{width:76px!important;height:76px!important;object-fit:contain!important;border-radius:22px!important;box-shadow:0 14px 34px rgba(10,49,97,.12)!important;}

  /* Hamburger: only 3 clean lines */
  .menu-btn{
    display:flex!important; width:58px!important; height:58px!important; min-width:58px!important;
    align-items:center!important; justify-content:center!important; flex-direction:column!important;
    gap:7px!important; padding:0!important; margin:0!important; border:0!important;
    border-radius:18px!important; background:transparent!important; box-shadow:none!important;
    cursor:pointer!important; position:relative!important; z-index:10001!important;
  }
  .menu-btn span{display:block!important;width:34px!important;height:4px!important;background:#0A3161!important;border-radius:999px!important;margin:0!important;padding:0!important;box-shadow:none!important;opacity:1!important;position:static!important;transform:none!important;}
  .menu-btn span::before,.menu-btn span::after{display:none!important;content:none!important;}
  .menu-btn .menu-dot,.menu-btn span:last-child:not(:nth-child(3)){display:none!important;}

  /* Full mobile panel */
  .mobile-menu{
    position:fixed!important; inset:0!important; z-index:10000!important;
    display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important;
    padding:128px 18px 96px!important; overflow:hidden!important;
    background:
      radial-gradient(circle at 14% 8%,rgba(179,25,66,.14),transparent 32%),
      linear-gradient(135deg,rgba(255,255,255,.96),rgba(231,238,247,.94))!important;
    backdrop-filter:blur(18px)!important;
    transform:translateX(100%)!important; opacity:0!important; pointer-events:none!important;
    transition:.42s ease!important;
  }
  .mobile-menu.active,.mobile-menu.show{transform:translateX(0)!important;opacity:1!important;pointer-events:auto!important;}

  .mobile-top{position:absolute!important;top:16px!important;left:16px!important;right:16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:88px!important;margin:0!important;padding:0!important;}
  .mobile-top img{width:78px!important;height:78px!important;object-fit:contain!important;border-radius:22px!important;background:#fff!important;padding:7px!important;box-shadow:0 14px 34px rgba(10,49,97,.13)!important;}

  /* Close is simple X on right */
  .close-btn{width:56px!important;height:56px!important;border:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;font-size:0!important;box-shadow:none!important;position:relative!important;color:#B31942!important;}
  .close-btn span{display:none!important;}
  .close-btn::before,.close-btn::after{content:""!important;position:absolute!important;width:38px!important;height:5px!important;background:#B31942!important;border-radius:999px!important;}
  .close-btn::before{transform:rotate(45deg)!important;}.close-btn::after{transform:rotate(-45deg)!important;}

  /* Links: lower than logo, centered, no boxes */
  .mobile-links{
    display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
    width:100%!important; max-width:330px!important; margin:8px auto 0!important; gap:22px!important;
  }
  .mobile-links a{
    width:auto!important; min-width:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:13px!important;
    font-size:clamp(22px,6.2vw,30px)!important; line-height:1.05!important; font-weight:850!important; letter-spacing:.2px!important;
    color:#0A3161!important; text-decoration:none!important; text-transform:capitalize!important;
    background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; border-radius:999px!important;
  }
  .mobile-links a::before{content:""!important;width:13px!important;height:13px!important;min-width:13px!important;border:3px solid #B31942!important;border-radius:50%!important;background:transparent!important;display:inline-block!important;}
  .mobile-links a:hover,.mobile-links a.active{
    color:#fff!important; background:linear-gradient(135deg,#0A3161,#B31942)!important;
    padding:10px 28px!important; box-shadow:0 16px 35px rgba(10,49,97,.22)!important; transform:translateY(-2px)!important;
  }
  .mobile-links a:hover::before,.mobile-links a.active::before{border-color:#fff!important;}

  .mobile-bottom,.mobile-mini-stats,.mobile-wave,.dot-link,.circle{display:none!important;}
  .socials{position:absolute!important;left:0!important;right:0!important;bottom:28px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;margin:0!important;padding:0 14px!important;overflow:visible!important;}
  .socials a{width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%!important;background:#fff!important;color:#0A3161!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 12px 25px rgba(0,0,0,.12)!important;text-decoration:none!important;font-size:18px!important;}
}
@media (max-width:420px){
  .mobile-menu{padding-top:120px!important;}
  .mobile-links{gap:20px!important;max-width:300px!important;}
  .mobile-links a{font-size:25px!important;}
  .mobile-top img{width:72px!important;height:72px!important;}
  .navbar .logo img{width:70px!important;height:70px!important;}
}

/* =========================================================
   2026 CLIENT FINAL CAREFUL UPDATE
   USA FLAG COLORS ONLY: Navy Blue + Red + Light Blue/White
   Removes pink/maroon mixed looks and fixes mobile responsive UI.
   ========================================================= */
:root{
  --usa-blue:#0A3161;
  --fb-blue:#1877F2;
  --usa-red:#B31942;
  --clean-red:#D90429;
  --sky-bg:#EEF5FC;
  --soft-blue:#DDEAF6;
  --card-blue:#EAF2FB;
  --text-dark:#071B33;
  --text-muted:#516579;
}

html,body{overflow-x:hidden!important;}
body{
  background:#F4F8FC!important;
  color:var(--text-dark)!important;
}
body::before,body::after{display:none!important;content:none!important;}

/* Global remove pink/mixed gradients */
.hero,.page-hero,.section,.services-info-section,main{
  background:
    linear-gradient(135deg, rgba(234,242,251,.96), rgba(255,255,255,.97))!important;
}
.hero::before,.hero::after,.section::before,.section::after,.page-hero::before,.page-hero::after{
  background:none!important;
  opacity:0!important;
}

/* Header / desktop navbar - no dots/circles before links */
.site-header{background:#fff!important;border-bottom:1px solid rgba(10,49,97,.08)!important;}
.navbar{background:#fff!important;border:1px solid rgba(10,49,97,.08)!important;box-shadow:0 18px 48px rgba(10,49,97,.10)!important;}
.nav-links a{
  color:var(--usa-blue)!important;
  font-size:16px!important;
  font-weight:800!important;
  position:relative!important;
  padding:12px 8px!important;
}
.nav-links a::before{display:none!important;content:none!important;}
.nav-links a::after{
  content:""!important;
  display:block!important;
  height:3px!important;
  width:0!important;
  background:var(--clean-red)!important;
  border-radius:99px!important;
  position:absolute!important;
  left:8px!important;
  right:auto!important;
  bottom:2px!important;
  transition:.25s ease!important;
}
.nav-links a:hover,.nav-links a.active{color:var(--clean-red)!important;}
.nav-links a:hover::after,.nav-links a.active::after{width:calc(100% - 16px)!important;}

/* Hamburger only 3-line style */
.menu-btn{background:transparent!important;border:0!important;box-shadow:none!important;width:58px!important;height:58px!important;display:none!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:7px!important;padding:0!important;}
.menu-btn span{display:block!important;width:38px!important;height:5px!important;background:var(--usa-blue)!important;border-radius:99px!important;box-shadow:none!important;line-height:0!important;font-size:0!important;}
.menu-btn::before,.menu-btn::after,.menu-dot{display:none!important;content:none!important;}

/* Logo */
.logo img,.mobile-top img,.footer-logo{background:#fff!important;border-radius:18px!important;box-shadow:0 16px 36px rgba(10,49,97,.16)!important;}

/* Badge: red circle, EvolveAI area readable blue text */
.badge,.eyebrow{
  background:rgba(234,242,251,.95)!important;
  border:1px solid rgba(10,49,97,.13)!important;
  color:var(--usa-blue)!important;
  box-shadow:0 10px 26px rgba(10,49,97,.10)!important;
}
.badge-dot,.dot{
  background:var(--clean-red)!important;
  box-shadow:0 0 0 8px rgba(10,49,97,.12)!important;
}

/* Headings and short underline */
h1,h2,h3,.hero h1,.section-head h2,.section-title,.title{color:var(--usa-blue)!important;}
.gradient-text,.section-title span,.title span{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:var(--fb-blue)!important;
  color:var(--fb-blue)!important;
}
.hero h1,.page-hero h1,.section-head h2{position:relative!important;}
.hero h1::after,.page-hero h1::after,.section-head h2::after{
  content:""!important;
  display:block!important;
  width:92px!important;
  height:5px!important;
  margin:14px 0 0!important;
  border-radius:99px!important;
  background:var(--clean-red)!important;
}
.section-head h2::after,.page-hero h1::after{margin-left:auto!important;margin-right:auto!important;}
.hero p,.section-head p,.card p,.service-card p,.price-card p,.work p{color:var(--text-muted)!important;opacity:1!important;}

/* Buttons: no mixed gradients */
.btn,.btn-primary,.cta .btn{
  background:var(--clean-red)!important;
  color:#fff!important;
  border:2px solid var(--clean-red)!important;
  box-shadow:0 14px 34px rgba(217,4,41,.22)!important;
}
.btn:hover,.btn-primary:hover,.cta .btn:hover{background:#B31942!important;border-color:#B31942!important;transform:translateY(-3px)!important;}
.btn-outline,.btn-light{
  background:#fff!important;
  color:var(--usa-blue)!important;
  border:2px solid var(--usa-blue)!important;
  box-shadow:0 12px 26px rgba(10,49,97,.10)!important;
}
.btn-outline:hover,.btn-light:hover{background:var(--usa-blue)!important;color:#fff!important;}

/* Hero dashboard / big boxes: grayish blue + navy only */
.hero-card,.dashboard{
  background:var(--soft-blue)!important;
  border:1px solid rgba(10,49,97,.13)!important;
  box-shadow:0 28px 70px rgba(10,49,97,.18)!important;
}
.dashboard{
  background:var(--usa-blue)!important;
}
.dashboard::before,.dashboard::after,.hero-card::before,.hero-card::after{display:none!important;content:none!important;}
.pill{background:#fff!important;color:var(--usa-blue)!important;border:1px solid rgba(10,49,97,.12)!important;}
.stat,.stat:nth-child(n){
  background:#1B4E86!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
}
.stat:hover{border-color:#fff!important;box-shadow:0 20px 45px rgba(0,0,0,.16)!important;}
.stat b{color:#fff!important;}
.stat p{color:rgba(255,255,255,.88)!important;display:block!important;}

/* Cards/services: red top line on all service/card boxes */
.card,.service-card,.price-card,.work,.form-box,.info-box,.form-card,.content,.media,.project .content,.project .media,.slider-wrap,.wwd-item{
  background:#fff!important;
  border:1px solid rgba(10,49,97,.16)!important;
  border-top:5px solid var(--clean-red)!important;
  border-radius:28px!important;
  box-shadow:0 18px 48px rgba(10,49,97,.11)!important;
  border-image:none!important;
}
.card::before,.service-card::before,.work::before,.content::before,.media::before,.wwd-item::before{display:none!important;content:none!important;}
.card:hover,.service-card:hover,.price-card:hover,.work:hover,.wwd-item:hover{transform:translateY(-5px)!important;border-top-color:var(--clean-red)!important;}

/* Service icons red; vision/mission about icons blue */
.icon,.service-icon,.timeline-icon{
  background:var(--card-blue)!important;
  border:0!important;
  box-shadow:0 12px 26px rgba(10,49,97,.11)!important;
}
.icon i,.service-icon i,.timeline-icon i{color:var(--clean-red)!important;}
body:has(.card h3:nth-child(2)) .card .icon i{color:var(--usa-blue)!important;}

/* Portfolio timeline lines red only */
.timeline-line,.timeline-line-fill,.section-line,.red-line,.bottom-line{
  background:var(--clean-red)!important;
  border-color:var(--clean-red)!important;
}
.slider-nav button,.dots button{background:#c8d8ea!important;}
.slider-nav button.active,.dots button.active{background:var(--clean-red)!important;}
.mockup-title{color:#fff!important;text-shadow:0 4px 12px rgba(0,0,0,.45)!important;}

/* CTA: navy panel + red button only */
.cta, .cta-section, .ready-section{
  background:var(--usa-blue)!important;
  border:0!important;
  box-shadow:0 24px 60px rgba(10,49,97,.22)!important;
}
.cta::before,.cta::after{display:none!important;content:none!important;}

/* Social original brand colors - header/mobile/footer */
.socials a,.footer-social a{
  background:#fff!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(10,49,97,.16)!important;
}
.socials a:nth-child(1),.footer-social a:nth-child(1){background:#1877F2!important;color:#fff!important;}
.socials a:nth-child(2),.footer-social a:nth-child(2){background:#0A66C2!important;color:#fff!important;}
.socials a:nth-child(3),.footer-social a:nth-child(3){background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)!important;color:#fff!important;}
.socials a:nth-child(4),.footer-social a:nth-child(4){background:#FF0000!important;color:#fff!important;}
.socials a:nth-child(5),.footer-social a:nth-child(5){background:#000!important;color:#fff!important;}
.socials a::before,.footer-social a::before{display:none!important;content:none!important;}
.socials a i,.footer-social a i{color:#fff!important;position:relative!important;z-index:2!important;}

/* Footer better visibility */
footer,.footer{
  background:var(--usa-blue)!important;
  color:#fff!important;
}
footer a,footer p,footer h4,.footer a,.footer p,.footer h4{color:#fff!important;opacity:1!important;}
.footer-grid{gap:28px!important;}
.copy{color:rgba(255,255,255,.9)!important;}

/* Floating buttons: WhatsApp green only, chat navy */
.float-contact-line a{background:#25D366!important;color:#fff!important;}
.float-contact-line button{background:var(--usa-blue)!important;color:#fff!important;}
.float-contact-line::before,.float-contact-line::after{background:var(--usa-blue)!important;}

/* Desktop responsive reset */
@media (min-width:951px){
  .nav-links{display:flex!important;align-items:center!important;gap:26px!important;}
  .menu-btn{display:none!important;}
  .mobile-menu{display:none!important;}
  .hero{min-height:auto!important;padding:120px 0 70px!important;}
}

/* Mobile view: clean, full width, no broken laptop effects */
@media (max-width:950px){
  .site-header{position:relative!important;top:auto!important;}
  .navbar{border-radius:0!important;border-left:0!important;border-right:0!important;padding:16px 26px!important;max-width:100%!important;width:100%!important;}
  .nav-links{display:none!important;}
  .menu-btn{display:flex!important;}
  .logo img{width:96px!important;height:auto!important;}
  .hero{padding:58px 0 46px!important;min-height:auto!important;}
  .container{width:min(100% - 36px, 1180px)!important;}
  .hero-grid{grid-template-columns:1fr!important;gap:34px!important;}
  .hero h1{font-size:clamp(36px,10.5vw,58px)!important;line-height:1.04!important;}
  .hero h1::after{width:84px!important;height:5px!important;}
  .hero p{font-size:18px!important;line-height:1.75!important;}
  .btns{gap:14px!important;flex-wrap:wrap!important;}
  .btn{font-size:16px!important;padding:15px 24px!important;}
  .hero-card{margin-top:10px!important;}
  .dashboard{padding:22px!important;}
  .stat-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;}
  .stat{min-height:96px!important;padding:18px!important;}
  .stat b{font-size:26px!important;}
  .stat p{font-size:12px!important;line-height:1.45!important;}

  .mobile-menu{
    display:flex!important;
    flex-direction:column!important;
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    background:linear-gradient(135deg,#F2F7FD 0%,#E4EFF8 100%)!important;
    transform:translateX(100%)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:.32s ease!important;
    padding:18px 28px 28px!important;
    overflow-y:auto!important;
  }
  .mobile-menu.active,.mobile-menu.show{
    transform:translateX(0)!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .mobile-top{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:26px!important;}
  .mobile-top img{width:92px!important;}
  .close-btn{background:transparent!important;border:0!important;color:var(--usa-blue)!important;font-weight:800!important;font-size:17px!important;display:flex!important;align-items:center!important;gap:10px!important;}
  .close-circle,.close-line{display:none!important;}

  .mobile-links{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:15px!important;
    margin:10px auto 40px!important;
    width:100%!important;
    max-width:420px!important;
  }
  .mobile-links a{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:var(--usa-blue)!important;
    font-size:22px!important;
    line-height:1.15!important;
    font-weight:800!important;
    padding:2px 8px!important;
    text-align:center!important;
  }
  .mobile-links a::before{display:none!important;content:none!important;}
  .mobile-links a:hover,.mobile-links a.active{color:var(--clean-red)!important;background:transparent!important;}

  .mobile-bottom{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:18px!important;
    margin:28px auto 20px!important;
    padding:0!important;
    width:100%!important;
    max-width:560px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .dot-link{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    color:var(--usa-blue)!important;
    font-size:15px!important;
    font-weight:800!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    background:transparent!important;
    border:0!important;
    padding:0!important;
    box-shadow:none!important;
  }
  .dot-link .fa-chevron-down{display:none!important;}
  .dot-link .circle{
    display:inline-flex!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    border-radius:50%!important;
    background:var(--clean-red)!important;
    border:0!important;
    box-shadow:none!important;
  }
  .dot-link .circle i{display:none!important;}
  .dot-link:hover{color:var(--clean-red)!important;}
  .mobile-mini-stats,.mobile-wave{display:none!important;}
  .mobile-menu .socials{margin:18px auto 20px!important;justify-content:center!important;gap:14px!important;width:100%!important;display:flex!important;}
  .mobile-menu .socials a{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:18px!important;}
}

@media (max-width:575px){
  .container{width:min(100% - 28px,1180px)!important;}
  .navbar{padding:14px 22px!important;}
  .hero{padding:42px 0 36px!important;}
  .hero h1{font-size:42px!important;}
  .hero p{font-size:17px!important;}
  .badge{font-size:14px!important;padding:9px 14px!important;}
  .btn{width:auto!important;min-width:0!important;}
  .stat-grid{grid-template-columns:1fr 1fr!important;}
  .cards{grid-template-columns:1fr!important;}
  .card,.service-card,.price-card,.work{border-radius:24px!important;}
  .mobile-links a{font-size:20px!important;}
  .dot-link{font-size:14px!important;}
  .mobile-bottom{gap:13px!important;}
}

/* ============================================================
   FINAL CLIENT FIX 2026-05-09
   - Remove pinkish / mixed gradient colors globally
   - Use USA Flag Blue + USA Flag Red only
   - Red short lines under headings and cards
   - Evolve blue, Ai red, SMC-Pvt Ltd blue
   - Bootstrap 5 responsive friendly overrides
   ============================================================ */
:root{
  --usa-blue:#0A3161!important;
  --usa-red:#B31942!important;
  --soft-blue:#EEF5FF!important;
  --soft-blue-2:#E5EFFA!important;
  --text-dark:#071426!important;
  --muted:#546579!important;
  --card-border:#C9D9EA!important;
}

html,body{
  background:#F3F8FF!important;
  color:var(--text-dark)!important;
  overflow-x:hidden!important;
}
body::before,body::after{
  background:none!important;
  animation:none!important;
  opacity:0!important;
  content:none!important;
}
*{
  scrollbar-color:var(--usa-blue) #EEF5FF;
}

/* Main clean backgrounds: no pink / no mixed color */
.hero,.page-hero,.section,.portfolio-section,.packages-section,.downloads-section,.contact-section,.about-section,
main,.main-wrapper,.content-wrapper{
  background:linear-gradient(135deg,#F8FBFF 0%,#EDF5FF 100%)!important;
}
.hero::before,.hero::after,.page-hero::before,.page-hero::after,.section::before,.section::after,
.container::before,.container::after{
  background:none!important;
  opacity:0!important;
  animation:none!important;
}

/* Header / navbar */
.site-header{z-index:9999!important;}
.navbar{
  background:rgba(255,255,255,.96)!important;
  border:1px solid #DCE8F5!important;
  box-shadow:0 14px 40px rgba(10,49,97,.10)!important;
}
.nav-links{gap:34px!important;}
.nav-links a{
  color:var(--usa-blue)!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:.1px!important;
  position:relative!important;
}
.nav-links a::before{display:none!important;content:none!important;}
.nav-links a::after{
  background:var(--usa-red)!important;
  height:4px!important;
  border-radius:999px!important;
  bottom:-12px!important;
}
.nav-links a:hover,.nav-links a.active{color:var(--usa-red)!important;}

/* Hamburger stays as 3 lines */
.menu-btn{background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;padding:8px!important;border-radius:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;}
.menu-btn span,.menu-btn span:last-child{
  width:48px!important;max-width:48px!important;min-width:48px!important;height:5px!important;border-radius:99px!important;background:var(--usa-blue)!important;color:transparent!important;font-size:0!important;display:block!important;
}
.menu-btn:hover span{background:var(--usa-red)!important;}

/* Badge: red circle, EvolveAI/SMC text blue */
.badge,.eyebrow,.hero-badge,.company-badge{
  background:var(--soft-blue)!important;
  color:var(--usa-blue)!important;
  border:1px solid #C9D9EA!important;
  box-shadow:0 12px 28px rgba(10,49,97,.10)!important;
}
.badge-dot,.dot,.badge .badge-dot,.hero-badge .dot,.company-badge .dot{
  background:var(--usa-red)!important;
  box-shadow:0 0 0 8px rgba(179,25,66,.12)!important;
}

/* Logo text and headings */
.logo span,.brand-evolve,.evolve-text{color:var(--usa-blue)!important;}
.brand-ai,.ai-text{color:var(--usa-red)!important;}
.hero h1,.section-head h2,.section-title,.title,h1,h2,h3{
  color:var(--usa-blue)!important;
}
.hero h1 .gradient-text,.gradient-text,.section-title span,.title span{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:var(--usa-blue)!important;
  -webkit-text-fill-color:var(--usa-blue)!important;
}
.hero p,.section-head p,.lead,p{color:var(--muted)!important;}

/* Short red heading line as requested */
.hero h1 .gradient-text::after,.hero h1::after,.section-head h2::after,.section-title::after,.title::after,
.heading-line,.red-line,.bottom-line,.section-divider{
  content:""!important;
  display:block!important;
  width:118px!important;
  max-width:38%!important;
  height:5px!important;
  background:var(--usa-red)!important;
  border-radius:999px!important;
  margin:14px 0 0!important;
  border:0!important;
  opacity:1!important;
}
.section-head h2::after,.section-title::after,.title::after{margin-left:auto!important;margin-right:auto!important;}

/* Buttons: Start Project red, no gradient/pink */
.btn,.btn-primary,.cta .btn,.modal-btn,
a.btn-primary,button.btn-primary{
  background:var(--usa-red)!important;
  color:#fff!important;
  border:2px solid var(--usa-red)!important;
  box-shadow:0 16px 38px rgba(179,25,66,.22)!important;
  background-image:none!important;
}
.btn:hover,.btn-primary:hover,.cta .btn:hover,.modal-btn:hover{
  background:#9E1237!important;
  border-color:#9E1237!important;
  color:#fff!important;
  transform:translateY(-3px)!important;
}
.btn-outline,.btn-light,.btn-secondary{
  background:#fff!important;
  color:var(--usa-blue)!important;
  border:3px solid var(--usa-blue)!important;
  box-shadow:0 12px 28px rgba(10,49,97,.10)!important;
}
.btn-outline:hover,.btn-light:hover,.btn-secondary:hover{
  color:var(--usa-red)!important;
  border-color:var(--usa-red)!important;
  background:#fff!important;
}

/* Hero / large boxes: grayish blue / white only */
.hero-card,.dashboard,.mockup,.slide-img,.portfolio-hero .hero-card,.project .media,
.card,.work,.service-card,.price-card,.form-box,.info-box,.form-card,.content,.media,.project .content,.project .media,.slider-wrap,.package-card,.portfolio-card,.project-card{
  background:#fff!important;
  background-image:none!important;
  border:1px solid var(--card-border)!important;
  box-shadow:0 24px 70px rgba(10,49,97,.12)!important;
}
.dashboard,.mockup,.slide-img,.portfolio-hero .hero-card,.project .media{
  background:var(--usa-blue)!important;
  color:#fff!important;
}
.stat,.dashboard .stat,.stat-grid .stat{
  background:#2D5E8D!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
.stat b,.stat p,.dashboard h3,.dashboard p{color:#fff!important;}
.pill{background:#fff!important;color:var(--usa-blue)!important;border:0!important;}
.wave,.wave::before{display:none!important;content:none!important;background:none!important;}

/* Service cards: red top line and red border line, icons red */
.service-card,.premium-service-cards .card,.services .card,.card.service-intro,.service-intro{
  position:relative!important;
  background:#fff!important;
  border:1px solid var(--usa-blue)!important;
  border-top:5px solid var(--usa-red)!important;
  border-image:none!important;
  box-shadow:0 20px 55px rgba(10,49,97,.12)!important;
}
.service-card::before,.premium-service-cards .card::before,.services .card::before,.service-intro::before,.card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;height:5px!important;
  background:var(--usa-red)!important;
  border-radius:inherit!important;
  opacity:1!important;
}
.service-card .icon,.services .icon,.premium-service-cards .icon,.card .icon{
  background:var(--soft-blue)!important;
  background-image:none!important;
  color:var(--usa-red)!important;
  box-shadow:0 14px 34px rgba(10,49,97,.10)!important;
}
.service-card .icon i,.services .icon i,.premium-service-cards .icon i,.card .icon i{color:var(--usa-red)!important;}
.service-card h3,.premium-service-cards h3,.services h3{color:var(--usa-blue)!important;}

/* About/Vision/Mission icons remain blue */
.about-section .icon,.vision .icon,.mission .icon,.vm-card .icon,.about-card .icon{
  background:var(--soft-blue)!important;color:var(--usa-blue)!important;
}
.about-section .icon i,.vision .icon i,.mission .icon i,.vm-card .icon i,.about-card .icon i{color:var(--usa-blue)!important;}

/* Sliders / carousel controls: solid red, dots red/blue */
.slider-controls button,.swiper-button-prev,.swiper-button-next,.owl-prev,.owl-next{
  background:var(--usa-red)!important;background-image:none!important;color:#fff!important;border:0!important;
}
.dots button,.slick-dots button,.owl-dot span{background:#C9D9EA!important;}
.dots button.active,.slick-dots .slick-active button,.owl-dot.active span{
  background:var(--usa-red)!important;background-image:none!important;
}

/* Remove pinkish borders/background from portfolio/service image panels */
.project,.portfolio-card,.work,.slider-wrap,.portfolio-item,.service-item{
  background:#fff!important;
  border-color:#C9D9EA!important;
}
.work-img,.project-img,.portfolio-image{
  background:#E6F0FA!important;
  background-image:none!important;
}

/* Social media original brand colors */
.socials a,.footer-social a,.social-icons a{
  color:#fff!important;border:0!important;background-image:none!important;box-shadow:0 10px 24px rgba(10,49,97,.16)!important;
}
.socials a:nth-child(1),.footer-social a:nth-child(1),.social-icons a:nth-child(1){background:#1877F2!important;color:#fff!important;}
.socials a:nth-child(2),.footer-social a:nth-child(2),.social-icons a:nth-child(2){background:#0A66C2!important;color:#fff!important;}
.socials a:nth-child(3),.footer-social a:nth-child(3),.social-icons a:nth-child(3){background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)!important;color:#fff!important;}
.socials a:nth-child(4),.footer-social a:nth-child(4),.social-icons a:nth-child(4){background:#FF0000!important;color:#fff!important;}
.socials a:nth-child(5),.footer-social a:nth-child(5),.social-icons a:nth-child(5){background:#000!important;color:#fff!important;}
.socials a:hover,.footer-social a:hover,.social-icons a:hover{transform:translateY(-4px)!important;filter:brightness(1.03)!important;}

/* Footer: USA blue only, no mixed maroon */
.footer,footer,.site-footer{
  background:var(--usa-blue)!important;
  background-image:none!important;
  color:#fff!important;
}
.footer *,.site-footer *,footer *{color:rgba(255,255,255,.92)!important;}
.footer h3,.site-footer h3,footer h3{color:#fff!important;}
.footer a:hover,.site-footer a:hover,footer a:hover{color:#fff!important;text-decoration:underline!important;}

/* Floating buttons: WhatsApp original green, chat blue */
.float-contact-line::before{background:var(--usa-blue)!important;background-image:none!important;}
.float-contact-line a,.whatsapp-float{background:#25D366!important;color:#fff!important;}
.float-contact-line button,.chat-float,.chat-widget-button{background:var(--usa-blue)!important;color:#fff!important;}
.float-contact-line button .badge,.chat-widget-button .badge{background:var(--usa-red)!important;color:#fff!important;}

/* Mobile menu clean responsive */
.mobile-menu{
  background:#EEF5FF!important;
  background-image:none!important;
  padding:26px 22px 110px!important;
  overflow-y:auto!important;
}
.mobile-menu::before,.mobile-menu::after{display:none!important;content:none!important;background:none!important;}
.mobile-top img{filter:drop-shadow(0 12px 22px rgba(10,49,97,.15))!important;}
.mobile-links{
  margin:48px auto 42px!important;
  max-width:420px!important;
  gap:13px!important;
  align-items:center!important;
}
.mobile-links a{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--usa-blue)!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:900!important;
  padding:5px 0!important;
}
.mobile-links a:hover,.mobile-links a.active,.mobile-links a:first-child{color:var(--usa-red)!important;}
.mobile-bottom{
  display:flex!important;
  position:absolute!important;
  left:18px!important;right:18px!important;bottom:88px!important;
  justify-content:center!important;align-items:center!important;gap:16px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:0!important;
}
.mobile-bottom .dot-link{
  display:flex!important;align-items:center!important;gap:7px!important;
  color:#071426!important;font-size:15px!important;font-weight:900!important;text-decoration:none!important;
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;white-space:nowrap!important;
}
.mobile-bottom .circle{
  width:17px!important;height:17px!important;min-width:17px!important;border-radius:50%!important;
  border:0!important;background:var(--usa-red)!important;box-shadow:none!important;display:inline-block!important;
}
.mobile-bottom .circle i,.mobile-bottom .circle span{display:none!important;}
.mobile-mini-stats,.mobile-wave{display:none!important;}
.close-btn{color:var(--usa-blue)!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.close-circle{border-color:var(--usa-blue)!important;background:#fff!important;box-shadow:none!important;}
.close-circle::before{background:var(--usa-red)!important;}
.close-line{background:var(--usa-red)!important;background-image:none!important;}

/* Brand/social footer visibility */
.footer-social,.socials,.social-icons{display:flex!important;gap:14px!important;align-items:center!important;flex-wrap:wrap!important;}
.footer-social a,.socials a,.social-icons a{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;opacity:1!important;visibility:visible!important;}

/* Responsive desktop/mobile control */
@media (min-width:1201px){
  .nav-links{display:flex!important;visibility:visible!important;opacity:1!important;}
  .menu-btn{display:none!important;}
  .mobile-menu{display:none!important;}
}
@media (max-width:1200px){
  .site-header{top:0!important;padding:0!important;}
  .navbar{max-width:100%!important;width:100%!important;border-radius:0!important;padding:18px 28px!important;}
  .nav-links{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
  .menu-btn{display:flex!important;}
}
@media (max-width:767.98px){
  .hero{padding-top:120px!important;padding-bottom:45px!important;min-height:auto!important;}
  .hero h1{font-size:clamp(44px,12vw,66px)!important;line-height:1.02!important;letter-spacing:-2px!important;}
  .hero p{font-size:18px!important;line-height:1.75!important;}
  .badge{font-size:15px!important;padding:10px 16px!important;}
  .btns{gap:14px!important;align-items:flex-start!important;}
  .btn,.btn-primary,.btn-outline{font-size:15px!important;padding:15px 24px!important;}
  .hero-card{margin-top:34px!important;}
  .mobile-links a{font-size:24px!important;}
}
@media (max-width:420px){
  .mobile-bottom{gap:10px!important;left:10px!important;right:10px!important;}
  .mobile-bottom .dot-link{font-size:13px!important;gap:5px!important;}
  .mobile-bottom .circle{width:14px!important;height:14px!important;min-width:14px!important;}
  .socials a{width:40px!important;height:40px!important;min-width:40px!important;}
}

/* =========================================================
   FINAL CLIENT FIX 2026-05-13
   Source: corrected no-pink final ZIP.
   Requirements: remove moving lines, remove pink/mixed colors,
   USA flag blue/red only, red circle + blue text badge,
   service red lines, blue panels with white text, responsive.
   ========================================================= */
:root{
  --usa-blue:#0A3161!important;
  --usa-red:#B31942!important;
  --light-blue:#EAF2FB!important;
  --light-blue-2:#DDEAF7!important;
  --soft-blue:#F5F9FF!important;
  --text-blue:#0A3161!important;
  --text-muted:#52677F!important;
}

/* Kill all moving/animated decorative lines and mixed background movement */
*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;}
body::before,body::after,.moving-line,.animated-line,.shine-line,.auto-line,.line-move,.wave,.wave:before,.wave:after,
.hero-line-moving,.hero-underline-moving,.scroll-line,.slider-progress,.progress-line,.progressbar,.progress-bar{
  animation:none!important;transition:none!important;background-image:none!important;transform:none!important;
}

/* Clean global background - no pinkish overlay */
html,body,.page,.main,.hero,.page-hero,.section,.section-soft,.services,.portfolio-section,.packages-section,.about-section{
  background:linear-gradient(135deg,#F8FBFF 0%,#EAF2FB 100%)!important;
  background-color:#F8FBFF!important;
}
.hero::before,.hero::after,.page-hero::before,.page-hero::after,.section::before,.section::after{
  background:transparent!important;background-image:none!important;opacity:0!important;display:none!important;
}

/* Logo / badge: red circle, EvolveAI blue/red, SMC Pvt Ltd blue */
.badge,.eyebrow,.company-badge,.hero-badge,.mini-badge{
  color:var(--usa-blue)!important;
  background:rgba(234,242,251,.94)!important;
  border:1px solid rgba(10,49,97,.16)!important;
  box-shadow:0 14px 34px rgba(10,49,97,.10)!important;
}
.badge::before,.eyebrow::before,.company-badge::before,.hero-badge::before,.mini-badge::before,
.badge-dot,.dot,.pill-dot{
  background:var(--usa-red)!important;
  box-shadow:0 0 0 9px rgba(179,25,66,.12)!important;
  border-radius:50%!important;
}
/* When text is plain, keep entire badge blue except red dot. Logo image already has AI red. */
.badge strong,.eyebrow strong,.company-badge strong,.hero-badge strong{color:var(--usa-blue)!important;}
.badge .ai,.eyebrow .ai,.company-badge .ai,.hero-badge .ai{color:var(--usa-red)!important;}

/* Main headings: keep Starts Here blue; all heading underline short red only */
h1,h2,h3,h4,.title,.section-title,.hero h1,.section-head h2{color:var(--usa-blue)!important;}
.gradient-text,.hero h1 .gradient-text,.section-title span,.title span{
  color:#1877F2!important;
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  -webkit-text-fill-color:#1877F2!important;
}
.hero h1::after,.hero h1 .gradient-text::after,.section-head h2::after,.section-title::after,.title::after,
.heading-line,.red-line,.bottom-line,.section-divider,.page-title::after,.card-title::after{
  content:""!important;display:block!important;width:128px!important;max-width:42%!important;height:5px!important;
  border-radius:999px!important;background:var(--usa-red)!important;background-image:none!important;
  margin:14px 0 0!important;box-shadow:none!important;opacity:1!important;
}
.section-head h2::after,.section-title::after,.title::after,.page-title::after{margin:14px auto 0!important;}
/* Remove duplicate small movable grey/blue underline */
.hero h1::before,.section-head h2::before,.section-title::before,.title::before,.page-title::before,
.gradient-text::before,.gradient-text::after{animation:none!important;background:transparent!important;background-image:none!important;}

/* Buttons: USA red only for main CTA. No blue-red gradient/pink. */
.btn,.btn-primary,.cta .btn,.start-btn,.primary-btn,a.btn-primary{
  background:var(--usa-red)!important;background-image:none!important;color:#fff!important;
  border:2px solid var(--usa-red)!important;box-shadow:0 18px 40px rgba(179,25,66,.22)!important;
}
.btn:hover,.btn-primary:hover,.cta .btn:hover,.start-btn:hover,.primary-btn:hover{background:#9d1438!important;border-color:#9d1438!important;color:#fff!important;transform:translateY(-2px)!important;}
.btn-outline,.btn-light,.btn-secondary,.outline-btn{
  background:#fff!important;color:var(--usa-blue)!important;border:3px dashed var(--usa-blue)!important;
  border-radius:999px!important;box-shadow:0 12px 30px rgba(10,49,97,.10)!important;
}
.btn-outline:hover,.btn-light:hover,.btn-secondary:hover,.outline-btn:hover{background:var(--usa-blue)!important;color:#fff!important;border-color:var(--usa-blue)!important;}

/* Blue/dark panels: text must be white */
.icon,.mockup,.dashboard,.slide-img,.portfolio-hero .hero-card,.cta,.footer,footer,.site-footer,.dark-card,.blue-card,
.hero-visual,.service-preview,.ai-panel,.growth-panel,.stats-panel{
  background:var(--usa-blue)!important;background-image:none!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;
}
.icon *,.mockup *,.dashboard *,.slide-img *,.portfolio-hero .hero-card *,.cta *,.footer *,.site-footer *,.dark-card *,.blue-card *,
.hero-visual *,.service-preview *,.ai-panel *,.growth-panel *,.stats-panel *{color:#fff!important;}

/* Large service/portfolio boxes: light grayish blue or white, pink border removed */
.card,.work,.service-card,.price-card,.form-box,.info-box,.form-card,.content,.media,.project .content,.project .media,.slider-wrap,.package-card,.download-card,.about-card{
  background:rgba(255,255,255,.96)!important;background-image:none!important;
  border:1px solid rgba(10,49,97,.18)!important;border-radius:26px!important;
  box-shadow:0 18px 50px rgba(10,49,97,.12)!important;
}
.card:hover,.work:hover,.service-card:hover,.price-card:hover,.package-card:hover,.download-card:hover{box-shadow:0 28px 70px rgba(10,49,97,.18)!important;}

/* Service cards: keep the red line on all services, not removed */
.service-card,.work,.price-card,.package-card,.download-card,.project-card{position:relative!important;overflow:hidden!important;}
.service-card::before,.work::before,.price-card::before,.package-card::before,.download-card::before,.project-card::before,.card.service::before{
  content:""!important;display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:5px!important;
  background:var(--usa-red)!important;background-image:none!important;opacity:1!important;z-index:3!important;border-radius:26px 26px 0 0!important;
}
.service-card::after,.work::after,.price-card::after,.package-card::after,.download-card::after,.project-card::after{background:transparent!important;background-image:none!important;}

/* Service icons pure red; vision/mission blue */
.service-card .icon,.service-icon,.services .icon,.work .icon,.package-card .icon,.download-card .icon{
  background:#EAF2FB!important;background-image:none!important;color:var(--usa-red)!important;border:0!important;
}
.service-card .icon i,.service-icon i,.services .icon i,.work .icon i,.package-card .icon i,.download-card .icon i,
.service-card svg,.service-icon svg{color:var(--usa-red)!important;fill:var(--usa-red)!important;stroke:var(--usa-red)!important;}
.vision .icon,.mission .icon,.vision-card .icon,.mission-card .icon,.about-card .icon{color:var(--usa-blue)!important;background:#EAF2FB!important;}
.vision .icon i,.mission .icon i,.vision-card .icon i,.mission-card .icon i,.about-card .icon i{color:var(--usa-blue)!important;}

/* Remove mixed/maroon from slider/buttons/dots; red active, light blue inactive */
.slider-controls button,.slider-nav button,.arrows button{background:var(--usa-blue)!important;background-image:none!important;color:#fff!important;}
.dots button,.swiper-pagination-bullet{background:#C8D8EA!important;background-image:none!important;opacity:1!important;}
.dots button.active,.swiper-pagination-bullet-active{background:var(--usa-red)!important;background-image:none!important;width:40px!important;border-radius:999px!important;}

/* Portfolio images / panels: remove maroon mixed overlay; set light greyish blue */
.portfolio-card,.portfolio-item,.portfolio-showcase,.portfolio-slide,.slider-card,.image-frame,.image-box{
  background:#EAF2FB!important;background-image:none!important;border-color:rgba(10,49,97,.16)!important;
}
.portfolio-card::before,.portfolio-item::before,.portfolio-showcase::before,.portfolio-slide::before,.slider-card::before,.image-frame::before,.image-box::before{
  background:var(--usa-red)!important;background-image:none!important;
}

/* Social icons: original brand colors; visible on footer */
.socials a,.footer-social a,.social-icons a{background:#1877F2!important;color:#fff!important;border:0!important;box-shadow:0 14px 28px rgba(10,49,97,.18)!important;}
.socials a:nth-child(1),.footer-social a:nth-child(1),.social-icons a:nth-child(1){background:#1877F2!important;color:#fff!important;}
.socials a:nth-child(2),.footer-social a:nth-child(2),.social-icons a:nth-child(2){background:#0A66C2!important;color:#fff!important;}
.socials a:nth-child(3),.footer-social a:nth-child(3),.social-icons a:nth-child(3){background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)!important;color:#fff!important;}
.socials a:nth-child(4),.footer-social a:nth-child(4),.social-icons a:nth-child(4){background:#FF0000!important;color:#fff!important;}
.socials a:nth-child(5),.footer-social a:nth-child(5),.social-icons a:nth-child(5){background:#000!important;color:#fff!important;}

/* Footer: pure USA blue only */
.footer,.site-footer,footer{background:var(--usa-blue)!important;background-image:none!important;color:#fff!important;}
.footer a,.site-footer a,footer a,.footer p,.site-footer p,footer p,.footer h4,.site-footer h4,footer h4{color:#fff!important;opacity:1!important;}

/* Mobile responsive clean layout */
@media(max-width:991px){
  .nav-links{display:none!important;}
  .menu-btn{display:flex!important;}
  .hero,.page-hero{padding-top:32px!important;min-height:auto!important;}
  .hero .container,.hero-grid,.row{display:block!important;}
  .hero h1{font-size:clamp(42px,12vw,64px)!important;line-height:1.02!important;letter-spacing:-2px!important;}
  .hero p{font-size:18px!important;line-height:1.75!important;}
  .btn,.btn-primary,.btn-outline{font-size:15px!important;padding:15px 24px!important;}
  .mobile-menu{background:#EAF2FB!important;background-image:none!important;}
  .mobile-links a{font-size:22px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:9px 6px!important;color:var(--usa-blue)!important;}
  .mobile-links a.active,.mobile-links a:hover{color:var(--usa-red)!important;}
}
@media(min-width:992px){
  .nav-links a::before,.nav-links a .circle,.nav-links .dot,.nav-links a .dot{display:none!important;content:none!important;}
  .nav-links a{font-size:16px!important;}
}

/* ============================================================
   FINAL CLIENT PATCH - 2026-05-13
   Source base: corrected no-pink final ZIP.
   Requirements applied carefully:
   - No pinkish/maroon mixed backgrounds
   - USA flag blue (#0A3161) + USA flag red (#B31942) only
   - Starts Here remains Facebook blue
   - One short red line only under headings
   - Dashboard/slider/CTA blue panels with white text
   - Service cards have red top line
   - View Portfolio dashed/zigzag-style border
   - Bootstrap/mobile responsive fixes
   ============================================================ */
:root{
  --usa-blue:#0A3161!important;
  --usa-red:#B31942!important;
  --fb-blue:#1877F2!important;
  --light-bg:#F4F8FF!important;
  --panel-light:#EAF2FB!important;
  --border-blue:#C9D9EA!important;
  --text-dark:#071426!important;
  --muted:#52677D!important;
}

html,body{max-width:100%!important;overflow-x:hidden!important;background:var(--light-bg)!important;color:var(--text-dark)!important;}
*,*::before,*::after{box-sizing:border-box;}
body::before,body::after,.hero::before,.hero::after,.page-hero::before,.page-hero::after,.section::before,.section::after,.container::before,.container::after{display:none!important;content:none!important;background:none!important;background-image:none!important;animation:none!important;opacity:0!important;}

/* Clean all general backgrounds: no pinkish overlay */
main,.main-wrapper,.content-wrapper,.hero,.page-hero,.section,.services-info-section,.portfolio-section,.packages-section,.downloads-section,.contact-section,.about-section{
  background:linear-gradient(135deg,#F8FBFF 0%,#EAF2FB 100%)!important;
  background-color:#F8FBFF!important;
  background-image:linear-gradient(135deg,#F8FBFF 0%,#EAF2FB 100%)!important;
}

/* Header/navbar - clean, no nav circles/dots */
.site-header{background:#fff!important;border-bottom:1px solid rgba(10,49,97,.08)!important;z-index:9999!important;}
.navbar{background:#fff!important;background-image:none!important;border:1px solid rgba(10,49,97,.10)!important;box-shadow:0 14px 40px rgba(10,49,97,.10)!important;}
.nav-links{gap:30px!important;}
.nav-links a{color:var(--usa-blue)!important;font-size:16px!important;font-weight:900!important;letter-spacing:.1px!important;position:relative!important;text-decoration:none!important;}
.nav-links a::before,.nav-links a .circle,.nav-links .dot{display:none!important;content:none!important;}
.nav-links a::after{content:""!important;position:absolute!important;left:0!important;right:auto!important;bottom:-10px!important;width:0!important;height:4px!important;border-radius:999px!important;background:var(--usa-red)!important;background-image:none!important;transition:.25s ease!important;}
.nav-links a:hover,.nav-links a.active{color:var(--usa-red)!important;}
.nav-links a:hover::after,.nav-links a.active::after{width:100%!important;}
.logo img,.mobile-top img,.footer-logo{background:#fff!important;border-radius:18px!important;box-shadow:0 14px 34px rgba(10,49,97,.13)!important;}

/* Hamburger remains 3-line style only */
.menu-btn{background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:8px!important;align-items:center!important;justify-content:center!important;}
.menu-btn span,.menu-btn span:last-child{display:block!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:5px!important;border-radius:999px!important;background:var(--usa-blue)!important;color:transparent!important;font-size:0!important;line-height:0!important;box-shadow:none!important;}
.menu-btn::before,.menu-btn::after,.menu-dot{display:none!important;content:none!important;}
.menu-btn:hover span{background:var(--usa-red)!important;}

/* Badge: red circle + EvolveAI/SMC text blue; AI red when separated by class */
.badge,.eyebrow,.company-badge,.hero-badge,.mini-badge{
  color:var(--usa-blue)!important;
  background:var(--panel-light)!important;
  background-image:none!important;
  border:1px solid var(--border-blue)!important;
  box-shadow:0 12px 28px rgba(10,49,97,.10)!important;
}
.badge-dot,.dot,.pill-dot,.badge::before,.eyebrow::before,.company-badge::before,.hero-badge::before,.mini-badge::before{
  background:var(--usa-red)!important;
  background-image:none!important;
  box-shadow:0 0 0 8px rgba(179,25,66,.12)!important;
  border-radius:50%!important;
}
.badge strong,.eyebrow strong,.company-badge strong,.hero-badge strong{color:var(--usa-blue)!important;}
.badge .ai,.eyebrow .ai,.company-badge .ai,.hero-badge .ai{color:var(--usa-red)!important;}

/* Headings: Starts Here FB blue; heading line short red only */
h1,h2,h3,h4,.title,.section-title,.hero h1,.section-head h2{color:var(--usa-blue)!important;}
.gradient-text,.hero h1 .gradient-text,.section-title span,.title span{
  background:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  color:var(--fb-blue)!important;-webkit-text-fill-color:var(--fb-blue)!important;
}
.hero p,.section-head p,.lead,p{color:var(--muted)!important;opacity:1!important;}
.hero h1::before,.section-head h2::before,.section-title::before,.title::before,.page-title::before,.gradient-text::before,.gradient-text::after{display:none!important;content:none!important;animation:none!important;background:none!important;}
.hero h1::after,.page-hero h1::after,.section-head h2::after,.section-title::after,.title::after,.page-title::after,.heading-line,.red-line,.bottom-line,.section-divider{
  content:""!important;display:block!important;width:118px!important;max-width:42%!important;height:5px!important;margin:14px 0 0!important;border-radius:999px!important;background:var(--usa-red)!important;background-image:none!important;border:0!important;box-shadow:none!important;opacity:1!important;animation:none!important;
}
.section-head h2::after,.section-title::after,.title::after,.page-title::after{margin-left:auto!important;margin-right:auto!important;}

/* Remove moving/shine lines globally */
.stat::before,.stat::after,.card::after,.work::after,.service-card::after,.price-card::after,.package-card::after,.download-card::after,.project-card::after,.dashboard::before,.dashboard::after,.slider-wrap::before,.slider-wrap::after,.slide-img::before,.slide-img::after,.mockup::before,.mockup::after{animation:none!important;transition:none!important;}
.stat::before,.stat::after,.dashboard::before,.dashboard::after,.mockup::before,.mockup::after{display:none!important;content:none!important;background:none!important;}

/* Buttons: main red only; outline dashed/zigzag style */
.btn,.btn-primary,.cta .btn,.start-btn,.primary-btn,a.btn-primary,button.btn-primary{
  background:var(--usa-red)!important;background-image:none!important;color:#fff!important;border:2px solid var(--usa-red)!important;box-shadow:0 16px 36px rgba(179,25,66,.22)!important;
}
.btn:hover,.btn-primary:hover,.cta .btn:hover,.start-btn:hover,.primary-btn:hover{background:#9E1237!important;border-color:#9E1237!important;color:#fff!important;transform:translateY(-2px)!important;}
.btn-outline,.btn-light,.btn-secondary,.outline-btn{
  background:#fff!important;background-image:none!important;color:var(--usa-blue)!important;border:3px dashed var(--usa-blue)!important;border-radius:999px!important;box-shadow:0 12px 28px rgba(10,49,97,.10)!important;
}
.btn-outline:hover,.btn-light:hover,.btn-secondary:hover,.outline-btn:hover{background:var(--usa-blue)!important;color:#fff!important;border-color:var(--usa-blue)!important;}

/* Dashboard / blue panels: one solid blue, all text white */
.dashboard,.mockup,.slide-img,.portfolio-hero .hero-card,.project .media,.hero-visual,.service-preview,.ai-panel,.growth-panel,.stats-panel,.dark-card,.blue-card{
  background:var(--usa-blue)!important;background-image:none!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;
}
.dashboard *,.mockup *,.slide-img *,.portfolio-hero .hero-card *,.project .media *,.hero-visual *,.service-preview *,.ai-panel *,.growth-panel *,.stats-panel *,.dark-card *,.blue-card *{color:#fff!important;}
.hero-card{background:#DDEAF6!important;background-image:none!important;border:1px solid var(--border-blue)!important;box-shadow:0 26px 70px rgba(10,49,97,.16)!important;}
.stat,.dashboard .stat,.stat-grid .stat{background:#2D5E8D!important;background-image:none!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;color:#fff!important;}
.stat b,.stat p{color:#fff!important;}
.pill,.dash-top .pill{background:#fff!important;color:var(--usa-blue)!important;border:1px solid rgba(10,49,97,.12)!important;}
.wave,.wave::before,.wave::after{display:none!important;content:none!important;background:none!important;}

/* Top slider card: same blue theme as lower box, no white invisible area */
.slider-wrap{background:#fff!important;background-image:none!important;border:1px solid var(--border-blue)!important;box-shadow:0 24px 70px rgba(10,49,97,.12)!important;}
.slide{background:transparent!important;}
.slide-img,.slide-content{
  background:var(--usa-blue)!important;background-image:none!important;color:#fff!important;border:0!important;
}
.slide-img h3,.slide-content h3,.slide-content p{color:#fff!important;}
.slide-content .tags span,.tags span{
  background:#2D5E8D!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;
}
.slider-controls button,.slider-nav button,.arrows button,.swiper-button-prev,.swiper-button-next,.owl-prev,.owl-next{
  background:var(--usa-blue)!important;background-image:none!important;color:#fff!important;border:0!important;
}
.dots button,.slick-dots button,.owl-dot span,.swiper-pagination-bullet{background:#C9D9EA!important;background-image:none!important;opacity:1!important;}
.dots button.active,.slick-dots .slick-active button,.owl-dot.active span,.swiper-pagination-bullet-active{background:var(--usa-red)!important;background-image:none!important;width:40px!important;border-radius:999px!important;}

/* Cards/services: white/light greyish, red top line on all */
.card,.work,.service-card,.price-card,.form-box,.info-box,.form-card,.content,.media,.project .content,.project .media,.package-card,.download-card,.about-card,.portfolio-card,.project-card,.wwd-item{
  background:#fff!important;background-image:none!important;border:1px solid rgba(10,49,97,.18)!important;border-radius:26px!important;box-shadow:0 18px 50px rgba(10,49,97,.12)!important;color:var(--text-dark)!important;
}
.card h3,.work h3,.service-card h3,.price-card h3,.package-card h3,.download-card h3,.about-card h3,.content h3{color:var(--usa-blue)!important;}
.card p,.work p,.service-card p,.price-card p,.package-card p,.download-card p,.about-card p,.content p{color:var(--muted)!important;}
.service-card,.work,.price-card,.package-card,.download-card,.project-card,.premium-service-cards .card,.services .card{position:relative!important;overflow:hidden!important;border-top:5px solid var(--usa-red)!important;}
.service-card::before,.work::before,.price-card::before,.package-card::before,.download-card::before,.project-card::before,.premium-service-cards .card::before,.services .card::before,.card.service::before{
  content:""!important;display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:5px!important;background:var(--usa-red)!important;background-image:none!important;opacity:1!important;z-index:3!important;border-radius:26px 26px 0 0!important;
}

/* Service icons pure red; vision/mission blue */
.service-card .icon,.service-icon,.services .icon,.work .icon,.package-card .icon,.download-card .icon,.premium-service-cards .icon{
  background:#EAF2FB!important;background-image:none!important;color:var(--usa-red)!important;box-shadow:0 14px 30px rgba(10,49,97,.10)!important;
}
.service-card .icon i,.service-icon i,.services .icon i,.work .icon i,.package-card .icon i,.download-card .icon i,.premium-service-cards .icon i,.service-card svg,.service-icon svg{color:var(--usa-red)!important;fill:var(--usa-red)!important;stroke:var(--usa-red)!important;}
.about-section .icon,.vision .icon,.mission .icon,.vision-card .icon,.mission-card .icon,.vm-card .icon,.about-card .icon{background:#EAF2FB!important;color:var(--usa-blue)!important;}
.about-section .icon i,.vision .icon i,.mission .icon i,.vision-card .icon i,.mission-card .icon i,.vm-card .icon i,.about-card .icon i{color:var(--usa-blue)!important;}

/* Portfolio/image frames: light greyish blue, remove red/maroon overlays */
.portfolio-card,.portfolio-item,.portfolio-showcase,.portfolio-slide,.slider-card,.image-frame,.image-box,.work-img,.project-img,.portfolio-image{
  background:#EAF2FB!important;background-image:none!important;border-color:rgba(10,49,97,.16)!important;
}
.portfolio-card::before,.portfolio-item::before,.portfolio-showcase::before,.portfolio-slide::before,.slider-card::before,.image-frame::before,.image-box::before{background:var(--usa-red)!important;background-image:none!important;}
.mockup-title{color:#fff!important;text-shadow:0 3px 12px rgba(0,0,0,.45)!important;}

/* CTA/footer: solid USA blue; text white */
.cta,.cta-section,.ready-section,.footer,footer,.site-footer{background:var(--usa-blue)!important;background-image:none!important;color:#fff!important;border:0!important;}
.cta *,.cta h1,.cta h2,.cta h3,.cta p,.cta a,.footer *,.site-footer *,footer *{color:#fff!important;}
.cta .btn,.ready-section .btn{background:var(--usa-red)!important;color:#fff!important;border-color:var(--usa-red)!important;}

/* Social original brand colors, visible in footer */
.socials a,.footer-social a,.social-icons a{color:#fff!important;border:0!important;background-image:none!important;box-shadow:0 10px 24px rgba(10,49,97,.16)!important;opacity:1!important;visibility:visible!important;}
.socials a:nth-child(1),.footer-social a:nth-child(1),.social-icons a:nth-child(1){background:#1877F2!important;color:#fff!important;}
.socials a:nth-child(2),.footer-social a:nth-child(2),.social-icons a:nth-child(2){background:#0A66C2!important;color:#fff!important;}
.socials a:nth-child(3),.footer-social a:nth-child(3),.social-icons a:nth-child(3){background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)!important;color:#fff!important;}
.socials a:nth-child(4),.footer-social a:nth-child(4),.social-icons a:nth-child(4){background:#FF0000!important;color:#fff!important;}
.socials a:nth-child(5),.footer-social a:nth-child(5),.social-icons a:nth-child(5){background:#000!important;color:#fff!important;}
.socials a::before,.footer-social a::before,.social-icons a::before{display:none!important;content:none!important;}

/* Floating buttons */
.float-contact-line::before{background:var(--usa-blue)!important;background-image:none!important;}
.float-contact-line a,.whatsapp-float{background:#25D366!important;color:#fff!important;}
.float-contact-line button,.chat-float,.chat-widget-button{background:var(--usa-blue)!important;color:#fff!important;}
.float-contact-line button .badge,.chat-widget-button .badge{background:var(--usa-red)!important;color:#fff!important;}

/* Mobile responsive - clean menu, no desktop overflow */
@media (min-width:1201px){.nav-links{display:flex!important;visibility:visible!important;opacity:1!important;}.menu-btn{display:none!important;}.mobile-menu{display:none!important;}}
@media (max-width:1200px){
  .site-header{top:0!important;padding:0!important;position:relative!important;}
  .navbar{max-width:100%!important;width:100%!important;border-radius:0!important;padding:16px 24px!important;}
  .nav-links{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
  .menu-btn{display:flex!important;}
  .logo img{width:92px!important;height:auto!important;}
  .mobile-menu{background:#EAF2FB!important;background-image:none!important;padding:26px 22px 110px!important;overflow-y:auto!important;}
  .mobile-menu::before,.mobile-menu::after{display:none!important;content:none!important;}
  .mobile-links{margin:46px auto 38px!important;max-width:420px!important;gap:13px!important;align-items:center!important;}
  .mobile-links a{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--usa-blue)!important;font-size:22px!important;line-height:1.15!important;font-weight:900!important;padding:5px 0!important;}
  .mobile-links a::before{display:none!important;content:none!important;}
  .mobile-links a:hover,.mobile-links a.active,.mobile-links a:first-child{color:var(--usa-red)!important;}
  .mobile-bottom{display:flex!important;position:absolute!important;left:18px!important;right:18px!important;bottom:88px!important;justify-content:center!important;align-items:center!important;gap:16px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
  .mobile-bottom .dot-link{display:flex!important;align-items:center!important;gap:7px!important;color:#071426!important;font-size:15px!important;font-weight:900!important;text-decoration:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;white-space:nowrap!important;}
  .mobile-bottom .circle{width:17px!important;height:17px!important;min-width:17px!important;border-radius:50%!important;border:0!important;background:var(--usa-red)!important;box-shadow:none!important;display:inline-block!important;}
  .mobile-bottom .circle i,.mobile-bottom .circle span{display:none!important;}
  .mobile-mini-stats,.mobile-wave{display:none!important;}
  .mobile-menu .socials{position:static!important;margin:18px auto 20px!important;justify-content:center!important;gap:14px!important;width:100%!important;display:flex!important;}
  .mobile-menu .socials a{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:18px!important;}
}
@media (max-width:767.98px){
  .container{width:min(100% - 28px,1180px)!important;max-width:100%!important;}
  .hero{padding:38px 0 44px!important;min-height:auto!important;}
  .hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:30px!important;}
  .hero h1{font-size:clamp(42px,12vw,64px)!important;line-height:1.02!important;letter-spacing:-2px!important;}
  .hero p{font-size:17px!important;line-height:1.72!important;}
  .badge{font-size:14px!important;padding:10px 15px!important;}
  .btns{gap:14px!important;align-items:flex-start!important;flex-wrap:wrap!important;}
  .btn,.btn-primary,.btn-outline{font-size:15px!important;padding:15px 24px!important;}
  .hero-card{margin-top:10px!important;border-radius:26px!important;}
  .dashboard{padding:22px!important;border-radius:24px!important;}
  .stat-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;}
  .stat{min-height:98px!important;padding:16px!important;}
  .stat b{font-size:26px!important;}
  .stat p{font-size:12px!important;line-height:1.45!important;}
  .slide{display:grid!important;grid-template-columns:1fr!important;}
  .slide-img,.slide-content{min-height:auto!important;padding:34px 24px!important;}
  .slide-content{border-top:1px solid rgba(255,255,255,.16)!important;}
  .cta{padding:42px 22px!important;border-radius:28px!important;}
}
@media (max-width:420px){
  .mobile-bottom{gap:10px!important;left:10px!important;right:10px!important;flex-wrap:wrap!important;bottom:84px!important;}
  .mobile-bottom .dot-link{font-size:13px!important;}
  .hero h1{font-size:40px!important;}
  .hero p{font-size:16px!important;}
  .stat-grid{grid-template-columns:1fr!important;}
}


/* ==========================================================
   ABSOLUTE FINAL CLIENT FIX - COMPLETE SITE
   - Remove pinkish/mixed backgrounds completely
   - USA navy blue + USA red only
   - One red underline only, no double/moving lines
   - Starts Here remains Facebook blue
   - Blue panels keep white text
   - Service cards red top line
   - Mobile responsive and desktop navbar font restored
========================================================== */
:root{
  --usa-blue:#0A3161!important;
  --usa-red:#B31942!important;
  --fb-blue:#1877F2!important;
  --soft-blue:#EAF2FB!important;
  --soft-blue-2:#F6FAFF!important;
  --text-dark:#071426!important;
  --muted-text:#53687D!important;
}
html,body{background:#F6FAFF!important;background-image:none!important;color:var(--text-dark)!important;max-width:100%!important;overflow-x:hidden!important;}
body::before,body::after,.hero::before,.hero::after,.page-hero::before,.page-hero::after,.section::before,.section::after,.wave,.wave::before,.wave::after,.moving-line,.animated-line,.shine-line,.line-move,.hero-line-moving,.hero-underline-moving,.scroll-line,.progress-line,.progressbar,.progress-bar{display:none!important;content:none!important;background:none!important;background-image:none!important;animation:none!important;opacity:0!important;}

/* clean backgrounds: no pink / maroon glow */
.hero,.page-hero,.section,.services-info-section,.portfolio-section,.packages-section,.downloads-section,.contact-section,.about-section,main,.main-wrapper,.content-wrapper{
  background:#F6FAFF!important;
  background-image:linear-gradient(135deg,#F8FBFF 0%,#EAF2FB 100%)!important;
}
.hero-card,.slider-wrap,.portfolio-slider,.portfolio-showcase,.project,.project .media,.project .content,.card,.work,.service-card,.price-card,.package-card,.download-card,.about-card,.info-box,.form-box,.form-card,.content,.media,.wwd-item{
  background:#fff!important;
  background-image:none!important;
  border:1px solid rgba(10,49,97,.16)!important;
  box-shadow:0 18px 50px rgba(10,49,97,.12)!important;
  color:var(--text-dark)!important;
}

/* navbar: no desktop dots/circles; original size restored */
.site-header{background:#fff!important;border-bottom:1px solid rgba(10,49,97,.08)!important;}
.navbar{background:#fff!important;background-image:none!important;border:1px solid rgba(10,49,97,.10)!important;box-shadow:0 14px 38px rgba(10,49,97,.10)!important;}
.nav-links{gap:32px!important;}
.nav-links a{font-size:18px!important;font-weight:900!important;color:var(--usa-blue)!important;background:transparent!important;position:relative!important;text-decoration:none!important;}
.nav-links a::before,.nav-links a .circle,.nav-links .dot,.nav-links a .dot{display:none!important;content:none!important;}
.nav-links a::after{content:""!important;position:absolute!important;left:0!important;bottom:-10px!important;width:0!important;height:4px!important;background:var(--usa-red)!important;background-image:none!important;border-radius:999px!important;transition:.25s ease!important;}
.nav-links a:hover,.nav-links a.active{color:var(--usa-red)!important;}
.nav-links a:hover::after,.nav-links a.active::after{width:100%!important;}

/* hamburger 3 lines only */
.menu-btn{background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important;align-items:center!important;justify-content:center!important;}
.menu-btn span,.menu-btn span:last-child{display:block!important;width:46px!important;height:5px!important;border-radius:999px!important;background:var(--usa-blue)!important;background-image:none!important;color:transparent!important;font-size:0!important;line-height:0!important;box-shadow:none!important;}
.menu-btn::before,.menu-btn::after,.menu-dot{display:none!important;content:none!important;}
.menu-btn:hover span{background:var(--usa-red)!important;}

/* brand badge: red circle, Evolve blue, AI red, company blue */
.badge,.eyebrow,.company-badge,.hero-badge,.mini-badge{background:var(--soft-blue)!important;background-image:none!important;border:1px solid #C8D8EA!important;color:var(--usa-blue)!important;box-shadow:0 12px 26px rgba(10,49,97,.10)!important;}
.badge-dot,.badge .badge-dot,.eyebrow .badge-dot,.dot,.pill-dot{background:var(--usa-red)!important;background-image:none!important;box-shadow:0 0 0 8px rgba(179,25,66,.11)!important;border-radius:50%!important;}
.brand-evolve{color:var(--usa-blue)!important;font-weight:900!important;}
.brand-ai{color:var(--usa-red)!important;font-weight:900!important;}
.brand-company{color:var(--usa-blue)!important;font-weight:900!important;}

/* headings: remove all duplicate/double lines, use one short red line */
h1,h2,h3,h4,.title,.section-title,.hero h1,.section-head h2{color:var(--usa-blue)!important;}
.gradient-text,.hero h1 .gradient-text,.section-title span,.title span{background:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--fb-blue)!important;-webkit-text-fill-color:var(--fb-blue)!important;}
.hero h1::before,.hero h1::after,h1::before,h1::after,h2::before,h2::after,.gradient-text::before,.gradient-text::after,.section-title::before,.section-title::after,.title::before,.title::after,.page-title::before,.page-title::after,.heading-line,.bottom-line,.section-divider{display:none!important;content:none!important;background:none!important;background-image:none!important;animation:none!important;box-shadow:none!important;}
.hero h1 .gradient-text{display:inline-block!important;position:relative!important;}
.hero h1 .gradient-text::after{content:""!important;display:block!important;width:116px!important;height:5px!important;margin:10px 0 0!important;background:var(--usa-red)!important;border-radius:999px!important;}
.section-head h2{display:inline-block!important;position:relative!important;}
.section-head h2::after{content:""!important;display:block!important;width:110px!important;height:5px!important;margin:12px auto 0!important;background:var(--usa-red)!important;border-radius:999px!important;}
.red-line{display:block!important;width:110px!important;height:5px!important;background:var(--usa-red)!important;border-radius:999px!important;background-image:none!important;}

/* buttons: red only, no gradient */
.btn-primary,.cta .btn,.ready-section .btn,.start-project-btn{background:var(--usa-red)!important;background-image:none!important;color:#fff!important;border:2px solid var(--usa-red)!important;box-shadow:0 16px 34px rgba(179,25,66,.22)!important;}
.btn-primary:hover,.cta .btn:hover,.ready-section .btn:hover{background:#9f1239!important;border-color:#9f1239!important;color:#fff!important;}
.btn-outline,.btn-light,.btn-secondary,.outline-btn{background:#fff!important;background-image:none!important;color:var(--usa-blue)!important;border:3px solid var(--usa-blue)!important;box-shadow:0 14px 28px rgba(10,49,97,.10)!important;}
.btn-outline:hover,.btn-light:hover,.btn-secondary:hover,.outline-btn:hover{background:var(--usa-blue)!important;color:#fff!important;border-color:var(--usa-blue)!important;}

/* Blue panels: text must be white and visible */
.dashboard,.mockup,.hero-panel,.ai-panel,.blue-panel,.cta,.cta-section,.ready-section,.slide-img,.slide-content,.portfolio-slide .slide-img,.portfolio-slide .slide-content,.portfolio-showcase .slide-img,.portfolio-showcase .slide-content{
  background:var(--usa-blue)!important;
  background-image:linear-gradient(135deg,#0A3161 0%,#07305F 100%)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}
.dashboard *,.mockup *,.hero-panel *,.ai-panel *,.blue-panel *,.cta *,.cta-section *,.ready-section *,.slide-img *,.slide-content *,.portfolio-slide .slide-img *,.portfolio-slide .slide-content *{color:#fff!important;opacity:1!important;}
.stat,.dashboard .stat,.stat-grid .stat{background:rgba(255,255,255,.14)!important;background-image:none!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;}
.stat b,.stat p{display:block!important;color:#fff!important;opacity:1!important;}
.pill,.dashboard .pill{background:#fff!important;background-image:none!important;color:var(--usa-blue)!important;border:0!important;}

/* Services/cards: red top line on all service boxes and pure red service icons */
.service-card,.premium-service-cards .card,.services .card,.card.service,.work,.price-card,.package-card,.download-card,.project-card{position:relative!important;overflow:hidden!important;border-top:5px solid var(--usa-red)!important;}
.service-card::before,.premium-service-cards .card::before,.services .card::before,.card.service::before,.work::before,.price-card::before,.package-card::before,.download-card::before,.project-card::before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:5px!important;background:var(--usa-red)!important;background-image:none!important;opacity:1!important;z-index:5!important;border-radius:24px 24px 0 0!important;}
.service-card::after,.premium-service-cards .card::after,.services .card::after,.card.service::after,.work::after,.price-card::after,.package-card::after,.download-card::after,.project-card::after{display:none!important;content:none!important;}
.service-card .icon,.premium-service-cards .icon,.services .icon,.service-icon,.package-card .icon,.download-card .icon{background:#EAF2FB!important;background-image:none!important;color:var(--usa-red)!important;box-shadow:0 12px 25px rgba(10,49,97,.10)!important;}
.service-card .icon i,.premium-service-cards .icon i,.services .icon i,.service-icon i,.package-card .icon i,.download-card .icon i{color:var(--usa-red)!important;}
.about-card .icon,.vision-card .icon,.mission-card .icon,.vm-card .icon{background:#EAF2FB!important;color:var(--usa-blue)!important;}
.about-card .icon i,.vision-card .icon i,.mission-card .icon i,.vm-card .icon i{color:var(--usa-blue)!important;}

/* Slider/arrows/dots: no pink background; red active dot only */
.slider-controls button,.slider-nav button,.arrows button,.swiper-button-prev,.swiper-button-next,.owl-prev,.owl-next{background:var(--usa-blue)!important;background-image:none!important;color:#fff!important;border:0!important;}
.dots button,.slick-dots button,.owl-dot span,.swiper-pagination-bullet{background:#C8D8EA!important;background-image:none!important;opacity:1!important;}
.dots button.active,.slick-dots .slick-active button,.owl-dot.active span,.swiper-pagination-bullet-active{background:var(--usa-red)!important;background-image:none!important;width:40px!important;border-radius:999px!important;}
.slider-wrap,.portfolio-slider{background:#fff!important;background-image:none!important;}

/* Footer/social: original social colors and visible */
.footer,footer,.site-footer{background:var(--usa-blue)!important;background-image:none!important;color:#fff!important;}
.footer *,footer *,.site-footer *{color:#fff!important;}
.socials a,.footer-social a,.social-icons a{color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(10,49,97,.18)!important;opacity:1!important;visibility:visible!important;}
.socials a:nth-child(1),.footer-social a:nth-child(1),.social-icons a:nth-child(1){background:#1877F2!important;}
.socials a:nth-child(2),.footer-social a:nth-child(2),.social-icons a:nth-child(2){background:#0A66C2!important;}
.socials a:nth-child(3),.footer-social a:nth-child(3),.social-icons a:nth-child(3){background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)!important;}
.socials a:nth-child(4),.footer-social a:nth-child(4),.social-icons a:nth-child(4){background:#FF0000!important;}
.socials a:nth-child(5),.footer-social a:nth-child(5),.social-icons a:nth-child(5){background:#000!important;}

/* Floating contact */
.float-contact-line::before{background:var(--usa-blue)!important;background-image:none!important;}
.float-contact-line a,.whatsapp-float{background:#25D366!important;color:#fff!important;}
.float-contact-line button,.chat-float,.chat-widget-button{background:var(--usa-blue)!important;color:#fff!important;}

/* mobile responsive */
@media (min-width:1201px){.nav-links{display:flex!important;visibility:visible!important;opacity:1!important;}.menu-btn{display:none!important;}.mobile-menu{display:none!important;}}
@media (max-width:1200px){
  .site-header{position:relative!important;top:0!important;}
  .navbar{width:100%!important;max-width:100%!important;border-radius:0!important;padding:16px 24px!important;}
  .nav-links{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
  .menu-btn{display:flex!important;}
  .mobile-menu{background:#EAF2FB!important;background-image:none!important;padding:26px 22px 120px!important;overflow-y:auto!important;}
  .mobile-menu::before,.mobile-menu::after{display:none!important;content:none!important;}
  .mobile-links{margin:42px auto 38px!important;max-width:420px!important;gap:12px!important;align-items:center!important;}
  .mobile-links a{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--usa-blue)!important;font-size:22px!important;line-height:1.15!important;font-weight:900!important;padding:5px 0!important;}
  .mobile-links a:hover,.mobile-links a.active,.mobile-links a:first-child{color:var(--usa-red)!important;}
  .mobile-bottom{display:flex!important;position:absolute!important;left:18px!important;right:18px!important;bottom:90px!important;justify-content:center!important;align-items:center!important;gap:16px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
  .mobile-bottom .dot-link{display:flex!important;align-items:center!important;gap:7px!important;color:#071426!important;font-size:15px!important;font-weight:900!important;text-decoration:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;white-space:nowrap!important;}
  .mobile-bottom .circle{width:17px!important;height:17px!important;min-width:17px!important;border-radius:50%!important;border:0!important;background:var(--usa-red)!important;box-shadow:none!important;display:inline-block!important;}
  .mobile-bottom .circle i,.mobile-bottom .circle span{display:none!important;}
  .mobile-mini-stats,.mobile-wave{display:none!important;}
  .mobile-menu .socials{position:static!important;margin:18px auto 20px!important;justify-content:center!important;gap:14px!important;width:100%!important;display:flex!important;}
  .mobile-menu .socials a{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:18px!important;}
}
@media (max-width:767.98px){
  .container{width:min(100% - 28px,1180px)!important;max-width:100%!important;}
  .hero{padding:38px 0 44px!important;min-height:auto!important;}
  .hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:30px!important;}
  .hero h1{font-size:clamp(42px,12vw,64px)!important;line-height:1.02!important;letter-spacing:-2px!important;}
  .hero p{font-size:17px!important;line-height:1.72!important;}
  .badge{font-size:14px!important;padding:10px 15px!important;}
  .btns{gap:14px!important;align-items:flex-start!important;flex-wrap:wrap!important;}
  .btn,.btn-primary,.btn-outline{font-size:15px!important;padding:15px 24px!important;}
  .hero-card{margin-top:10px!important;border-radius:26px!important;}
  .dashboard{padding:22px!important;border-radius:24px!important;}
  .stat-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;}
  .stat{min-height:98px!important;padding:16px!important;}
  .stat b{font-size:26px!important;}
  .stat p{font-size:12px!important;line-height:1.45!important;}
  .slide{display:grid!important;grid-template-columns:1fr!important;}
  .slide-img,.slide-content{min-height:auto!important;padding:34px 24px!important;}
  .slide-content{border-top:1px solid rgba(255,255,255,.16)!important;}
  .cta{padding:42px 22px!important;border-radius:28px!important;}
}
@media (max-width:420px){.mobile-bottom{gap:10px!important;left:10px!important;right:10px!important;flex-wrap:wrap!important;bottom:84px!important;}.mobile-bottom .dot-link{font-size:13px!important;}.hero h1{font-size:40px!important;}.hero p{font-size:16px!important;}.stat-grid{grid-template-columns:1fr!important;}}

/* ==========================================================
   CLIENT FINAL PATCH 2026-05-13
   Applied on evolveai_complete_updated_code_final.zip base
   - Remove reddish/pinkish backgrounds from slider/work boxes
   - Make portfolio/featured slider panels clean USA blue
   - Keep only single short red heading line
   - Footer EvolveAI text visible
   - End/divider footer line blue
========================================================== */
:root{
  --usa-blue:#0A3161!important;
  --usa-red:#B31942!important;
  --fb-blue:#1877F2!important;
  --light-bg:#F6FAFF!important;
  --light-panel:#EAF2FB!important;
}

/* remove all pink/maroon glow backgrounds from page containers */
html,body,main,.main-wrapper,.content-wrapper,.section,.portfolio-section,.work-section,.featured-section,.page-hero,.hero{
  background:#F6FAFF!important;
  background-image:linear-gradient(135deg,#F8FBFF 0%,#EAF2FB 100%)!important;
}
body::before,body::after,
.section::before,.section::after,
.hero::before,.hero::after,
.page-hero::before,.page-hero::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  animation:none!important;
}

/* one red line only under headings */
.heading-line,.bottom-line,.section-divider,.moving-line,.animated-line,.progress-line,.line-move,.wave,.wave::before,.wave::after,
h1::before,h1::after,h2::before,h2::after,.title::before,.title::after,.section-title::before,.section-title::after{
  display:none!important;
  content:none!important;
  background:none!important;
  animation:none!important;
}
.section-head h2,.section-title,.title,.hero h1{position:relative!important;}
.section-head h2::after,.section-title::after,.title::after{
  content:""!important;
  display:block!important;
  width:112px!important;
  height:5px!important;
  margin:12px auto 0!important;
  border-radius:99px!important;
  background:#B31942!important;
  background-image:none!important;
}
.hero h1 .gradient-text::after{
  content:""!important;
  display:block!important;
  width:126px!important;
  height:5px!important;
  margin:10px 0 0!important;
  border-radius:99px!important;
  background:#B31942!important;
  background-image:none!important;
}

/* Featured Work / portfolio slider: no pink outer area, blue panels like lower box */
.slider-wrap,.portfolio-slider,.portfolio-showcase,.work-slider,.featured-work-slider{
  background:#FFFFFF!important;
  background-image:none!important;
  border:1px solid rgba(10,49,97,.12)!important;
  box-shadow:0 22px 65px rgba(10,49,97,.12)!important;
  border-radius:34px!important;
  overflow:hidden!important;
}
.slider-track,.slider,.slides,.carousel,.portfolio-slider .slider-track{
  background:transparent!important;
  background-image:none!important;
}
.slide,.portfolio-slide,.work-slide,.project-slide{
  background:#0A3161!important;
  background-image:linear-gradient(135deg,#0A3161 0%,#07305F 100%)!important;
  color:#fff!important;
  border-radius:26px!important;
  overflow:hidden!important;
}
.slide-img,.slide-content,.portfolio-slide .slide-img,.portfolio-slide .slide-content,.work-slide .slide-img,.work-slide .slide-content{
  background:#0A3161!important;
  background-image:linear-gradient(135deg,#0A3161 0%,#07305F 100%)!important;
  color:#fff!important;
  border:0!important;
}
.slide-img *, .slide-content *, .portfolio-slide *,.work-slide *{
  color:#fff!important;
  opacity:1!important;
}
.slide-content .tags span,.portfolio-slide .tags span,.work-slide .tags span{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.slider-controls button,.slider-nav button,.carousel-control,.work-controls button{
  background:#0A3161!important;
  background-image:none!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(10,49,97,.22)!important;
}
.dots button,.slider-dots button,.swiper-pagination-bullet{
  background:#BFD3E8!important;
  background-image:none!important;
  opacity:1!important;
}
.dots button.active,.slider-dots button.active,.swiper-pagination-bullet-active{
  background:#B31942!important;
  background-image:none!important;
}

/* CTA section: pure blue background, red button, no pink gradient */
.cta,.cta-section,.ready-section,.scale-section{
  background:#0A3161!important;
  background-image:linear-gradient(135deg,#0A3161 0%,#07305F 100%)!important;
  color:#fff!important;
  border:0!important;
}
.cta *,.cta-section *,.ready-section *,.scale-section *{color:#fff!important;}
.cta .btn,.cta-section .btn,.ready-section .btn,.scale-section .btn{
  background:#B31942!important;
  background-image:none!important;
  color:#fff!important;
  border:2px solid #B31942!important;
}

/* Service/card line: all top lines red only */
.service-card,.premium-service-cards .card,.services .card,.card.service,.work,.price-card,.package-card,.download-card,.project-card{
  border-top:5px solid #B31942!important;
  border-image:none!important;
}
.service-card::before,.premium-service-cards .card::before,.services .card::before,.card.service::before,.work::before,.price-card::before,.package-card::before,.download-card::before,.project-card::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:0!important;top:0!important;
  width:100%!important;height:5px!important;
  background:#B31942!important;
  background-image:none!important;
}

/* Footer: pure blue, visible Evolve AI text, blue end/divider line */
footer,.footer{
  background:#0A3161!important;
  background-image:none!important;
  color:#fff!important;
}
footer *, .footer *{color:#fff!important;opacity:1!important;}
footer .brand-evolve,.footer .brand-evolve{color:#fff!important;font-weight:900!important;display:inline!important;}
footer .brand-ai,.footer .brand-ai{color:#B31942!important;font-weight:900!important;display:inline!important;}
footer .brand-company,.footer .brand-company{color:#fff!important;font-weight:900!important;display:inline!important;}
footer p,.footer p,footer a,.footer a,footer h4,.footer h4,.copy{color:#fff!important;}
footer .footer-grid,.footer .footer-grid,footer .copy,.footer .copy{
  border-color:#1877F2!important;
}
footer .copy::before,.footer .copy::before{
  content:""!important;
  display:block!important;
  height:2px!important;
  width:100%!important;
  background:#1877F2!important;
  margin:0 0 24px!important;
  opacity:.9!important;
}
.footer-social a,.socials a{
  border:2px solid rgba(255,255,255,.20)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
.footer-social a:nth-child(1),.socials a:nth-child(1){background:#1877F2!important;color:#fff!important;}
.footer-social a:nth-child(2),.socials a:nth-child(2){background:#0A66C2!important;color:#fff!important;}
.footer-social a:nth-child(3),.socials a:nth-child(3){background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)!important;color:#fff!important;}
.footer-social a:nth-child(4),.socials a:nth-child(4){background:#FF0000!important;color:#fff!important;}
.footer-social a:nth-child(5),.socials a:nth-child(5){background:#000!important;color:#fff!important;}
.footer-social a i,.socials a i{color:#fff!important;}

@media(max-width:768px){
  .slider-wrap,.portfolio-slider,.portfolio-showcase{border-radius:24px!important;}
  .slide,.portfolio-slide,.work-slide{border-radius:20px!important;}
  .slide-img,.slide-content{padding:28px 22px!important;}
}