/*========================
HEADER
=========================*/

div#body_wrapper header{

min-height:auto;
}

/* TOP BAR */

div#body_wrapper header > div#header_sub{

flex-direction:column;
align-items:center;

gap:12px;

padding:12px 16px;
}

/* ROWS */

div#body_wrapper header > div#header_sub > div{

width:100%;

justify-content:center;
align-items:center;

flex-wrap:wrap;

gap:10px;

text-align:center;
}

div#body_wrapper header > div#header_sub > div:nth-child(2){

padding:0;
}

/* TEXT */

div#body_wrapper header > div#header_sub > div p{

font-size:12px;
line-height:1.6;
}

/* MENU */

div#body_wrapper header > div#header_sub > div ul{

justify-content:center;
flex-wrap:nowrap;
gap:10px;
}

div#body_wrapper header > div#header_sub > div ul li a{

font-size:12px;
}

/* CLIENT */

div#client_sign{

justify-content:center;
}

div#client_sign a{

font-size:12px;
}

div#client_sign svg{

width:18px;
height:18px;

margin:-1px 0 0 0;
}

/* LOGO */

div#logo_menu_div{

flex-direction:column;
align-items:center;

gap:18px;

padding:22px 16px;
}

div#logo_menu_div figure{

width:185px;
margin:auto;
}

div#logo_menu_div figure img{

width:100%;
display:block;
}

/* NAV */

div#logo_menu_div nav{

width:100%;

padding:0;
margin:0;
}

div#logo_menu_div nav ul{

width:100%;

justify-content:center;
align-items:center;

flex-wrap:nowrap;

gap:14px;
padding:0;
}

div#logo_menu_div nav ul li a{
font-size:12px;
}

/* BUTTON */

div#intouch_div{

position:relative;

top:auto;
right:auto;

width:160px;
height:44px;

margin:10px auto 0;

border-radius:6px;
}

div#intouch_div a{

padding:11px 0 0 0;

font-size:13px;
}


#account_intro,
#account_types,
#account_process,
#application_form,
#required_documents,
#account_faq,
#account_cta{
padding:110px 0;
}

#account_intro_container,
#account_types_header,
#account_process_header,
#application_form_header,
#required_documents_header,
#account_faq_header,
#account_cta_container{
width:84%;
}

#account_intro_container h2,
#account_types_header h2,
#account_process_header h2,
#application_form_header h2,
#required_documents_header h2,
#account_faq_header h2,
#account_cta_container h2{
font-size:58px;
line-height:1.02;
}

#account_intro_container p,
#account_types_header p,
#account_process_header p,
#application_form_header p,
#required_documents_header p,
#account_faq_header p,
#account_cta_container p{
font-size:16px;
line-height:2em;
}

#account_form{
padding:40px;
}

.account_cta_actions{
flex-direction:row;
gap:18px;
}

.account_cta_actions a{
flex:none;
min-width:220px;
height:58px;
}

/* CTA BUTTONS SIDE BY SIDE */

.account_cta_actions{
flex-direction:row;
gap:14px;
}

.account_cta_actions a{
flex:1;
height:56px;
width:auto;
}


#account_types_grid{
width:88%;
max-width:1350px;
margin:auto;
display:flex;
flex-direction:column;
flex-wrap:wrap;
gap:10px;
}

#account_process_grid{
width:90%;
max-width:1350px;
margin:auto;
display:flex;
flex-wrap:wrap;
gap:10px;
}

#required_documents_grid{
width:88%;
max-width:1350px;
margin:auto;
display:flex;
flex-wrap:wrap;
gap:28px;
}

.account_cta_actions{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:18px;
}

#account_form{
padding:10px;
}

/* ROW */
.form_row{
display:flex;
flex-direction:column;
gap:5px;
margin-bottom:24px;
}

#account_form button{
width:100%;
}

.account_hero_actions a{
font:12px notosans;
}

#account_hero_content h1{
font:65px PlayfairDisplay;
}

#required_documents_grid{
width:88%;
margin:auto;
display:flex;
flex-direction:column;
}

/**********************************
480px.css
CONFIRM PAGE
**********************************/

#confirm_section{

min-height:100vh;

display:flex;
align-items:center;
justify-content:center;

padding:45px 24px;

box-sizing:border-box;
}

.confirm_card{

width:100%;

max-width:100%;

padding:55px 38px;

border-radius:32px;

box-sizing:border-box;
}

/* LOGO */

.confirm_logo{

margin-bottom:32px;
}

.confirm_logo img{

width:180px;
}

/* SUCCESS ICON */

.confirm_icon{

width:90px;
height:90px;

margin:0 auto 32px;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

font-size:42px;
}

/* TAG */

.confirm_tag{

display:inline-block;

margin-bottom:20px;

font:600 12px openSans;

letter-spacing:3px;

text-transform:uppercase;

color:#D7AA42;
}

/* HEADING */

.confirm_card h1{

font:500 48px PlayfairDisplay;

line-height:1.05;

color:#02271B;

margin-bottom:20px;
}

/* MESSAGE */

.confirm_message{

max-width:100%;

margin:0 auto 38px;


line-height:1.9;

color:#6E6E6E;
}

/* DETAILS */

.confirm_details{

display:flex;

flex-direction:column;

gap:20px;

margin-bottom:38px;
}

.confirm_details div{

width:100%;

padding:24px 26px;

border-radius:20px;

background:#F8F1DF;

box-sizing:border-box;
}

.confirm_details label{

display:block;

margin-bottom:8px;

font:600 12px openSans;

letter-spacing:1px;

text-transform:uppercase;

color:#7A7A7A;
}

.confirm_details strong{

font:600 20px openSans;

color:#02271B;

word-break:break-word;
}

/* STATUS */

.status.approved{

color:#0F8A36;
}

/* NOTE */

.confirm_note{

padding:24px;

margin-bottom:38px;

border-radius:18px;

background:#F4F8F5;

font:14px openSans;

line-height:1.9;

color:#6E6E6E;
}

/* ACTIONS */

.confirm_actions{

display:flex;

flex-direction:column;

gap:18px;
}

.confirm_actions a{

width:100%;

height:58px;

padding:0 30px;

border-radius:14px;

display:flex;
align-items:center;
justify-content:center;

box-sizing:border-box;

font:600 15px openSans;

text-decoration:none;

transition:.35s;
}

/* BUTTON HOVER */

.login_btn:hover,
.home_btn:hover{

transform:none;
}