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

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

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

/*========================
INSIGHTS HERO
=========================*/

#insights_hero{

height:540px;

background-position:center;

display:flex;
align-items:center;
}

/* OVERLAY */

#insights_hero_overlay{

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

/* CONTENT */

#insights_hero_content{

width:94%;
}

#insights_hero_content>div{

max-width:100%;
}

/* TAG */

.insights_tag{

padding:8px 14px;

font-size:10px;

letter-spacing:1px;

margin-bottom:18px;
}

/* TITLE */

#insights_hero_content h2{

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

margin-bottom:18px;
}

/* TEXT */

#insights_hero_content p{

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

margin-bottom:28px;
}

/*========================
HERO ACTIONS
320
=========================*/

.insights_hero_actions{

display:flex;

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

gap:14px;

width:100%;
}

/* BUTTONS */

.insights_hero_actions a{

display:flex;

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;

flex:none;
}

/*========================
FEATURED INSIGHT
=========================*/

#featured_insight_section{

padding:70px 0;
}

/* CONTAINER */

#featured_insight_container{

width:94%;

flex-direction:column;

gap:34px;
}

/* IMAGE */

#featured_insight_image{

width:100%;
}

#featured_insight_image figure{

height:320px;

border-radius:18px;
}

#featured_insight_image figure:after{

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

border-radius:14px;
}

/* CONTENT */

#featured_insight_content{

width:100%;
}

/* TAG */

.insight_section_tag{

font-size:11px;

letter-spacing:1.5px;

margin-bottom:16px;
}

/* TITLE */

#featured_insight_content h2{

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

margin-bottom:18px;
}

/* TEXT */

#featured_insight_content > p{

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

margin-bottom:18px;
}

/* META */

.featured_meta{

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

gap:10px;

margin:6px 0 24px 0;
}

.featured_meta span{

font-size:12px;
}

/* BUTTON */

.featured_read_btn{

width:80%;

height:50px;

padding:0 18px;

font-size:12px;
}

/*========================
INSIGHTS ARTICLES
=========================*/

#insights_articles_section{

padding:70px 0;
}

/* HEADER */

#insights_articles_header{

width:94%;

margin:auto auto 34px auto;

text-align:center;
}

#insights_articles_header h2{

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

margin:16px 0;
}

#insights_articles_header p{

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

max-width:100%;
}

/*========================
CATEGORIES
=========================*/

#insight_categories{

width:94%;

margin:auto auto 34px auto;

display:flex;
flex-direction:column;

gap:14px;
}

/* CARD */

.insight_category{

width:100%;

padding:22px;

border-radius:18px;

display:flex;
align-items:center;

gap:14px;

box-sizing:border-box;
}

/* ICON */

.insight_cat_icon{

width:52px;
height:52px;

border-radius:14px;
}

.insight_cat_icon svg{

width:22px;
height:22px;
}

/* TEXT */

.insight_category h4{

font-size:20px;
}

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

#insight_articles_grid{

width:94%;

display:flex;
flex-direction:column;

gap:20px;
}

/* CARD */

.insight_article_card{

width:100%;

border-radius:18px;

overflow:hidden;
}

/* IMAGE */

.insight_article_card figure{

height:220px;
}

/* CONTENT */

.article_content{

padding:22px;
}

/* TAG */

.article_tag{

font-size:10px;

letter-spacing:1px;
}

/* TITLE */

.article_content h3{

font-size:28px;
line-height:1.18;

margin:14px 0;
}

/* TEXT */

.article_content p{

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

margin-bottom:20px;
}

/* META */

.article_meta{

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

gap:10px;
}

.article_meta span{

font-size:11px;
}

.article_meta a{

font-size:12px;
}