/*========================
PRIVATE HERO
=========================*/

#private_hero{

position:relative;

height:760px;

background:
url("../images/private-banking.jpg")
center center/cover
no-repeat;

display:flex;
align-items:center;

overflow:hidden;
}

/* OVERLAY */

#private_hero_overlay{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

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

/*========================
CONTENT
=========================*/

#private_hero_content{

position:relative;
z-index:2;

width:88%;
max-width:1400px;

margin:auto;

display:flex;
align-items:center;
}

#private_hero_content > div{

max-width:720px;

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

/* TAG */

.private_tag{

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

padding:10px 18px;

border-radius:40px;

background:
rgba(214,180,94,.10);

border:
1px solid
rgba(214,180,94,.18);

font:12px amplitude_regular;

letter-spacing:1.5px;

color:var(--gold);

margin-bottom:28px;
}

/* TITLE */

#private_hero_content h2{

font:82px PlayfairDisplay;
line-height:1.02;

color:white;

margin-bottom:24px;
}

/* TEXT */

#private_hero_content p{

font:18px amplitude_regular;
line-height:1.95;

color:
rgba(255,255,255,.78);

margin-bottom:38px;
}

/*========================
ACTIONS
=========================*/

.private_hero_actions{

display:flex;
align-items:center;

flex-wrap:nowrap;

gap:18px;

width:100%;
}

/* BUTTONS */

.private_hero_actions a{

flex:1;

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

height:58px;

box-sizing:border-box;

padding:0 28px;

border-radius:40px;

text-decoration:none;

font:14px amplitude_regular;

transition:.35s;
}

/* PRIMARY */

.private_hero_actions a:nth-child(1){

background:var(--gold);

color:var(--base);
}

.private_hero_actions a:nth-child(1):hover{

background:#e0bf65;
}

/* SECONDARY */

.private_hero_actions a:nth-child(2){

border:
1px solid
rgba(255,255,255,.16);

background:
rgba(255,255,255,.05);

color:white;
}

.private_hero_actions a:nth-child(2):hover{

background:
rgba(255,255,255,.12);
}

/*========================
PRIVATE OVERVIEW
=========================*/

#private_overview_section{

padding:120px 0;

background:#F6F3EC;
}

/* CONTAINER */

#private_overview_container{

width:88%;
max-width:1350px;

margin:auto;

display:flex;
align-items:center;

gap:70px;
}

/*========================
IMAGE
=========================*/

#private_overview_image{

flex:1;
}

#private_overview_image figure{

position:relative;

height:620px;

overflow:hidden;

border-radius:26px;
}

#private_overview_image figure img{

width:100%;
height:100%;

display:block;

object-fit:cover;
}

/* FRAME */

#private_overview_image figure:after{

content:'';

position:absolute;

top:18px;
left:18px;
right:18px;
bottom:18px;

border:
1px solid
rgba(255,255,255,.18);

border-radius:20px;
}

/*========================
CONTENT
=========================*/

#private_overview_content{

flex:1;

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

/* TAG */

.private_section_tag{

font:12px amplitude_regular;

letter-spacing:2px;

color:var(--gold);

margin-bottom:22px;
}

/* TITLE */

#private_overview_content h2{

font:58px PlayfairDisplay;
line-height:1.08;

color:var(--base);

margin-bottom:26px;
}

/* TEXT */

#private_overview_content > p{

font:16px amplitude_regular;
line-height:2em;

color:#5E6662;

margin-bottom:20px;
}

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

#private_features{

display:flex;

gap:22px;

margin-top:26px;

width:100%;
}

/* CARD */

.private_feature{

flex:1;

padding:28px;

background:white;

border-radius:20px;

box-shadow:
0 14px 40px
rgba(0,0,0,.04);
}

/* TITLE */

.private_feature h4{

font:24px PlayfairDisplay;

color:var(--base);

margin-bottom:10px;
}

