body{
		background-color:#c5e4d7;
	}
	.auth-container {
	  margin: 120px 0;
	  border-radius: 40px;
	  
      background: #fff;
      padding: 40px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      max-width: 600px;
      width: 100%;
    }
    .btn-green {
      background-color: #2f9c63;
      color: #fff;
      border: none;
      transition: background-color 0.3s ease;
    }
    .btn-green:hover {
      background-color: #218b54;
	  color: #fff;
    }
    .text-green {
      color: #2f9c63;
      text-decoration: none;
    }
    .text-green:hover {
      text-decoration: underline;
    }
    .form-control:focus {
      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
      border-color: #2f9c63;
    }
	.fog_pass_btn:hover{
		text-decoration: none;
		color: #218b54;
	}
	.fog_pass_btn{
		font-weight: 700;
	}
	/*---------------------------------------------------------------------------------------*/
	.custom-checkbox {
      display: flex;
      align-items: center;
      gap: 0.5rem; /* Расстояние между чекбоксом и текстом */
    }
    /*.custom-checkbox input[type="checkbox"] {
      width: 20px;
      height: 20px;
      accent-color: #000; 
      border: 1px solid #ccc;
      border-radius: 4px; 
    }*/
    .custom-checkbox label {
      margin: 0;
      font-size: 16px; /* Размер шрифта */
      color: #000;
      cursor: pointer;
    }
	.custom-checkbox input[type="checkbox"] {
      padding: 0;
	  height: initial;
	  width: initial;
	  margin-bottom: 0;
	  display: none;
	  cursor: pointer; 
    }
	.custom-checkbox label {
	  position: relative;
	  cursor: pointer;
	}
	.custom-checkbox label:before {
		content: '';
		-webkit-appearance: none;
		background-color: transparent;
		border: 2px solid #dee2e6;
		padding: 10px;
		display: inline-block;
		position: relative;
		vertical-align: middle;
		cursor: pointer;
		margin-right: 5px;
		border-radius: 5px;
	}
	.custom-checkbox input:checked + label:after {
		content: '';
		display: block;
		position: absolute;
		top: 4px;
		left: 9px;
		width: 7px;
		height: 14px;
		border: solid #c7c9cb;
		border-width: 0 3px 3px 0;
		transform: rotate(45deg);
	}
	/*---------------------------------------------------------------------------------------*/
	.password-wrapper {
      position: relative;
    }
    .password-wrapper .toggle-password {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      cursor: pointer;
      font-size: 1.2rem;
      color: #6c757d;
    }
	.fa-eye:before {
		content: "\f070";
		color: #c5cacf;
	}
	.fa-eye-slash:before {
		content: "\f070";
		color: #c5cacf;
	}
	/*---------------------------------------------------------------------------------------*/
	#text_sign_in{
		font-size: 32px;
		font-weight: 700;
	}
	.input_style{
		padding: 20px 16px;
		border-radius: 10px;
	}
	.but_sign_in{
		font-size: 16px;
		font-weight: 600;
		padding: 22px;
		border-radius: 10px;
	}
	.form-label{
		position: absolute;
		top: -12px;
		left: 13px;
		background-color: #fff;
		color: #b4bcc3;
	}
	.mr_20{
		margin-right:20px;
	}
	.text_2{
		font-size: 16px;
	}
	.content{
		height: auto;
	}

/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
	
@media (min-width: 320px) and (max-width: 767px) {
	.content{
		height: auto;
		padding:0;
	}
	.fog_pass_btn{
		font-weight: 600;
		font-size: 14px;
	}
	.but_sign_in{
		font-size: 14px;
		font-weight: 600;
		padding: 22px;
		border-radius: 10px;
	}
	#rememberMe_text{
		font-size: 14px;
		font-weight: 600;
	}
	.auth-container {
		margin: 44px 0;
		border-radius: 40px;
		background: #fff;
		padding: 20px 10px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
		max-width: 600px;
		width: 100%;
	}
	#text_sign_in {
		font-size: 24px;
		font-weight: 700;
	}
	.text_2{
		font-size: 14px;
	}
	.mr_20{
		margin-right:0;
	}
}