body, html {
      font-family: 'Poppins', sans-serif;
/*      height: 100%;*/
      margin: 0;
      font-size: 13px;
    }

    h3 {
      font-family: 'Space Grotesk', sans-serif;
      font-weight: 700;
    }


    header {
      background-color: #830641;
      color: #ffffff;
      text-align: center;
      padding: 10px 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000;
    }

    .logo img {
      max-height: 50px;
    }

    footer {
      background-color: #000;
      color: #ffffff;
      text-align: center;
      padding: 10px 0;
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 1000;
      font-size: 12px !important;
    }

    .service-section {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      padding-top: 30px;
      padding-right: 50px;
      padding-bottom: 50px;
      padding-left: 50px;
    }

    .service-section img {
      width: 100%;
      height: auto; 
      border-radius: 0; 
      margin-bottom: 20px;
    }

    .btn-primary {
      width: auto;
      background-color: #830641 !important;
      border: 1px solid #830641 !important;
      transition: background-color 0.3s, box-shadow 0.3s; 
      }

    .btn-primary:hover {
      background-color: #000 !important; 
      box-shadow: 0 0 5px #000; 
      }

    /* Adjust height on smaller screens */
    @media (max-width: 767px) {
      .service-section {
        height: auto;
      }
    }

    /* Set minimum height for larger screens */
    @media (min-width: 768px) {
      .service-section {
        min-height: 100vh;
      }
    }

    body {
      padding-top: 60px; 
      padding-bottom: 60px; 
    }