/* Custom styling for M.R. Bhatia & Co. website */

/* Adjust spacing due to fixed header */
body {
  padding-top: 70px;
  font-family: Arial, sans-serif;
}

/* Hero section */
.hero {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&w=1600');
  background-size: cover;
  background-position: center;
  color: #fff;
  min-height: 60vh;
}

.hero h1,
.hero p {
  color: #fff;
}

/* Values section cards */
.values .card {
  border-radius: 0.5rem;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s;
}

.values .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Services cards */
.services .card {
  border-radius: 0.5rem;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s;
}

.services .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
}

/* Testimonials */
.testimonials .card {
  border-radius: 0.5rem;
  background-color: #fff;
}

.testimonials .card p {
  font-style: italic;
}

/* Contact form */
.contact form .form-control {
  border-radius: 0.25rem;
}

/* Footer */
footer {
  font-size: 0.9rem;
}