/* service-section css code */

/* General Styles */
body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
 padding-top: 94px;
}


.service-hero {
  position: relative;
  width: 100%;
  height: 80vh;
  overflow: hidden;
}
.service-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(70%); /* Creates a dark overlay effect */
}


@media (max-width: 800px) {
  .service-hero{
    height: 50vh;    
  }

}




 /*card */

  .card-body .card-title, .card-text{
   
    margin-left: 3%;
    margin-right: 3%;
    
  }




.intro{
  font-size: 1.2rem;

}

.card-body .card-text{
  font-size: 1rem;
  }


  .card-body .card-title, .card-text{
    margin-left: 8%;
    margin-right: 8%;
    }





    @media (min-width: 800px) {
      .intro{
       
        
       margin-left: 10%;
       margin-right: 10%;
        
      }
    
     
    }


    @media (max-width: 800px) {
    
      .card-body .card-title, .card-text{
       
        margin-left: 3%;
        margin-right: 3%;
        
      }
    
    }
    
/* Service Cards */


  .card-img-top {
    object-fit: cover; /* Ensure the image covers the area proportionally */
    aspect-ratio: 16/9;
    width: 100%; /*ensure the image stretches across the full width of the card */
    max-height: 70vh;
  }




  .card{
    margin-top: 2.5rem;
    max-width: 95%;
  }


  #services{
    background-color: rgb(250, 245, 245);
  }