/* 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:nowrap;
gap:12px;
}

div#body_wrapper header > div#header_sub > div ul li a{
font-size:12px;
}

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


/*========================
ABOUT HERO
=========================*/

#about_hero{

height:520px;

background-position:center;

display:flex;
align-items:center;
}

/* OVERLAY */

#about_hero_overlay{

background:
linear-gradient(
90deg,
rgba(4,25,19,.90),
rgba(4,25,19,.55)
);
}

/* CONTENT */

#about_hero_content{

width:94%;
}

#about_hero_content>div{

max-width:100%;
}

/* TAG */

.about_tag{

padding:8px 14px;

font-size:10px;

letter-spacing:1px;

margin-bottom:18px;
}

/* TITLE */

#about_hero_content h2{

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

margin-bottom:18px;
}

/* TEXT */

#about_hero_content p{

font-size:13px;
line-height:1.85;

margin-bottom:26px;
}

/*========================
HERO ACTIONS MOBILE
=========================*/

.about_hero_actions{

display:flex;

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

gap:14px;

width:100%;
}

/* BUTTONS */

.about_hero_actions a{

display:flex !important;

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

width:100%;

min-height:52px;
height:52px;

box-sizing:border-box;

padding:0 18px;

border-radius:40px;

text-decoration:none;

font:13px amplitude_regular;

line-height:1;

text-align:center;

margin:0;
}

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

#about_story_section{

padding:70px 0;
}

/* CONTAINER */

#about_story_container{
width:94%;
flex-direction:column;
gap:34px;
}

/* IMAGE */

#about_story_image{
width:100%;
}

#about_story_image figure{
height:320px;
border-radius:18px;
}

#about_story_image figure:after{

top:12px;
left:12px;
right:12px;
bottom:12px;

border-radius:14px;
}

/* CONTENT */

#about_story_content{

width:100%;
}

/* TAG */

.about_section_tag{

font-size:11px;

letter-spacing:1.5px;

margin-bottom:16px;
}

/* TITLE */

#about_story_content h2{

font-size:34px;
line-height:1.1;

margin-bottom:18px;
}

/* TEXT */

#about_story_content > p{

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

margin-bottom:18px;
}

/* FEATURES */

#story_features{

flex-direction:column;

gap:16px;

margin-top:22px;
}

/* CARD */

.story_feature{

padding:22px;

border-radius:16px;
}

/* TITLE */

.story_feature h4{

font-size:22px;

margin-bottom:8px;
}

/* TEXT */

.story_feature p{

font-size:13px;
line-height:1.8;
}

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

#about_values_section{

padding:70px 0;
}

/* HEADER */

#about_values_header{

width:94%;

margin:auto auto 34px auto;

text-align:center;
}

#about_values_header h2{

font-size:34px;
line-height:1.1;

margin:16px 0;
}

#about_values_header p{

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

max-width:100%;
}

/*========================
GRID
=========================*/

#about_values_grid{

width:94%;

display:flex;
flex-direction:column;

gap:18px;
}

/* CARD */

.value_card{
flex:none;
min-width:80%;
padding:26px 22px;
border-radius:18px;
}

/* ICON */

.value_icon{

width:58px;
height:58px;

border-radius:16px;

margin-bottom:18px;
}

.value_icon svg{

width:24px;
height:24px;

stroke-width:1.8;
}

/* TITLE */

.value_card h3{

font-size:24px;

margin-bottom:10px;
}

/* TEXT */

.value_card p{

font-size:13px;
line-height:1.85;
}