/* TEXT */

.private_feature p{

font:14px amplitude_regular;
line-height:1.8;

color:#5F6764;
}

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

#private_services_section{

padding:120px 0;

background:white;
}

/* HEADER */

#private_services_header{

width:88%;
max-width:850px;

margin:auto auto 60px auto;

text-align:center;
}

#private_services_header h2{

font:56px PlayfairDisplay;
line-height:1.08;

color:var(--base);

margin:18px 0;
}

#private_services_header p{

font:16px amplitude_regular;
line-height:1.95;

color:#5C6661;
}

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

#private_services_grid{

width:88%;
max-width:1350px;

margin:auto;

display:flex;
flex-wrap:nowrap;

gap:24px;
}

/* CARD */

.private_service_card{

flex:1;

padding:38px 32px;

background:#F8F6F1;

border-radius:24px;

transition:.35s;

box-shadow:
0 12px 40px
rgba(0,0,0,.03);
}

.private_service_card:hover{

transform:translateY(-6px);

box-shadow:
0 24px 65px
rgba(0,0,0,.08);
}

/* ICON */

.private_service_icon{

width:66px;
height:66px;

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

border-radius:18px;

background:
rgba(214,180,94,.10);

margin-bottom:24px;
}

.private_service_icon svg{

width:28px;
height:28px;

stroke:var(--gold);
stroke-width:1.8;
}

/* TITLE */

.private_service_card h3{

font:28px PlayfairDisplay;

color:var(--base);

margin-bottom:14px;
}

/* TEXT */

.private_service_card p{

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

color:#5F6764;
}

/*========================
RELATIONSHIP
=========================*/

#private_relationship_section{

padding:120px 0;

background:#F6F3EC;
}

#private_relationship_container{

width:88%;
max-width:1350px;

margin:auto;

display:flex;
align-items:center;

gap:70px;
}

/* IMAGE */

#private_relationship_image{

flex:1;
}

#private_relationship_image figure{

height:620px;

overflow:hidden;

border-radius:26px;
}

#private_relationship_image figure img{

width:100%;
height:100%;

display:block;

object-fit:cover;
}

/* CONTENT */

#private_relationship_content{

flex:1;
}

#private_relationship_content h2{

font:58px PlayfairDisplay;
line-height:1.08;

color:var(--base);

margin:22px 0;
}

#private_relationship_content p{

font:16px amplitude_regular;
line-height:2em;

color:#5C6661;

margin-bottom:30px;
}

/* FEATURES */

#private_relationship_features{

display:flex;
flex-wrap:wrap;

gap:16px;
}

.relationship_item{

padding:14px 22px;

border-radius:40px;

background:white;

font:13px amplitude_regular;

color:var(--base);

box-shadow:
0 10px 30px
rgba(0,0,0,.04);
}

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

.stats-bg{

background: url("../images/private-banking-stats.jpg") center center/cover no-repeat;
}

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

#private_cta{

padding:120px 0;

background:
linear-gradient(
135deg,
#071f17,
#0f3428
);

position:relative;

overflow:hidden;
}

#private_cta_container{

width:88%;
max-width:900px;

margin:auto;

text-align:center;
}

.cta_tag{

font:12px amplitude_regular;

letter-spacing:2px;

color:var(--gold);
}

#private_cta h2{

font:62px PlayfairDisplay;
line-height:1.08;

color:white;

margin:22px 0;
}

#private_cta p{

font:16px amplitude_regular;
line-height:1.95;

color:
rgba(255,255,255,.75);

margin-bottom:34px;
}

#private_cta a{
display:inline-flex;
align-items:center;
justify-content:center;
height:58px;
padding:0 34px;
border-radius:40px;
background:var(--gold);
text-decoration:none;
font:14px amplitude_regular;
color:var(--base);
transition:.35s;
}

#private_cta a:hover{
background:#e0bf65;
}