/*GENERAL*/
   *{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family:Arial, sans-serif;
    }

    body{
      background:#ffffff;
      color:#4f4f4f;
    }

    /* NAVBAR */

    nav{
      width:100%;
      background:white;
      display:flex;
      justify-content:space-between;
      align-items:justify;
      padding:18px 90px;
      box-shadow:0 2px 10px rgba(0,0,0,0.05);
      position:sticky;
      top:0;
      z-index:2000;
    }

    /* EMPTY LOGO */

.logo{
    width:350px;
    height:60px;
    margin-left:-50px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

.logo img{
    width:100%;
    height:auto;
    object-fit:contain;
    margin-top:20px;
}

    /* NAV TABS */

  .nav-links{
    display:flex;
    gap:50px;
    padding-top: 15px;
}

.nav-links a{
    text-decoration:none;
    color:#333;
    font-size:16px;
    position:relative;
    padding-bottom:1px;
}

/* UNDERLINE */
.nav-links a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0%;
    height:2px;
    background:black;
    transition:0.3s;
}

.nav-links a:hover::after{
    width:100%;
}

/* ACTIVE TAB */
.nav-links button.active::after{
  width: 100%;
}

.nav-links button.active{
  color: #000000;
}
 .active{
color:#000000;
    }
/*FOOTER*/
 footer{
      text-align:center;
      padding:25px;
      color:#777;
      margin-top:40px;
    }
  
/*CONTACT US*/
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px 8%;gap:50px;background:#f7f9fc}
.hero h1{font-size:56px;color:#173f73;margin:15px 0}
.hero p{line-height:1.8;color:#555}
.btn{display:inline-block;margin-top:30px;background:#173f73;color:#fff;padding:14px 28px;text-decoration:none;border-radius:6px}
.hero-image img{width:100%;border-radius:20px;box-shadow:0 0px 0px rgba(255, 255, 255, 0.15)}
.services{padding:90px 8%;text-align:center}
.services h2,.process h2{font-size:42px;color:#173f73;margin-bottom:50px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.card{padding:35px;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.card i{font-size:45px;color:#173f73;margin-bottom:20px}
.card h3{margin-bottom:15px}
.card p{color:#666;line-height:1.7}
.process{padding:90px 8%;background:#f7f9fc;text-align:center}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}
.step span{display:inline-flex;width:70px;height:70px;border-radius:50%;background:#173f73;color:#fff;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px}
.step p{color:#666;line-height:1.6}
@media(max-width:900px){
.hero{grid-template-columns:1fr}
.cards{grid-template-columns:1fr 1fr}
.steps{grid-template-columns:1fr}
}
@media(max-width:600px){.cards{grid-template-columns:1fr}.hero h1{font-size:40px}}