:root{ --brand-gradient: linear-gradient(90deg,#ff7e5f,#feb47b,#a445b2,#6a11cb); --light-bg:#f9f9f9; }
body{font-family:Arial, sans-serif; background:var(--light-bg); margin:0; padding-bottom:100px; color:#222;}
.container{max-width:1100px;margin:auto;padding:20px;}
.navbar{box-shadow:0 2px 6px rgba(0,0,0,.08);}
.logo-img{height:60px;}
.hero{background:var(--brand-gradient); color:#fff; padding:80px 20px; border-radius:8px; text-align:center;}
.hero h1{font-size:2rem; font-weight:bold;}
.hero .lead{font-size:1.1rem; margin-top:10px;}
.reach-bar{background:#ffe082; padding:15px; text-align:center; margin-top:-20px;}
.reach-bar a{background:#6a11cb; color:#fff; padding:10px 20px; border-radius:20px; text-decoration:none;}
.section{padding:40px 0;}
.card{background:#fff;border:none;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.footer-contact{background:#ffca28; padding:8px; text-align:center; font-size:.9rem;}
.footer-fixed{position:fixed;left:0;right:0;bottom:0;background:#222;color:#fff;padding:8px 0;font-size:.85rem;}
.footer-fixed a{color:#fff; margin:0 5px; text-decoration:none;}
.client-footer-logos img{height:22px;margin:0 4px;opacity:.9;}
.search-input{border-radius:20px;padding:6px 12px;border:1px solid #ddd;}
/* Service cards custom background */
.card.service-card {
  /* Default background (choose one) */
  background: linear-gradient(135deg, #f9f9f9, #ececec); /* light grey */
  /* background: linear-gradient(135deg, #fffbe6, #fff3b0);  soft yellow */

  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover effect */
.card.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
    /* Navbar menu items styling */
.navbar-nav .nav-link {
  font-size: 1.1rem;       /* slightly bigger */
  font-weight: 600;        /* bold */
  color: #fff !important;  /* keep white text */
  padding: 10px 15px;      /* add breathing space */
  letter-spacing: 0.5px;   /* cleaner spacing */
}

.navbar-nav .nav-link:hover {
  font-weight: 700;        /* bolder on hover */
  text-decoration: underline; /* subtle highlight */
  color: #ffe082 !important;  /* optional yellow hover */
}