/* HEADER */

div#body_wrapper header{

min-height:auto;
}

/* TOP BAR */

div#body_wrapper header > div#header_sub{

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

gap:10px;

padding:10px 14px;
}

/* ROWS */

div#body_wrapper header > div#header_sub > div{

width:100%;

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

flex-wrap:wrap;

gap:8px;

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:11px;
line-height:1.5;
}

/* MENU */

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

justify-content:center;

flex-wrap:wrap;

gap:8px;
}

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

font-size:11px;
}

/* CLIENT LOGIN */

div#client_sign{

justify-content:center;
}

div#client_sign a{

font-size:11px;
}

div#client_sign svg{

width:18px;
height:18px;

margin:-1px 0 0 0;
}

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

div#logo_menu_div{

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

gap:16px;

padding:18px 14px;
}

/* LOGO */

div#logo_menu_div figure{

width:170px;
margin:0 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:10px;
padding:0;
}

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

/* GET IN TOUCH */
div#intouch_div{
position:relative;
top:auto;
right:auto;
width:150px;
height:42px;
margin:8px auto 0 auto;
border-radius:6px;
}

div#intouch_div a{
padding:10px 0 0 0;
font-size:12px;
}



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

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

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

#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:14px;
line-height:1.95;
}

#account_types_grid,
#account_process_grid,
#required_documents_grid{
width:90%;
gap:18px;
}

#account_form{
width:90%;
padding:30px;
}

.account_cta_actions a{
width:100%;
height:52px;
font-size:13px;
}

/* 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;
}

.form_row{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom: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:55px PlayfairDisplay;
}

/**********************************
360px.css
CONFIRM PAGE
**********************************/

#confirm_section{

min-height:100vh;

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

padding:30px 15px;

box-sizing:border-box;
}

.confirm_card{

width:100%;

max-width:100%;

padding:40px 25px;

border-radius:28px;

box-sizing:border-box;
}

/* LOGO */

.confirm_logo{

margin-bottom:25px;
}

.confirm_logo img{

width:150px;
}

/* SUCCESS ICON */

.confirm_icon{

width:80px;
height:80px;

margin:0 auto 25px;

font-size:36px;
}

/* TAG */

.confirm_tag{

margin-bottom:18px;

font-size:11px;

letter-spacing:2px;
}

/* HEADING */

.confirm_card h1{

font:500 38px PlayfairDisplay;

line-height:1.12;

margin-bottom:18px;
}

/* MESSAGE */

.confirm_message{

max-width:100%;

margin:0 auto 30px;

font-size:15px;

line-height:1.8;
}

/* DETAILS */

.confirm_details{

display:flex;

flex-direction:column;

gap:16px;

margin-bottom:30px;
}

.confirm_details div{

width:100%;

padding:18px 20px;

border-radius:18px;

box-sizing:border-box;
}

.confirm_details label{

display:block;

margin-bottom:8px;

font-size:11px;

letter-spacing:1px;
}

.confirm_details strong{

font-size:17px;

word-break:break-word;
}

/* NOTE */

.confirm_note{

padding:18px;

margin-bottom:30px;

border-radius:16px;

font-size:14px;

line-height:1.8;
}

/* ACTIONS */

.confirm_actions{

display:flex;

flex-direction:column;

gap:14px;
}

.confirm_actions a{

width:100%;

height:54px;

padding:0 24px;

border-radius:14px;

font-size:14px;

box-sizing:border-box;
}

/* BUTTON HOVER */

.login_btn:hover,
.home_btn:hover{

transform:none;
}