/*********************/
/*** EXTRA STYLELS ***/
/*********************/
.split-gradient-bg {
    background: linear-gradient(
        to right,
        #f7f7f7 0%,
        #f7f7f7 50%,
        #111111 50%,
        #111111 100%
    );
}

@media ( max-width:800px ) { .split-gradient-bg { display:block!important; background:#fff } }

/**************/
/** CHAIRMAN **/
/**************/


#our-chairman { padding:5rem 0rem;  }
#our-chairman .inner { display:grid; grid-template-columns:1fr 1fr; gap:2rem; max-width:1200px; margin:0 auto; 
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius:10px; overflow:hidden; background:white; }

#our-chairman .text { padding:2.5rem 2rem; display:flex; flex-direction:column; gap:1.2rem; }
#our-chairman .text p { color:#777; line-height:1.6;  font-size:1rem; }
#our-chairman .img { position:relative; background:black }
#our-chairman .img img { display:block; position:absolute; object-fit:cover; width:100%; height:100%; }

#our-chairman .text h2 { font-size:1.8rem; font-weight:600; }

@media( max-width:800px ) {
#our-chairman .inner { grid-template-columns:1fr; }
#our-chairman .img { background:transparent; display:flex; align-items:center; justify-content:center; padding:1.5rem; }
#our-chairman .img img { position:relative; width:100%; max-width:600px; }
}



/**************/
/* WHAT WE DO */
/**************/


#whatwedo { padding:5rem 1rem; }
#whatwedo { background-image:linear-gradient( #eeeeee, #ffffff 40%, #ffffff ); }
#whatwedo .inner { display:grid; grid-template-columns:3.5fr 5fr; gap:2rem; max-width:1200px; margin:0 auto;  }

#whatwedo .data { display:grid; grid-template-columns:1fr; grid-template-columns:1fr 1fr; gap:0.75rem; }
#whatwedo .data > div { background:#1d1f28; padding:3rem 1.5rem; color:#fff; border-radius:6px}
#whatwedo .data > div p { line-height:1.1; padding:1.4rem 0; }

#whatwedo .data h3 { font-weight:600; font-size:1.5rem; }
#whatwedo .data p { padding:1rem 0; font-size:1rem; line-height:1.1; }

#whatwedo .more { display:inline-block; padding:0.45rem 1rem; color:#333; border:1px solid #999; text-decoration:none; transition:300ms ease;
align-self:flex-start; }
#whatwedo .more:hover { background:#333; color:#fff; }

#whatwedo .head { display:flex; flex-direction:column; gap:1.5rem; justify-content:center; }
#whatwedo .head h2 { font-weight:600; font-size:2rem; line-height:1.2; }
#whatwedo .head header { font-size:1.2rem; font-weight:500; position:relative; color:#02cfc9; letter-spacing:0.05rem }
#whatwedo .head p { font-size:1.2rem; line-height:1.52; }

@media( max-width:1000px ){ #whatwedo .inner { display:grid; grid-template-columns:1fr; } }
@media( max-width:500px ) { #whatwedo .data { display:grid; grid-template-columns:1fr; grid-template-columns:1fr} }