* {

      margin: 0;

      padding: 0;

      box-sizing: border-box;

    }



    body {

      background-color: #f4f4f4;

      color: #333;

      line-height: 1.6;



    }





    header {

      background-color: #000;

      color: white;

      text-align: center;

      padding: 30px 0;

    }



    header h1 {

      font-size: 3rem;

    }



    .container {

      width: 90%;

      margin: 0 auto;

  

    }



    /* Flexbox Container for Services */

    .service-container {

      display: flex;

      flex-wrap: wrap;

      gap: 20px;

      justify-content: space-between;

    }



    /* Service Box Styling */

    .service-box {

      background-color: white;

      padding: 20px;

      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

      border-radius: 8px;

      width: 48%;

      display: flex;

      flex-direction: column;

    }



    .service-box h2 {

      font-size: 1.8rem;

      color: #333;

      margin-bottom: 15px;

    }



    .service-box img {

      width: 100%;

      height: auto;

      border-radius: 8px;

      margin-bottom: 15px;

    }



    .service-box p {

      

      margin-bottom: 15px;

    }



    .service-box ul {

      list-style-type: none;

      margin: 15px 0;

      padding-left: 0;

    }



    /* Styling Internal List Items with Bullet Points and Custom Styles */

    .service-box ul li {

      margin: 10px 0;

     

      display: flex;

      align-items: center;

    }



    .service-box ul li::before {

      content: '\2022';

      color: #000;

      font-weight: bold;

      margin-right: 10px;

      font-size: 1.5rem;

    }



    .service-box ul li span {

     font-weight:bold; padding-right:10px; color:#F00;

    

    

    }



    .service-box a {

      font-weight: bold;

      color: #000;

      text-decoration: none;

      margin-top: 15px;

      display: inline-block;

      padding: 8px 16px;

      border-radius: 5px;

      background-color: #f4f4f4;

      transition: background-color 0.3s ease;

    }



    .service-box a:hover {

      background-color: #000;

      color: white;

      text-decoration: underline;

    }



    footer {

      text-align: center;

      font-size: 1rem;

      padding: 20px 0;

      background-color: #333;

      color: white;

      margin-top: 50px;

    }



    /* Responsive Design */

    @media (max-width: 768px) {

      .service-box {

        width: 100%;

      }



      header h1 {

        font-size: 2rem;

      }



      .service-box h2 {

        font-size: 1.5rem;

      }



      .service-box p, .service-box ul li {

        font-size: 0.9rem;

      }

    }