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

/*========================
CONTACT HERO
=========================*/

#contact_hero{

height:520px;
background-position:center;
}

#contact_hero_content{

width:93%;
}

.contact_tag{

padding:9px 16px;

font-size:11px;

margin-bottom:20px;
}

#contact_hero_content h2{

font-size:38px;
line-height:1.08;

margin-bottom:18px;
}

#contact_hero_content p{

font-size:14px;
line-height:1.9;

margin-bottom:28px;
}

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

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

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

#account_form{
padding:34px;
}

.form_row{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:10px;
}

.account_cta_actions a{
height:54px;
}

/**********************************
375px.css
CONFIRM PAGE
**********************************/

#confirm_section{

min-height:100vh;

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

padding:35px 18px;

box-sizing:border-box;
}

.confirm_card{

width:100%;

max-width:100%;

padding:45px 28px;

border-radius:30px;

box-sizing:border-box;
}

/* LOGO */

.confirm_logo{

margin-bottom:28px;
}

.confirm_logo img{

width:160px;
}

/* SUCCESS ICON */

.confirm_icon{

width:85px;
height:85px;

margin:0 auto 28px;

font-size:38px;
}

/* TAG */

.confirm_tag{

display:inline-block;

margin-bottom:18px;

font:600 12px openSans;

letter-spacing:2px;

text-transform:uppercase;
}

/* HEADING */

.confirm_card h1{

font:500 46px PlayfairDisplay;

line-height:1.1;

color:#02271B;

margin-bottom:18px;
}

/* MESSAGE */

.confirm_message{

max-width:100%;

margin:0 auto 32px;

font:15px openSans;

line-height:1.9;

color:#6E6E6E;
}

/* DETAILS */

.confirm_details{

display:flex;

flex-direction:column;

gap:18px;

margin-bottom:32px;
}

.confirm_details div{

width:100%;

padding:20px 22px;

border-radius:18px;

box-sizing:border-box;
}

.confirm_details label{

display:block;

margin-bottom:8px;

font:600 11px openSans;

letter-spacing:1px;

text-transform:uppercase;

color:#7A7A7A;
}

.confirm_details strong{

font:600 18px openSans;

color:#02271B;

word-break:break-word;
}

/* STATUS */

.status.approved{

color:#0F8A36;
}

/* NOTE */

.confirm_note{

padding:20px;

margin-bottom:32px;

border-radius:16px;

font:14px openSans;

line-height:1.8;

color:#6E6E6E;
}

/* ACTIONS */

.confirm_actions{

display:flex;

flex-direction:column;

gap:15px;
}

.confirm_actions a{

width:100%;

height:56px;

padding:0 24px;

border-radius:14px;

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

box-sizing:border-box;

font:600 15px openSans;

text-decoration:none;
}

/* BUTTON HOVER */

.login_btn:hover,
.home_btn:hover{

transform:none;
}