body{
      font-family: 'Work Sans', sans-serif;
    }


    /* nav  */


   /* NAV LINKS */
.navbar-nav .nav-link {
  position: relative;
  color: #555;
  font-weight: 500;
  padding-bottom: 6px;
  transition: color 0.3s ease;
}

/* Hover Color */
.navbar-nav .nav-link:hover {
  color: #DC1D2B;
}

/* Active Link */
.navbar-nav .nav-link.active {
  color: #DC1D2B !important;
  font-weight: 600;
}

/* Animated Underline */
.navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2.5px;
  background: #DC1D2B;
  transition: width 0.3s ease;
}

/* underline on hover */
.navbar-nav .nav-link:hover::after {
  width: 100%;
}

/* underline stays for active */
.navbar-nav .nav-link.active::after {
  width: 100%;
}





/* ================================ */

.logo-text {
  font-weight: 800;
  font-size: 26px;
  letter-spacing: 1px;
}

.logo-text span {
  color: #DC1D2B;
}

/* ================================================ */
/* slider  */

.hero-caption {
  bottom: 50%;
  transform: translateY(50%);
  text-align: center;
}

.hero-caption h1 {
  font-size: 48px;
  font-weight: 700;
}

.hero-caption p {
  font-size: 18px;
  margin-bottom: 20px;
}

/* dark overlay for readability */
.carousel-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
}
/* ======================================== */



    /* HERO IMAGE HEIGHT */
    .carousel-item img{
      height: 500px;
      object-fit: cover;
    }

    /* FEATURES */
    .feature-box{
      background:#fff;
      border-radius:12px;
      padding:25px;
      box-shadow:0 4px 15px rgba(0,0,0,0.06);
      text-align:center;
    }

    /* features section  */
     .service-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transition: 0.3s;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

.service-card .icon {
  font-size: 32px;
}

  /* why us  */

  .why-list li {
  margin-bottom: 16px;
  font-size: 15px;
}

.why-list strong {
  color: #222;
}

.why-list span {
  color: #666;
  font-size: 14px;
}


/* how its work  */

.how-box {
  transition: 0.3s;
}

.how-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.08);
}

.step-icon {
  font-size: 34px;
}



    /* testimonial  */


    .testimonial-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transition: 0.3s;
}

.testimonial-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* avatar circle */
.avatar {
  width: 60px;
  height: 60px;
  margin: auto;
  background: #ff7a1a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
}


    /* FOOTER */
    .footer{
      background:#f5f5f5;
    }

    .footer a{
      text-decoration:none;
      color:#555;
    }

    .footer a:hover{
      color:#dc1d2b;
    }

    .social a{
      width:38px;
      height:38px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:50%;
      border:1px solid #ccc;
      margin-right:8px;
    }

    .social a:hover{
      background:#dc1d2b;
      color:#fff;
      border-color:#dc1d2b;
    }
  



    /* service page  */
    .card-img-top {
  height: 200px;
  object-fit: cover;
}