/**********************************
360px.css
FORGOT PASSWORD
**********************************/

/*========================
SECTION
=========================*/

#forgot_section{

padding:25px 15px;

align-items:flex-start;
}

/*========================
CARD
=========================*/

.forgot_card{

padding:35px 24px;

border-radius:26px;

box-sizing:border-box;
}

/*========================
LOGO
=========================*/

.forgot_logo{

margin-bottom:24px;
}

.forgot_logo img{

width:145px;
}

/*========================
TAG
=========================*/

.forgot_tag{

font-size:11px;

letter-spacing:2px;

margin-bottom:16px;
}

/*========================
TITLE
=========================*/

.forgot_card h1{

font:500 34px PlayfairDisplay;

line-height:1.2;

margin-bottom:16px;

word-break:break-word;
}

/*========================
MESSAGE
=========================*/

.forgot_message{

font-size:14px;

line-height:1.8;

margin-bottom:30px;

max-width:100%;
}

/*========================
OUTPUT
=========================*/

#forgot_output{

margin-bottom:20px;
}

/*========================
FORMS
=========================*/

#forgot_form,
#reset_password_form{

gap:18px;
}

#forgot_form label,
#reset_password_form label{

font-size:12px;
}

/*========================
INPUTS
=========================*/

#forgot_form input,
#reset_password_form input{

height:54px;

padding:0 16px;

font-size:14px;

box-sizing:border-box;
}

/*========================
BUTTONS
=========================*/

#forgot_form button,
#reset_password_form button{

width:100%;

height:54px;

font-size:14px;

margin-top:6px;

box-sizing:border-box;
}

/*========================
LINKS
=========================*/

.forgot_links{

flex-direction:column;

gap:16px;

margin-top:30px;
}

.forgot_links a{

font-size:13px;
}

/*========================
MESSAGES
=========================*/

.success_message,
.error_message{

padding:16px;

gap:12px;

font-size:13px;

line-height:1.7;

margin-bottom:20px;
}

.success_message:before,
.error_message:before{

width:28px;
height:28px;

font-size:14px;

flex-shrink:0;
}

/*========================
RESET WRAPPER
=========================*/

#reset_password_wrapper{

width:100%;
}

/*========================
BACK BUTTON
=========================*/

#back_to_forgot{

margin-top:0 !important;
}