body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
  }
  
  .hero {
    height: 100vh;
    background: url('hero.jpg') no-repeat center center/cover;
  }
  
  .text-success {
    color: #4CAF50 !important;
  }
  
  .service-card:hover {
    background-color: #333;
    transform: scale(1.05);
    transition: 0.3s ease;
  }
  
  blockquote {
    font-size: 1.2rem;
    font-style: italic;
  }
  
  footer {
    background-color: #121212;
  }

  html {
    scroll-behavior: smooth;
  }
  
  .navbar-nav .nav-link {
    transition: color 0.3s ease;
  }
  
  .navbar-nav .nav-link:hover {
    color: #4CAF50; /* Green color */
  }

  #contact:hover {
    background-color: #4CAF50; /* Green background on hover */
    transition: background-color 0.3s ease;
  }
  
  #contact .btn {
    background-color: #4CAF50; /* Green background for the button */
    border-color: #4CAF50; /* Green border for the button */
  }
  
  #contact .btn:hover {
    background-color: #45a049; /* Darker green on hover */
    border-color: #45a049; /* Darker border color */
  }

  #contact input::placeholder, 
  #contact textarea::placeholder {
  color: #4CAF50; /* Green placeholder text */
  font-style: normal; /* Keep it normal style if italic is not preferred */
 }

 #gallery img {
    border-radius: 50%;  /* Makes images circular */
    width: 100%;         /* Ensures the images fill their container */
    height: 200px;       /* You can adjust the height for all images to be the same size */
    object-fit: cover;   /* Ensures the image covers the circle area without stretching */
  }

  
  #footer {
    color: #f0f0f0; /* Light gray text color */
  }
  
  #footer p {
    color: #4CAF50; /* Green color for the paragraph text */
  }

  #about .p {

    
  }