.fs-lg {
      font-size: 55px !important;
  }

  @media (min-width:768px) {
      .nr-lg {
          white-space: nowrap;
      }
  }

  .theme-cards {
      border-radius: 24px;
      border: none !important;
  }

  .card {
      border: none !important;
  }

  .left-col-cards {
      width: 300px;
      height: 300px;
      background: #ECECFE !important;
  }

  .btn-theme {
      border-radius: 15px !important;
      background-color: #112e4e !important;
      color: white !important;
      max-width: 205px !important;
      width: 100% !important;
      padding: 0.5rem 1rem !important;
      font-weight: 600 !important;
  }

  .btn-theme-outline {
      border-radius: 15px !important;
      border-color: #112e4e !important;
      color: #112e4e !important;
      background-color: white !important;
      max-width: 205px !important;
      width: 100% !important;
      padding: 0.5rem 1rem !important;
      border: 3px solid !important;
      font-weight: 600 !important;
  }

  .btn-theme-outline:hover {
      background-color: #112e4e !important;
      color: white !important;
  }

  p {
      font-family: sans-serif;
      font-weight: 400;

      font-size: 20px;

      line-height: 1.5;
      letter-spacing: 0%;
      text-align: start;

  }

  h1 {
      font-family: sans-serif;
      font-weight: 700;
      font-style: Bold;
      font-size: 64px;
      letter-spacing: 3px;
      line-height: 77px;
      letter-spacing: 0%;
      vertical-align: middle;

  }

  @media (max-width:768px) {
      .empower-growth {
          min-height: 700px !important;
      }

      .left-col-cards {
          width: 390px !important;
          height: 390px;

      }
/* 
      .engagement-img {
          min-width: 515px !important;
      } */

      .btn-theme {
          border-radius: 15px !important;
          background-color: #112e4e !important;
          color: white !important;
          max-width: 130px !important;
          width: 100% !important;
          padding: 0.5rem 0.3rem !important;
          font-weight: 600 !important;
          white-space: nowrap !important;
          font-size: 12px !important;
      }

      .btn-theme-outline {
          border-radius: 15px !important;
          border-color: #112e4e !important;
          color: #112e4e !important;
          background-color: white !important;
          font-size: 12px !important;
          max-width: 130px !important;

          width: 100% !important;
          padding: 0.5rem 0.3rem !important;
          border: 3px solid !important;
          font-weight: 600 !important;
          white-space: nowrap;
      }

      h1 {
          letter-spacing: 1px;
          line-height: 40px;
      }

      .home-hero-section,
      .navbar {
          background-color: #ECECFE !important;
      }

      .home-hero-bottom-img {
          margin-top: 100px;
          margin-left: 20px;
      }

  }

  @media(min-width:768px) {
      .home-hero-section {
          background: url('/landing-assets/Group-1000001560.png');
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center top;
          aspect-ratio: 1512 / 1090;
          height: auto;
          width: 100%;
      }

      .home-hero-bottom-img {
          width: 1000px;
          position: relative;
          top: 130px;
          left: 204px;
      }

      .hr-img {
          position: relative;
          bottom: 60px;
      }

      .four-cards {
          padding-right: 3rem !important;
          padding-left: 3rem !important;
          margin: 3rem !important;
      }

      .content-col {
          padding: 3rem !important;
      }
  }

  @media (max-width: 768px) {
      .title1 {
          font-size: 29px !important;
      }
  }





  @media (max-width: 768px) {
      .card1 {
          margin-bottom: 15px;
      }
  }






  @media (max-width: 768px) {
      .text4 {
          margin-bottom: 20px;
      }
  }




  /* Only essential icon styling remains */
  .icon-container {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background-color: #112e4e;
      margin: 0 auto 15px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

  .icon-container img {
      width: 40px;
      height: 40px;
      object-fit: contain;
      filter: brightness(0) invert(1);
  }

  @media (max-width: 575.98px) {
      .icon-container {
          width: 60px;
          height: 60px;
      }

      .icon-container img {
          width: 30px;
          height: 30px;
      }
  }




  @media (max-width: 768px) {
      .video1 {
          margin-bottom: 20px;
      }
  }





  /* Only this minimal CSS is needed for the accent color */
  .form-check-input[type="radio"],
  .form-check-input[type="checkbox"] {
      accent-color: #112e4e;
  }


  .ant-upload{
        max-height: 102px !important;
    overflow: hidden !important;
  }