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

/*========================
HOME HERO
=========================*/
/********************
HERO SECTION
********************/

div#hero_section{
height:700px;
}

/********************
SLIDE 1 + SLIDE 7
********************/

div#slide_1,
div#slide_7{

justify-content:flex-end;
align-items:flex-start;
}

/* GLASS CARD */

div#slide_1 > div,
div#slide_7 > div{

margin:110px 7% 0px auto;

width:80%;

min-height:auto;

padding:42px 38px;

border-radius:18px;
}

/* INNER FRAME */

div#slide_1 > div:after,
div#slide_7 > div:after{

top:10px;
right:10px;
bottom:10px;
left:10px;

border-radius:14px;
}

/* TITLE */

div#slide_1 h5,
div#slide_7 h5{

font-size:42px;

line-height:1.08;

margin-bottom:18px;
}

/* GOLD LINE */

div#slide_1 span,
div#slide_7 span{

width:180px;

margin:0 0 22px 0;
}

/* TEXT */

div#slide_1 p,
div#slide_7 p{

font-size:15px;

line-height:1.95;
}

/********************
SLIDES 2–6
********************/

div#slide_2,
div#slide_3,
div#slide_4,
div#slide_5,
div#slide_6{

padding:0 8%;

justify-content:center;
align-items:flex-start;
}

/* TAG */

div#slide_2 span,
div#slide_3 span,
div#slide_4 span,
div#slide_5 span,
div#slide_6 span{

padding:10px 18px;

font-size:11px;

letter-spacing:1px;

margin-bottom:24px;
}

/* TITLE */

div#slide_2 h2,
div#slide_3 h2,
div#slide_4 h2,
div#slide_5 h2,
div#slide_6 h2{

font-size:50px;

line-height:1.03;

max-width:100%;

margin-bottom:22px;
}

/* TEXT */

div#slide_2 p,
div#slide_3 p,
div#slide_4 p,
div#slide_5 p,
div#slide_6 p{

font-size:15px;

line-height:1.95;

max-width:95%;

margin-bottom:32px;
}

/* BUTTON */

div#slide_2 a,
div#slide_3 a,
div#slide_4 a,
div#slide_5 a,
div#slide_6 a{

display:flex;

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

width:auto;

min-width:190px;

height:56px;

padding:0 28px;

border-radius:40px;

font-size:13px;
}

/*========================
SERVICES
=========================*/

.services-section{

padding:85px 6%;
}

.services-container{

flex-direction:column;

gap:46px;
}

.section-tag{

font-size:12px;

margin-bottom:16px;
}

/* INTRO */

.services-intro h2{

font-size:40px;
line-height:1.15;

margin-bottom:20px;
}

.services-intro p{

font-size:15px;
line-height:1.9;
}

/* CARDS */

.services-cards{

flex-direction:column;

gap:22px;
}

.service-card{

padding:28px;

border-radius:12px;
}

/* ICON */

.icon-circle{

width:60px;
height:60px;

margin-bottom:20px;
}

.icon-circle svg{

width:24px;
height:24px;
}

/* TEXT */

.service-card h3{

font-size:20px;

margin-bottom:14px;
}

.service-card p{

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

margin-bottom:20px;
}

/* LINK */

.learn-link{

font-size:14px;
gap:10px;
}

/*=========================
SOLUTIONS
=========================*/

.solutions-section{

padding:85px 6%;
}

/* HEADER */

.solutions-header{
margin-bottom:20px;
}

.solutions-title-row{
flex-direction:column;
align-items:flex-start;
gap:14px;
}

.solutions-title-row h2{
flex:none;
font-size:28px;
line-height:1.15;
max-width:100%;
}

.solutions-title-row p{

flex:none;

max-width:100%;

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

/* GRID */

.solutions-grid{

flex-direction:column;

gap:20px;
}

/* CARD */

.solution-card{
padding:28px;
min-width:80%;
border-radius:14px;
}

/* ICON */

.solution-icon{
width:60px;
height:60px;
margin-bottom:20px;
}

.solution-icon svg{
width:24px;
height:24px;
}

/* TEXT */

.solution-card h3{
font-size:20px;
margin-bottom:12px;
}

.solution-card p{
font-size:14px;
line-height:1.85;
height:auto;
margin-bottom:20px;
}

/* LINK */

.solution-card a{
font-size:14px;
gap:8px;
}

.solution-card a svg{
width:16px;
height:16px;
}

/*========================
RELATIONSHIPS
=========================*/

div#relationships{

flex-direction:column;

padding:85px 6% 0 6%;

min-height:auto;
}

div#relationships > div{

width:100%;

min-height:auto;
}

/* LEFT */

div#relationships > div:nth-child(1){

margin-bottom:50px;
}

div#relationships > div:nth-child(1) p{

font-size:34px;
line-height:.8em;

margin:0 0 12px 0;

text-align:center;
}

div#relationships > div:nth-child(1) figure{

position:relative;

top:auto;
left:auto;

width:100%;
height:380px;

margin:auto;
}

div#relationships > div:nth-child(1) figure:after{

top:14px;
right:14px;
bottom:14px;
left:14px;
}

