.login_body{
    background-color: #1e4743;
}
.header-logo-navbar-top{
  width: 140px;
  height: 30px;
}
.login-contact-us{
  font-family: 'Inter-Medium';
  color:#fff;
  font-size: 12px;
  align-items: center;
  background-color: #1e4743;
  border: 1px solid rgb(255, 255, 255);
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 2rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}
.login-main-heading{
  text-align: center;
  color:white;
  font-size:35px;
  font-family: 'Syne-SemiBold';
}
.login-main-heading-highlight {
  background-color: #b3e691;
  border-radius: 25px;
  padding: 0 10px; 
  color:#1e4743;
}
.login-sub-heading{
  font-family: 'Syne-Regular';
  text-align: center;
  color:white;
  font-size: 18px;
}
/* ************************** */

.form-container-login-signin{
	background: transparent linear-gradient(19deg, #FFE4BB 0%, #FFFFFF 100%);
	background-repeat: no-repeat;
	border-radius: 15px;
	border: 1px solid #313131;
	box-shadow: 5px 5px 0px #76B988;
	padding: 10px 20px;
	transition: transform 0.2s;
	text-align: left;
}

.login-signin-main-head{
  color:#0F0A2E;
  font-family: 'Syne-SemiBold';
  font-size: 22px;
}

.password-toggle {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.sign-in-third-party-button{
  font-family: 'Inter-Medium';
  color:#000000;
  font-size: 12px;
  text-align: left;
  width: 100%;
  padding: 10px;
  line-height: 1.5;
  --bs-btn-border-color:#313131;
  --bs-btn-hover-border-color: #313131;

}
.google-icon {
  background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 1.15rem;
}
.apple-icon {
  background: #000;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 1.25rem;
}
.line-or{
  color:#46556A;
  opacity: 0.4;
}
.signin-login-or{
  color:#0F0A2E;
  font-family: 'Syne-SemiBold';
  font-size: 12px;
}
.login-signin-form-input{
  font-family: 'Inter-Regular';
  font-size:12px;
  color:#313131;
  border: 1px solid #46556A;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  opacity: 0.7;
  line-height: 1.5;
  margin-bottom: 10px;
  display: block;
}

.continue-buttons{
	margin-bottom: 10px;
}
input[type="text"]:focus,
input[type="password"]:focus {
    border-color:#46556A; 
    outline: none;
}

.toggle-password{
  position: absolute; 
  top: 50%; 
  right: 10px; 
  transform: translateY(-50%);
  cursor: pointer;
  color:#46556A;
  font-size: 0.75rem;
}
.wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-signin-button{
  border-radius: 8px;
  border: none;
  color: white;
  cursor: pointer;
  background-color: #25A748;
  width: 100%;
  font-size: 13px;
  font-family: 'Inter-Bold';
}
.form-footer-text{
  font-family: 'Inter-Regular';
  color:#313131;
  font-size: 11px;
}
.form-footer-text-link{
  font-family: 'Inter-SemiBold';
  color:#125BE8;
  font-size: 11px;
}
.responsive-container-login-signin{
  width: 100%;
  height: 100%;
  transition: transform 0.2s;
  text-align: left;
}

/* Extra small devices (phones, 400px and down) */
@media only screen and (max-width: 400px) {
    #img-login-front{
      width: 100%;
      height: 100%;
      border-radius: 3%;
    }
	.login_image-column{
		margin-bottom: 15px;
	}
	#contact-us-button{
		display: contents;
	}
    .login-main-heading-highlight{
      text-wrap: nowrap;
      font-size:28px;
    }
    .login-main-heading-one{
      text-wrap: nowrap;
      font-size:28px;
    }
    .login-main-heading-three{
      text-wrap: nowrap;
	  font-size:28px;
    }
	.login-sub-heading{
		font-size:1rem;
	}
	.login-main-heading{
		word-break: break-word;
	}

}

