/* Main Container */
.big-container {
  
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 0;
   padding-left: 651px;
}

.mt-4, .my-4 {
    margin-top: 0rem !important;
}
.btn.btn-primary {
    background-color: #ffffff !important;
    color: #030303 !important;
    white-space: nowrap;
    --icon-stroke: currentColor;
    --icon-fill-bg: var(--btn-primary);
}

.page-content-wrapper {
  background-image: url("/files/login_back.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  margin: 0;
  padding: 0;
}

/* Login Card */
.login-content {
    border-radius: 18px;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); */
    width: 100%;
    
    max-width: 350px;
    margin: 0 auto;
    padding: 40px;
    /* background: linear-gradient(0deg, rgb(48 0 233 / 40%) 49%, rgb(7 232 2 / 0%) 76%); */
    /* color: black; */
}
/* Logo Section */
.page-card-head {
  text-align: center;
  margin-bottom: 30px;
}

.page-card-head .app-logo {
  height: 60px;
  margin-bottom: 15px;
}

.page-card-head h4 {
  color: #2c3e50;
  font-size: 22px;
  margin: 0;
}

/* Welcome Section */
.welcome-sec {
  text-align: center;
  margin-bottom: 30px;
}

.welcome-sec span {
    font-size: 27px;
    font-weight: 700;
    color: #000000;
    display: none;
}
.welcome-sec p {
    color: #020202;
    margin-top: 0px;
    display: none;
}
/* Form Elements */
.form-group {
  margin-bottom: 20px;
}

.input-title p {
  font-weight: 500;
  color: black;
  margin-bottom: 5px;
}

.form-control {
    height: 28px;
    border-radius: 23px;
    border: 1px solid #00f918;
}

.btn-login {
  background-color: #3498db;
  border: none;
  height: 45px;
  font-weight: 500;
}
a {
    display: none;
    color: #171717;
    text-decoration: none;
    background-color: transparent;
}
/* Responsive */
@media (max-width: 768px) {
  .login-content {
    padding: 0px 32px;
  }
  .login-content {
    background: #0084284d;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    width: 198%;
    max-width: 468px;
    margin: 0 auto;
    padding: 40px;
}
.welcome-sec span {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    display: block;
}
.big-container {
  
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 0;
      padding-left: 0px !Important;
}
}

.input-with-icon {
  position: relative;
}

.input-with-icon input.form-control {
  padding-right: 36px; /* space for the icon */
}

.field-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  fill: #888;
  pointer-events: none;
}