div#relationships > div:nth-child(1) figure:before{
top:90px;
right:-15px;
width:85%;
height:85%;
}

/* RIGHT */

div#relationships > div:nth-child(2){

padding:0;
}

div#relationships > div:nth-child(2) > h4{

font-size:36px;
line-height:1.2em;

text-align:center;
}

div#relationships > div:nth-child(2) > p{

font-size:15px;
line-height:1.9em;

margin:24px 0 0 0;

text-align:center;
}

/*========================
FEATURES
=========================*/

.relationship-features{
flex-direction:row;
gap:10px;
margin-top:40px;
padding-top:30px;
}

.feature-item{
padding:0;
}

/* REMOVE DIVIDERS */

.feature-item:not(:last-child)::after{

display:none;
}

/* ICON */

.feature-icon{
margin-bottom:14px;
}

.feature-icon svg{
width:30px;
height:30px;
}

/* TEXT */

.feature-item h4{
font-size:12px;
line-height:1.8em;
}

/*========================
STATS
=========================*/

.stats-banner{

padding-bottom:85px;
}

/* HERO */

.stats-bg{

height:380px;
}

.stats-content{

padding:0 24px;
}

.stats-tag{

font-size:12px;

margin-bottom:16px;
}

.stats-content h2{

font-size:40px;
line-height:1.15;
}

/* CARDS */

.stats-cards{

width:92%;

margin:-55px auto 0;

flex-direction:column;
}

/* CARD */

.stat-card{

min-height:170px;

padding:36px 24px;
}

/* NUMBER */

.stat-card h3{

font-size:48px;

margin-bottom:12px;
}

/* TEXT */

.stat-card p{

font-size:12px;
letter-spacing:1px;
}

/*========================
CTA SECTION
=========================*/

.cta-section{

padding:95px 6%;
}

/* GLOW */

.cta-section::before{

width:300px;
height:300px;

right:-90px;
}

/* CONTENT */

.cta-container{

max-width:100%;
}

/* TAG */

.cta-tag-wrap{

gap:12px;

margin-bottom:28px;
}

.cta-line{

width:45px;
}

.cta-tag{

font-size:11px;
letter-spacing:3px;
}

/* TITLE */

.cta-section h2{

font-size:42px;
line-height:1.12;

margin-bottom:22px;
}

/* TEXT */

.cta-section p{

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

margin-bottom:34px;
}

/* ACTIONS */

.cta-actions{

flex-direction:column;

gap:16px;
}

/* BUTTON */

.cta-btn{

width:92%;

padding:16px 22px;

text-align:center;

font-size:14px;

margin:auto;
}

/* PHONE */

.cta-phone{

font-size:15px;

gap:10px;
}

.cta-phone svg{

width:17px;
height:17px;
}

/*========================
FOOTER
=========================*/

.footer{

padding:85px 6% 30px;
}

/* CONTAINER */

.footer-container{

flex-direction:column;

gap:38px;

padding-bottom:40px;
}

/* COLS */

.footer-col,
.footer-brand{

max-width:100%;
min-width:100%;

flex:none;
}

/* LOGO */

.footer-logo{

width:155px;

margin-bottom:20px;
}

/* TEXT */

.footer-brand p{

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

margin-bottom:22px;
}

/* HEADINGS */

.footer-col h4{

font-size:17px;

margin-bottom:18px;
}

/* LIST */

.footer-col li{

margin-bottom:14px;
}

.footer-col a{

font-size:14px;
}

/* CONTACT */

.footer-contact li{

font-size:14px;

gap:10px;
}

.footer-contact svg{

width:15px;
height:15px;
}

/* SOCIAL */

.footer-social{

gap:12px;
}

.footer-social a{

width:40px;
height:40px;
}

.footer-social svg{

width:16px;
height:16px;
}

/*========================
BOTTOM
=========================*/

.footer-bottom{

flex-direction:column;

align-items:center;
text-align:center;

gap:16px;

padding-top:30px;
}

.footer-bottom p{

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

.footer-links{

flex-wrap:wrap;
justify-content:center;

gap:16px;
}

.footer-links a{

font-size:13px;
}

/*========================
HOME INTRO
=========================*/

#home_intro{

padding:100px 0;
}

/* CONTAINER */

#home_intro_container{

width:86%;
}

/* TITLE */

#home_intro_container h2{

font-size:50px;

line-height:1.05;

margin-bottom:24px;
}

/* TEXT */

#home_intro_container p{

font-size:15px;

line-height:2em;

margin:0 auto 32px auto;
}

/* BUTTON */

#home_intro_container a{

width:auto;

min-width:220px;

height:56px;

padding:0 28px;

font-size:13px;
}

/*========================
CREDIT CARDS
=========================*/

#home_cards{

padding:100px 0;
}

#home_cards_container{

width:86%;

gap:40px;
}

#home_cards_content span{

padding:10px 18px;

font-size:11px;

margin-bottom:22px;
}

#home_cards_content h2{

font-size:50px;

line-height:1.05;

margin-bottom:24px;
}

#home_cards_content p{

font-size:15px;

line-height:2em;

margin-bottom:32px;
}

#home_cards_content a{

width:auto;

min-width:220px;

height:56px;

padding:0 28px;

font-size:13px;
}