body {
  font-family: 'Poppins', sans-serif !important;
	 background-attachment:fixed;
      background:linear-gradient(
to bottom,
rgba(0,45,3,.2),
rgba(0,45,3,.9)),
 url('desk.back.png') ; /* Desktop image */
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
	 min-height: 100vh;
}
@font-face {
    font-family: 'Norefund';
    src: url('../../fonts/Norefund.ttf') format('truetype');
}
@font-face {
    font-family: 'Moms_typewriter';
    src: url('../../fonts/Moms_typewriter.ttf') format('truetype');
}
.harlow {
    font-family: "Norefund"
}
.mh-100{
	min-height: 100vh;
}
	  .form-control{
		  border: 1px solid #C5C5C5;
		  height:45px;
		  border-radius: 10px;
	  }
.form-control:focus {
	border: 1px solid #C5C5C5;
		  height:45px;
		  border-radius: 10px;
    color: #51596c;
    background-color: #fff;
    border-color: rgba(140, 152, 164, .25);
    outline: 0;
    box-shadow: 0 0 1rem 0 rgba(140, 152, 164, .25);
}
	  .form-label {
    margin-bottom: .3rem;
		  font-size: 12px !important;
}
    .background-container {
      min-height: 100vh;
		background-attachment:fixed;
      background:linear-gradient(
to bottom,
rgba(0,45,3,.2),
rgba(0,45,3,.9)),
 url('desk.back.png') ; /* Desktop image */
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding: 40px;
    }
	  .btn{
		  background-color:  #00623A;
		  height:50px;
		  border-radius: 14px;
		  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
		  border: none;
	  }
.btn:hover {
    color: #00623A;
    background-color: #FCD838;
    border-color: none !important;
}
.btn:focus-visible {
    color: #00623A;
    background-color: #FCD838;
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}
@media (max-width: 767px) {
   
		.form-card {
      background: #fff;
      padding: 30px;
      border-radius: 31px 30px 0px 0px;
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
      width: 100%;
      max-width: 400px;
    }
	.background-container {
      min-height: 100vh;
		background-attachment:fixed;
      background:linear-gradient(
to bottom,
rgba(0,45,3,.2),
rgba(0,45,3,.9)),
 url('desk.back.png') ; /* Desktop image */
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      align-items: flex-start;
      justify-content: space-between;
      padding: 40px;
    }
  }

  /* Tablet View Adjustments */
  @media (max-width: 991px) {
    .background-container {
        background-image: url('mobile-back.png'); /* Mobile image */
		  padding: 0px;
      }
	  .display-3{display: none !important;}
		.form-card {
      background: #fff;
      padding: 30px;
      border-radius: 31px 30px 0px 0px;

		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
      width: 100%;
      max-width: 400px;
    }
	  .background-container {
      min-height: 100vh;
		background-attachment:fixed;
      background:linear-gradient(
to bottom,
rgba(0,45,3,.2),
rgba(0,45,3,.9)),
 url('desk.back.png') ; /* Desktop image */
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
		        display: flex;

      align-items: flex-start;
      justify-content: space-between;
      padding: 40px;
    }
  }

  /* Desktop Large Screens */
  @media (min-width: 992px) {
    .background-container {
        background-image: url('mobile-back.png'); /* Mobile image */
		  padding: 0px;
      }
		.form-card {
      background: #fff;
      padding: 30px;
      border-radius: 31px 30px 0px 0px;

		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
      width: 100%;
      max-width: 400px;
    }
	  .background-container {
      min-height: 100vh;
		background-attachment:fixed;
      background:linear-gradient(
to bottom,
rgba(0,45,3,.2),
rgba(0,45,3,.9)),
 url('desk.back.png') ; /* Desktop image */
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
		        display: flex;

      align-items: flex-start;
      justify-content: space-between;
      padding: 40px;
    }
  }
    @media (max-width: 768px) {
      .background-container {
        background-image: url('mobile-back.png'); /* Mobile image */
		  padding: 0px;
      }
		.display-3{display: none !important;}
		.pe-lg-3{
			display: flex;
			align-items: center;
			justify-content: space-around;
		}
		.form-card {
      background: #fff;
      padding: 30px;
      border-radius: 31px 30px 0px 0px;

		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
      width: 100%;
    }
		.background-container {
      min-height: 100vh;
		background-attachment:fixed;
      background:linear-gradient(
to bottom,
rgba(0,45,3,.2),
rgba(0,45,3,.9)),
 url('desk.back.png') ; /* Desktop image */
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      /*padding: 40px;*/
    }
    }

    .form-card {
      background: #EDEDED;
      padding: 21px 28px;
      border-radius: 10px 10px 10px 10px;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
      width: 100%;
      max-width: 400px;
    }
.logo-card {
      
      padding: 22px 28px;
      border-radius: 10px 10px 10px 10px;
      width: 100%;
      max-width: 500px;
    }
	  .forgot-remember {
		  font-size: 12px;
		  color: #525252
	  }
::placeholder {
  color:  #adb5bd !important;
}