body{font-family:'Segoe UI', sans-serif;overflow-x:hidden;}
    html{scroll-behavior:smooth;}
    a{text-decoration:none;}
    .navbar{backdrop-filter:blur(8px);}
    .navbar-brand{font-weight:700;font-size:22px;}
    .nav-link{font-weight:500;margin-right:15px;}
    .navbar-custom{transition:all 0.4s ease;padding:20px 0;background:transparent;}
    .navbar-scrolled{background:rgba(255,255,255,0.98)!important;box-shadow:0 5px 20px rgba(0,0,0,0.1);padding:10px 0;}
    .navbar-custom .nav-link{color:white;font-weight:500;}
    .navbar-custom .navbar-brand{color:#fff!important;}
    .navbar-scrolled .nav-link{color:#222!important;}
    .navbar-scrolled .navbar-brand{color:#0d6efd!important;}
    .navbar-scrolled .btn{background:#0d6efd;color:white;}
    .navbar-toggler{border:1px solid rgba(255,255,255,0.4);}
    .navbar-toggler:focus{box-shadow:none;}
    .navbar-custom .navbar-toggler-icon{filter:brightness(0) invert(1);}
    .navbar-scrolled .navbar-toggler{border:1px solid rgba(0,0,0,0.15);}
    .navbar-scrolled .navbar-toggler-icon{filter:none;}
    .mega-menu .dropdown-menu{border-radius:18px;}
    .mega-menu .dropdown-item{padding:6px 0;font-size:14px;}
    .mega-menu h6{color:#0d6efd;margin-bottom:10px;}

    .lang-dropdown .lang-select-btn{
      min-width:170px;
      border-radius:12px;
      font-weight:600;
      border:none;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:10px 16px;
    }

    .navbar-custom .lang-select-btn{
      background:rgba(255,255,255,0.96);
      color:#222;
    }

    .navbar-scrolled .lang-select-btn{
      background:#f8f9fa;
      color:#222;
      border:1px solid rgba(0,0,0,0.08);
    }

    .lang-dropdown .dropdown-menu{
      border-radius:14px;
      min-width:190px;
      padding:8px;
    }

    .lang-dropdown .dropdown-item{
      border-radius:10px;
      padding:10px 12px;
      font-weight:500;
    }

    .lang-dropdown .dropdown-item.active,
    .lang-dropdown .dropdown-item:active{
      background:#0d6efd;
      color:#fff;
    }

    @media (min-width: 992px){
      .mega-menu .dropdown-menu{width:800px;left:-300px;}
    }

    @media (max-width: 991.98px){
      .mega-menu .dropdown-menu{width:100%;left:0;}
      .navbar-collapse{background:#fff;padding:20px;border-radius:16px;margin-top:15px;box-shadow:0 15px 35px rgba(0,0,0,0.08);}
      .navbar-collapse .nav-link{color:#222!important;}
      .navbar-collapse .btn{margin-top:10px;}
      .lang-dropdown .lang-select-btn{width:100%;}
    }

    .hero{background:url("/img/nuelle.png") center/cover no-repeat;min-height:650px;position:relative;color:white;display:flex;align-items:center;}
    .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.65);}
    #particles-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;}
    .hero-content{position:relative;z-index:2;padding-top:120px;padding-bottom:70px;}
    .hero h1{font-size:48px;font-weight:700;line-height:1.15;}
    .hero p{font-size:20px;opacity:0.95;max-width:620px;}
    .contact-card{background:white;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,0.2);padding:30px;}
    .contact-card .form-control{min-height:48px;border-radius:12px;}
    .contact-card textarea.form-control{min-height:auto;}
    .services{padding:60px 0;background:#f7f9fc;}
    .service-card{border-radius:16px;overflow:hidden;transition:0.3s;cursor:pointer;position:relative;}
    .service-card img{height:220px;object-fit:cover;}
    .service-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,0.2);}
    .service-title{position:absolute;bottom:15px;left:15px;right:15px;color:white;font-weight:600;font-size:18px;z-index:2;}
    .service-title h4{font-size:20px;margin-bottom:8px;text-transform:capitalize;}
    .service-title p{font-size:14px;margin:0;line-height:1.4;}
    .service-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);z-index:1;}
    .service-container{position:relative;height:100%;}
    .it-problems{background:#f8f9fb;}
    .problem-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.06);transition:0.4s;height:100%;}
    .problem-card img{height:230px;object-fit:cover;width:100%;}
    .problem-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.12);}
    .services-clone{background:#f3f3f3;}
    .services-heading{font-size:3.2rem;font-weight:800;line-height:1.1;color:#031b4e;margin-bottom:12px;}
    .services-description{max-width:620px;color:#607091;font-size:1.05rem;line-height:1.55;margin-bottom:0;}
    .services-arrows{display:flex;gap:14px;margin-top:20px;}
    .arrow-btn{width:52px;height:52px;border:none;background:transparent;color:#e2c063;font-size:2.1rem;display:flex;align-items:center;justify-content:center;transition:0.3s ease;pointer-events:none;opacity:.6;}
    .stats-section{background:#f3f3f3;padding-top:70px;padding-bottom:70px;}
    .stats-title{font-size:clamp(2.2rem, 4vw, 4rem);line-height:1.05;font-weight:800;color:#031b4e;max-width:900px;margin:0;letter-spacing:-1px;}
    .stats-btn{display:inline-flex;align-items:center;gap:10px;background:#03102f;color:#fff;font-weight:600;padding:16px 28px;clip-path:polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);transition:0.35s ease;}
    .stats-btn i{font-size:1.3rem;transition:0.35s ease;}
    .stats-btn:hover{background:#0a1f59;color:#fff;transform:translateY(-3px);}
    .stats-btn:hover i{transform:translateX(4px);}
    .stat-card h3{font-size:2.5rem;font-weight:800;color:#1538a5;margin-bottom:8px;line-height:1;}
    .stat-card p{color:#5e6f91;font-size:1.02rem;line-height:1.45;min-height:78px;margin-bottom:20px;}
    .stat-line{width:100%;height:6px;background:#dfe3ea;border-radius:50px;position:relative;overflow:hidden;}
    .stat-line::before{content:"";position:absolute;top:0;left:0;width:85%;height:100%;background:#1738a8;border-radius:50px;}
    .next-footer{position:relative;background:linear-gradient(90deg,#02266e 0%, #2e46b9 48%, #07008f 100%);color:#fff;overflow:hidden;padding-top:95px;padding-bottom:20px;}
    .footer-top-shape{position:absolute;top:0;left:0;width:100%;height:72px;background:#f2f2f2;clip-path:polygon(0 0, 46% 0, 50% 50px, 100% 50px, 100% 0);z-index:1;}
    .footer-inner{position:relative;z-index:2;padding-top:30px;}
    .footer-brand h2{font-size:2.5rem;font-weight:900;letter-spacing:-2px;margin:0;color:#fff;line-height:1;text-transform:uppercase;}
    .footer-info-block h5{font-size:1.9rem;font-weight:800;margin-bottom:10px;color:#fff;}
    .footer-info-block p{font-size:1.15rem;line-height:1.55;margin:0;color:rgba(255,255,255,.96);}
    .footer-social li + li{margin-top:8px;}
    .footer-social a{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:1.15rem;transition:.3s ease;}
    .footer-social a:hover{color:#dfe8ff;transform:translateX(3px);}
    .footer-divider{margin-top:85px;margin-bottom:28px;height:1px;background:rgba(255,255,255,.55);}
    .footer-copy{font-size:1rem;color:rgba(255,255,255,.55);}
    .footer-links a{color:#fff;font-size:1rem;font-weight:600;transition:.3s ease;}
    .footer-links a:hover{color:#dfe8ff;}
    .footer-scroll-top{position:absolute;left:32px;bottom:28px;width:48px;height:48px;background:#f0aa17;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;z-index:3;transition:.3s ease;border-radius:50%;}
    .footer-scroll-top:hover{background:#d9950f;color:#fff;transform:translateY(-3px);}
    .chat-btn{position:fixed;bottom:25px;right:25px;width:60px;height:60px;border-radius:50%;background:#0d6efd;display:flex;align-items:center;justify-content:center;color:white;font-size:25px;box-shadow:0 5px 20px rgba(0,0,0,0.3);z-index:999;transition:.3s ease;}
    .chat-btn:hover{color:#fff;transform:translateY(-3px) scale(1.03);}
    @media (max-width:575.98px){
      .hero{min-height:auto;}
      .hero-content{padding-top:110px;padding-bottom:50px;}
      .hero h1{font-size:34px;}
      .hero p{font-size:17px;}
      .services-heading{font-size:2rem;}
      .next-footer{padding-top:70px;padding-bottom:90px;}
      .footer-brand h2{font-size:1.6rem;}
      .footer-scroll-top{width:44px;height:44px;bottom:24px;left:20px;}
      .chat-btn{width:56px;height:56px;right:18px;bottom:18px;}
    }
  

.history-section{
  background:#f3f3f3;
  padding:100px 0;
  position:relative;
  overflow:hidden;
}

.history-logo-box{
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%;
}

.history-logo{
  max-width:500px;
  width:100%;
}

.history-content{
  color:#5b6f92;
}

.history-title{
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight:700;
  color:#001b49;
  margin-bottom:35px;
  line-height:1.1;
}

.history-content p{
  font-size:1.15rem;
  line-height:1.9;
  margin-bottom:25px;
  font-weight:400;
}

.history-content strong{
  color:#000d2b;
  font-weight:700;
}

@media (max-width: 991.98px){
  .history-section{
    padding:70px 0;
    text-align:center;
  }

  .history-logo{
    max-width:320px;
    margin-bottom:20px;
  }

  .history-title{
    margin-bottom:25px;
  }

  .history-content p{
    font-size:1rem;
    line-height:1.8;
  }
}