/**/
.section-auth .section-title{ }
.section-auth .section-auth-inner{  border-radius: 15px; max-width: 800px; margin:auto; margin-top: 30px; margin-bottom: 40px;  overflow: hidden; box-shadow: 0 5px 20px -10px rgb(0 0 0 / 15%); background: #fff}
.section-auth .section-header-title{ background: var(--color-green-gray); padding: 20px 15px }
.section-auth .section-header-title h1{ text-align: center; font-size: 16px; margin: 0;}
.section-auth .section-header-description{ padding: 15px; text-align: center; }

/**/
.section-form .auth-form-footer{display: flex; justify-content: space-between; margin-bottom: 30px}
.section-form .auth-form-footer p{ margin: 0;}
.section-form .auth-form-footer a{ color: var(--color-green-second); display: inline-block; border-bottom: 1px  dashed var(--color-green-second); transition: .3s}
.section-form .auth-form-footer a:hover{  border-bottom: 1px solid var(--color-green-second); }
.section-form .auth-form-register{ text-align: right}

/**/
.reg-form .auth-form-login{ display: flex; justify-content: center; flex: 1; border-radius: 15px}
.reg-form .auth-form-login p{margin-right: 10px}

/**/
.auth-form .password-forgot{display: flex; justify-content: flex-end; margin-top: 5px;}
.auth-form .password-forgot a{ font-size: 12px; color: var(--color-text-green);  }
.auth-form .password-forgot a:hover{ text-decoration: underline}
.auth-form .personal-form-addon{ text-align: center; }
.auth-form .profile__button--auth{ display: block; margin: auto; padding: 15px 25px; color: var(--color-text-green); background-color: var(--color-text-white);border: 1px solid var(--color-text-green);}
.auth-form .profile__buttons{justify-content: center}
.auth-form .message{ margin: 20px 0}

/**/
.forgot-form{padding-bottom: 20px;}
.forgot-form .profile__buttons{justify-content: center; margin: 20px 0}

/**/
.change-password-form{ padding: 25px 0}
.change-password-form .profile__buttons{ justify-content: center; margin: 20px}

/**/
.register-form{ padding: 25px 0}
.register-form .profile__buttons{ justify-content: center; margin: 20px}


@media only screen and (min-width: 768px) {

    .section-form{ padding: 0 30px 30px 30px; }
    .section-auth .section-header-description{ padding: 20px 40px}
}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1600px) {

}