@import url("../../css/boiler-plate.css");
@import url("../../css/header.css");
@import url("../../css/footer.css");
@import url("assets_under_management.css");
@import url("fiduciary.css");
@import url("wearedifferent.css");
@import url("ourteam.css");



/*General styles -- the style below is applied to all the linkk nested inside aboutus section*/
/*
h1 --xl-head-font;
h2--lg-head-font;
h3--md-head-font;
h4 --sm-head-font;
h5---xs-head-font;
*/
.aboutus-page{
padding:2rem;
}
.aboutus.header{
background:#010216;
padding:0.6rem;
}
.aboutus-page h1{
text-transform:uppercase;
font-weight:600;
font-size:var(--xl-head-font);
}
/*.aboutus-page h1:after{
content:":";
font-weight:600;
font-size:var(--xl-font);
}*/
.aboutus-page h2{
font-size:var(--lg-head-font);
text-transform:uppercase;
font-weight:500;
}
.aboutus-page h3{
font-size:var(--md-head-font);
text-transform:uppercase;
font-weight:400;
}
.aboutus-page h4{
font-size:var(--sm-head-font);
text-transform:uppercase;
font-weight:400;
}
.aboutus-page h5{
font-size:var(--xs-head-font);
text-transform:uppercase;
font-weight:300;
}
.paragraph p,.aboutus-page p,.aboutus-page ul li{
font-size:var(--md-font);
font-weight:400;
line-height:1.8;
margin-bottom:2rem;
list-style:square;
}
.aboutus-page ul{
margin-left:1rem;
}
.aboutus-page ul li::marker{
color:#d29007;
font-size:1.4rem;
}
h1,h2,h3,h4,h5{
/*margin-top:1rem;*/
color:#d29007;
}
.aboutus-page img{
width:100%;
}
/*aboutus caption text*/
.aboutus-text-caption{
color:#785205;
font-size:var(--md-font);
}



/*Banner section for all pages*/
.banner-section{
position:relative;
z-index:998;
padding:0;
}
.banner-section .img-container{
height:100%;
}
.banner-section .img-container img{
width:100%;
height:100%;
}
.banner-section .banner-overlay{
position:absolute;
top:0;
left:0;
/*background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(200,145,32,1) 0%, rgba(161,117,24,1) 60%);*/
background:#010216;
width:100%;
height:100%;
opacity:0.7;
z-index:1;
}
.banner-section .bread-crumb{
position:absolute;
bottom:0;
left:0;
z-index:2;
color:#fff;
width:100%;
}
.banner-section .bread-crumb ul{
display:flex;
flex-flow:row wrap;
gap:0.6rem;
}
.banner-section .bread-crumb ul li + li{
border-left:2px solid #fff;
}
.banner-section .bread-crumb a{
 color:#fff;
 display:block;
 font-weight:300;
 font-size:var(--md-font);
 margin-left:1rem;
 padding:0.4rem;
}
.banner-section .bread-crumb a:hover{
text-decoration:underline;
}





/*Media query for all files in about-us page*/
/*mobile device*/
@media(min-width:380px){
}

/*Desktop devices*/
@media(min-width:650px){
.flex{
display:flex;
justify-content:space-around;
align-items:flex-start;
gap:2%;
}
.flex > *{
flex:1 1 48%;
}
/*.flex img{
border:2px solid blue;
}*/
.flex .img-container.small-container{
height:40px;
flex:0 0 4%;
padding:0.2rem;
background:#ccc;
border-radius:6px;
}
.flex .img-container.small-container img{
width:100%;
height:100%;
}
}