:root{
      --brand:#0d6efd;
      --dark:#0b1220;
      --muted:#6c757d;
    }
    body{ background:#fff; }
    .navbar{ backdrop-filter: blur(10px); }
    nav{
        background:#3a3a36;
    }
    .nav-link:hover{
        font-weight: 500;
        color:white;
    }
    .hero{
      background: linear-gradient(110deg, #0b1220 0%, #102a56 45%, #0d6efd 120%);
      color:#fff;
      border-radius: 1.25rem;
    }
    .badge-soft{
      background: rgba(13,110,253,.12);
      color: var(--brand);
      border: 1px solid rgba(13,110,253,.18);
    }
    .icon-box{
      width:44px;height:44px;
      display:inline-flex;align-items:center;justify-content:center;
      border-radius:12px;
      background: rgba(13,110,253,.12);
      border: 1px solid rgba(13,110,253,.18);
      font-weight:700;
      color: var(--brand);
      flex: 0 0 auto;
    }
    .card-hover{ transition: transform .15s ease, box-shadow .15s ease; }
    .card-hover:hover{ transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,.08); }
    footer{ background:#3a3a36; color:#cbd5e1; }
    footer a{ color:#cbd5e1; text-decoration:none; }
    footer a:hover{ text-decoration:underline; }
#heroCarousel .carousel-item img {
    height: 65vh;
    object-fit: cover;
  }

  .carousel-caption {
    background: rgba(0,0,0,.45);
    padding: 1.5rem;
    border-radius: 12px;
  }
  #logo > img{
    max-height:70px;
  }
  .btn{
    background-color:#ba1818;
    color:white;
    border-color:#ba1818;
  }
  .btn:hover, .btn:active{
    background-color:#e51e23 !important;
    color:white;
    border-color:#e51e23 !important;
  }
  .text-primary{
    color:#ba1818 !important;
  }
  #services-cards > div > div > div > div:first-child{
    display:inline-block;
  }
  #services-cards > div > div > div > h2{
    display:inline-block;
  }