/* medium small devices (phones, 400px and up) */
@media only screen and (min-width: 400px) {
	#img-login-front{
		width: 100%;
		height: 100%;
		border-radius: 3%;
	  }
	  .login_image-column{
		  margin-bottom: 15px;
	  }
	  #contact-us-button{
		  display: contents;
	  }
	  .login-main-heading-highlight{
		text-wrap: nowrap;
		font-size:32px;
	  }
	  .login-main-heading-one{
		text-wrap: nowrap;
		font-size:32px;
	  }
	  .login-main-heading-three{
		text-wrap: nowrap;
		font-size:32px;
	  }
	  .login-sub-heading{
		  font-size:1rem;
	  }
	  .login-main-heading{
		word-break: break-word;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	#img-login-front{
		width: 100%;
		height: 100%;
		border-radius: 3%;
	  }
	  .login_image-column{
		  margin-bottom: 15px;
	  }
	  #contact-us-button{
		  display: contents;
	  }
	  .login-main-heading-highlight{
		text-wrap: nowrap;
		font-size:35px;
	  }
	  .login-main-heading-one{
		text-wrap: nowrap;
		font-size:35px;
	  }
	  .login-main-heading-three{
		text-wrap: nowrap;
		font-size:35px;
	  }
	  .login-sub-heading{
		  font-size:1rem;
		  word-break: break-all;
	  }
	  .login-main-heading{
		word-break: break-word;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

	.container-login{
		max-width: 650px !important;
	}
	#img-login-front{
		width: 100%;
		height: 100%;
		border-radius: 3%;
	}
	#contact-us-button{
		display: contents;
	}
	.login-main-heading-highlight{
		text-wrap: nowrap;
		font-size:35px;
	}
	.login-main-heading-one{
		text-wrap: nowrap;
		font-size:35px;
	}
	.login-main-heading-three{
		text-wrap: nowrap;
		font-size:35px;
	}
	.login-sub-heading{
		font-size:1rem;
	}
	/* .login_form-column{
		width: 80%;
		margin-bottom: 15px;
	}
	.login_image-column{
		width: 80%;
		margin-bottom: 10px;
	} */
	
	
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.container-login{
		max-width: 960px !important;
	}
	#img-login-front{
		width: 100%;
		height: 100%;
		border-radius: 3%;
	  }
	  #contact-us-button{
		  display: contents;
	  }
	  .login-main-heading-highlight{
		text-wrap: nowrap;
		font-size:38px;
	  }
	  .login-main-heading-one{
		text-wrap: nowrap;
		font-size:38px;
	  }
	  .login-main-heading-three{
		text-wrap: nowrap;
		font-size:38px;
	  }
	  .login-sub-heading{
		  font-size:1rem;
	  }
	  .login_image-column{
		width: 64%;
	}
	.login_form-column{
		width: 32%;
	}
	.login-center-column{
		width: 4%;
	}
	.login_image-column{
		margin-bottom: 0px;
	}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
		.container-login{
			max-width: 1088px !important;
		}
	  #img-login-front{
		width: 100%;
		height: 100%;
		border-radius: 3%;
	  }
	  #contact-us-button{
		  display: contents;
	  }
	  .login-main-heading-highlight{
		text-wrap: nowrap;
		font-size:40px;
	  }
	  .login-main-heading-one{
		text-wrap: nowrap;
		font-size:40px;
	  }
	  .login-main-heading-three{
		text-wrap: nowrap;
		font-size:40px;
	  }
	  .login-sub-heading{
		  font-size:1.5rem;
	  }
	.login_image-column{
		width: 64%;
	}
	.login_form-column{
		width: 33%;
	}
	.login-center-column{
		width: 3%;
	}
	.login_image-column{
		margin-bottom: 0px;
	}
	
}
@media only screen and (min-width: 1400px){
	.container-login{
		max-width: 1288px !important;
	}
	
	.login-signin-main-head{
		font-size: 25px;
	}
	.sign-in-third-party-button{	
		line-height: 1.75;
		font-size: 15px;
	}
	.login-main-heading-highlight{
		text-wrap: nowrap;
		font-size:50px;
	  }
	  .login-main-heading-one{
		text-wrap: nowrap;
		font-size:50px;
	  }
	  .login-main-heading-three{
		text-wrap: nowrap;
		font-size:50px;
	  }
	.signin-login-or{
		font-size: 15px;
	  }
	  .login-signin-form-input{
		line-height: 1.75;
		font-size: 15px;
	  }
	  .login-signin-button{
		font-size: 16px;
	  }
	  .footer-text-div-block{
		margin-top:1.5rem;
	  }
	  .form-footer-text{
		font-size: 13px;	
	  }
	  .form-footer-text-link{
		font-size: 15px;
	  }
	  /* .login-signin-form-form{
		display: grid;
		gap:10px;
	  } */
	  .wrap{
		margin-top:25px;
	  }
}

.footer-text-div-block{
	margin-top:1rem;
  }

.form-content {
	max-width: 100%;
	height: 500px;
}
.image-content {
	width: 100%;
	height: 100%;
}
.image-column {
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
}
.alert-style-custom{
	font-family: 'Inter-Regular';
	font-size: 12px;
	opacity: 1;
	--bs-alert-padding-y: 10px;
  }

  textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
.uneditable-input:focus {   
  border-color: #46556A;
  box-shadow: none;
  outline: 0 none;
}
.form-select:focus {
	border-color: #46556A;
  box-shadow: none;
  outline: 0 none;
  }