body, html {
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    
    .hero-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
      z-index: 1;
    }
    .logo {
      position: absolute;
      top: 20px;
      left: 30px;
      z-index: 2;
    }
    .logo img {
      height: 90px;
      /*height: 70px;*/
    }
    .hero-content {
      position: relative;
      z-index: 2;
      max-width: 800px;
      margin: 0 auto;
      padding-top: 150px;
      text-align: center;
    }
    .hero-content h1 {
      font-size: 3rem;
      font-weight: bold;
    }
    .cta-btn {
      background: #ffe600;
      padding: 12px 25px;
      border-radius: 30px;
      font-weight: bold;
      font-size: 18px;
      margin-top: 20px;
      box-shadow: 0 5px 10px rgba(0,0,0,0.3);
      border: none;
      color: #000;
    }
    .partners {
      /* background-color: #222; */
      padding: 0px 0;
      display: flex;
      justify-content: center;
      gap: 0px;
      flex-wrap: wrap;}
      .partners img {
      max-height: 68px;
  }

  .font-20
  {
    font-size: 20px;
  }

  .text>strong {
      font-size: 30px;
  }



    @media (max-width: 768px) {
      .hero-content h1 {
        font-size: 2rem;
      }
      .cta-btn {
        font-size: 16px;
        padding: 10px 20px;
      }
    }


    /*desktop*/
      @media only screen and (min-width: 1025px) {
          .logo {
            position: absolute;
            top: 20px;
            left: 300px;
            z-index: 2;
        }
        .logo img {
            height: 120px;
            /*height: 90px;*/
        }
       /* .hero-section {
          height: 90vh;
        }*/
        .hero-content {
              position: relative;
              z-index: 2;
              max-width: 800px;
              margin: 0 auto;
              padding-top: 200px;
              text-align: center;
              
          }
          .partners img {
              max-height: 98px;
          }




      } 
      





















  /*mobile*/
      @media only screen and (max-width: 1026px) 
      {
          .hero-content {
              position: relative;
              z-index: 2;
              max-width: 800px;
              margin: 0 auto;
              padding-top: 97px;
              text-align: center;
              padding-left: 5px;
              padding-right: 5px;
          }


      } 

      .logo img {
    height: 52px!important;
    /* height: 70px; */
}






.gov-scheme-banner {
      background-color: #000;
      color: #ffffff;
      padding: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      font-family: Arial, sans-serif;
    }

    /*.gov-scheme-banner img {
    height: 75px;
    margin-right: 20px;
    margin-bottom: 10px;
}*/

  .gov-scheme-banner img {
    height: 97px;
    margin-right: 70px;
    margin-bottom: 10px;
}

    .gov-scheme-banner .text {
      font-size: 14px;
      text-align: center;
    }

    .gov-scheme-banner a {
      color: red;
      text-decoration: underline;
    }


  .anchor-clas {
      text-decoration: none;
  }


    .anchor-clas span {
    color: black;
    font-weight: 600;
    text-decoration: none !important;
}


.service-aclass.selected {
    border: 2px solid green;
    padding: 4px;
    border-radius: 5px;
   background-color: #93c11f;
  }



  a.border.rounded.d-flex.align-items-center.p-3.shadow-sm.anchor-clas.service-aclass>span {
    color: white;
}

a.border.rounded.d-flex.align-items-center.p-3.shadow-sm.anchor-clas.service-aclass.selected>span {
    color: black !important;
}

.border-color{
  border: 5px solid #28a745!important ;
  border-radius: 15px;
}