/*========================
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:100px 0;
}

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

#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:50px;
line-height:1.05;
}

#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:15px;
}

/* 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-wrap:wrap;
gap:10px;
}

#account_process_grid{
width:88%;
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;
gap:5px;
margin-bottom:24px;
}

#account_form button{
width:100%;
}

.account_hero_actions a{
font:12px notosans;
}

#account_hero_content h1{
font:65px PlayfairDisplay;
}