/**/
.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%)}
.section-auth .section-header-title{ background: var(--color-gray-white); 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{ padding: 0 15px 15px 20px; }
.section-form .form-row{  max-width: 320px; margin: auto; margin-bottom: 20px; box-sizing: border-box}
.section-form .form-row-field > label{ padding-left: 12px;   font-weight: 500;padding-bottom: 3px;display: block; }
.section-form .form-row input{ display: block; border-radius: 15px; height: 42px; border:1px solid var(--color-green-second); width: 100%; padding: 0 15px;  }

.section-form .form-row-checkbox {   box-sizing: border-box; padding-top: 3px;display: block;position: relative;font-size: 12px;line-height: 1.3;}
.section-form .form-row-checkbox label{display: flex; align-items: flex-start;  font-weight: 400; font-size: 12px;line-height: 1.3; padding: 0}
.section-form .form-row-checkbox input{ position: absolute; width: 0; height: 0; visibility: hidden}

.section-form .checkbox-switcher {display: block; position: relative; width: 28px; height: 16px; border: 2px solid var(--color-gray); border-radius: 12px; transition: all 0.3s linear; opacity: 0.5; cursor: pointer; flex-shrink: 0; margin-right: 10px; margin-top: -2px}
.section-form .checkbox-switcher:after{content: ""; position: absolute; display: block; width: 10px; height: 10px; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 5px;
    transition: all 0.3s linear; background: var(--color-gray); opacity: 0.5; cursor: pointer}
.section-form .form-row-checkbox input:checked + label .checkbox-switcher{border-color: var(--color-green-second);opacity: 1}
.section-form .form-row-checkbox input:checked + label .checkbox-switcher:after{ left: 15px; background-color: var(--color-green-second);opacity: 1}

.section-form .form-row-checkbox  a{text-decoration: underline; color: var(--color-green-second)}
.section-form .form-row-buttons{ }
.section-form .form-row-buttons .button{ width: 100%; height: 46px;margin: auto;cursor: pointer;}

.section-form .form-row-captcha{ display: flex}
.section-form .captcha-image{ flex-shrink: 0; padding-left: 10px}
.section-form .captcha-image img{height: 100%; height: 100%;border: 1px dashed #cacaca;border-radius: 15px;}

.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}

.section-form .form-row-description{ padding:3px 15px 0 15px; font-size: 0.9em; opacity: 0.8}
.section-form .message{ padding: 15px;  text-align: center; margin-bottom: 15px; border: 1px dashed var(--color-gray); border-radius: 15px}
.section-form .message.error{ color:var(--color-text-red);  border: 1px dashed var(--color-text-red)}

/**/
.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) {

}