/* style.css */
body {
    font-family:Arial, Helvetica, sans-serif !important;
    background-color: #fdf7f2;
    color: #212529;
    font-size: 18px !important;
  }
  .carousel-caption h1,
  .carousel-caption p {
    color: white;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
  }
  h1, h2, h3, h4, h5 {
    color: #800000; /* Maroon */
    font-weight: 600;
  }
  
  .navbar {
    background-color: #800000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .navbar .nav-link {
    color: #fff !important;
    font-weight: 500;
  }
  
  .navbar .nav-link:hover {
    color: #ffc107 !important;
  }

  .top-bar {
    font-size: 0.9rem;
    background: #a00000;
    color: #fff;
    width:100%;
  }
  
  footer {
    background-color: #4d0000;
    color: #ddd;
    padding-top: 30px;
  }
  
  footer h5 {
    color: #fff;
    font-weight: 600;
  }
  
  footer a {
    color: #ccc;
    text-decoration: none;
  }
  
  footer a:hover {
    color: #fff;
  }
  
  .hero-banner {
    height: 60vh;
    background: linear-gradient(rgba(128, 0, 0, 0.7), rgba(128, 0, 0, 0.7)), url('assets/images/banner1.jpg') center/cover no-repeat;
    text-shadow: 1px 1px 3px #000;
  }
  
  .services-section {
    background: #fff;
  }
  
  .service-card {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
  }
  
  .btn-outline-dark {
    border-color: #800000;
    color: #800000;
  }
  
  .btn-outline-dark:hover {
    background-color: #800000;
    color: #fff;
  }
  
  .moving-text {
    animation: scrollText 3s infinite alternate ease-in-out;
  }
  
  @keyframes scrollText {
    from { letter-spacing: 2px; transform: scale(1); }
    to { letter-spacing: 5px; transform: scale(1.05); }
  }
  
  section {
    animation: fadeIn 0.6s ease-in-out both;
  }
  
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  .card {
    border: none;
    transition: transform 0.3s ease;
  }
  
  .card:hover {
    transform: translateY(-5px);
  }