.bg-primary-blue {
     background-color: #1a9ad7;
   }


   .hero-title span {
     font-size: 32px;
     font-weight: 700;
   }


   .service-card {
     padding: 1rem;

   }

   .service-card:hover {
     /* transform: translateY(-5px); */
     background-color: rgba(255, 255, 255, 0.1);
     border-radius: 10px;
     /* margin-bottom: 2rem; */
     transition: transform 0.3s ease;
   }

   .service-icon {
     background-color: #ffc107;
     color: #000;
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 8px;
     margin-bottom: 1rem;
     font-size: 1.5rem;
   }

   .hero-image {
     border-radius: 20px;
     overflow: hidden;

   }

   @media (max-width: 991.98px) {


     .hero-image {
       margin-top: 2rem;
       max-width: 80%;
       margin-left: auto;
       margin-right: auto;
     }

     .service-cards-container {
       max-width: 600px;
       margin: 0 auto;
     }
   }