*,*:before,*:after{
padding:0px;
margin:0px;
outline:0px;
}

@font-face{
font-family:notosans;
src:url('../fonts/notosans.ttf');
}

@font-face{
font-family:poppins_semibold;
src:url('../fonts/poppins-SemiBold.ttf');
}


@font-face{
font-family:PlayfairDisplay;
src:url('../fonts/PlayfairDisplay-Bold.ttf');
}


:root{
--primary_color:#4B669E;
--secondary_color:#D9A94A;
}

/*-----------------------------*/

div#body_wrapper{
position:relative;
min-height:1000px;
}

header{
position:relative;

}

header section#c_info{
position:relative;
background:rgb(240,240,240);
height:40px;
display:flex;
padding:0px 50px 5px 50px;
}

header section#c_info ul{
list-style:none;
/*border:1px solid red;*/
height:100%;
}

header section#c_info ul#r_info{
position:absolute;
right:50px;
}

header section#c_info ul#l_info{
position:relative;
}

header section#c_info ul li{
position:relative;
float:left;
margin:0px 10px;
display:flex;
gap:5px;
color:var(--primary_color);
box-sizing:border-box;
padding-top:2px;
}

header section#c_info ul li span{
display:block;
margin:2px 0px 0px 0px;
}

header section#c_info ul li span p:nth-child(1){
font:bold 12px notosans;
}

header section#c_info ul li span p:nth-child(2){
font:12px notosans;
}

header section#c_info ul li i{
display:block;
}

header section#c_info ul li svg{
display:block;
position:relative;
top:5px;
}

header section#menu_info{
background:rgb(255,255,255);
min-height:60px;
/*border:1px solid red;*/
box-sizing:border-box;
display:flex;
padding:10px 0px 5px 50px;
}

header section#menu_info div{
position:relative;
display:flex;
width:300px;
height:40px;
box-sizing:border-box;
/*border:1px solid red;*/
}

header section#menu_info div figure{
position:relative;
}

figure#logo img{
display:block;
}

header section#menu_info div span{
display:block;
margin:10px 0px 0px 5px;
font:14px poppins_semibold;
color:var(--primary_color);
}

nav#menu{
position:absolute;
height:40px;
/*border:1px solid red;*/
right:50px;
}

nav#menu ul li{
float:left;
display:block;
position:relative;
top:4px;
margin:0px 20px;
padding:5px;
transition:.3s all ease;
}

nav#menu ul li a{
font:14px notosans;
text-decoration:none;
color:var(--primary_color);
transition:.3s all ease;
}

nav#menu ul li:hover{
border-bottom:2px solid var(--secondary_color);
}

body#index nav#menu ul li a:hover{
font:bold 15px notosans;
}

body#index nav#menu ul li:nth-child(1){
border-bottom:2px solid var(--secondary_color);
}

body#index nav#menu ul li:nth-child(1) a{
font:bold 15px notosans;
}

/*---------------------------------------
-----------------HERO SECTION------------*/
div#hero_section{
position:relative;
/*border:1px solid red;*/
min-height:600px;
background:url('../images/hero.png') no-repeat;
background-size:100% 100%;

}

div#hero_section > div:nth-child(1){
position:relative;
/*border:1px solid blue;*/
min-height:500px;
display:flex;
}

div#hero_section > div:nth-child(1) > div{
/*border:1px solid red;*/
width:50%;
height:inherit;
box-sizing:border-box;
}

div#hero_section > div:nth-child(1) > div:nth-child(1){
padding:150px 10px 0px 120px;
}

div#hero_section > div:nth-child(1) > div:nth-child(1) h2{
font:36px PlayfairDisplay;
color:white;
line-height:1.5em;
letter-spacing:.04em;
}

div#hero_section > div:nth-child(1) > div:nth-child(1) h2 em{
font-style:normal;
color:#D9A94A;
}

div#hero_section > div:nth-child(1) > div:nth-child(1) hr{
display:block;
width:100px;
color:#D9A94A;
background:#D9A94A;
margin:20px 0px 30px 0px;
}

div#hero_section > div:nth-child(1) > div:nth-child(1) p{
font:16px notosans;
color:white;
line-height:1.7em;
margin:0px 0px 20px 0px;
}

div#hero_section > div:nth-child(1) > div:nth-child(1) > div{
position:relative;
top:10px;
display:flex;
gap:5px;
}

div#hero_section > div:nth-child(1) > div:nth-child(1) > div a{
position:relative;
display:block;
height:50px;
width: 200px;
border:1px solid var(--secondary_color);
box-sizing:border-box;
text-align:center;
padding:12px 0px 0px 0px;
text-decoration:none;
color:white;
font:14px notosans;
border-radius:5px;
}

div#hero_section > div:nth-child(1) > div:nth-child(1) > div a:nth-child(1){
background:var(--secondary_color);
}

div#hero_note{
position:absolute;
z-index:1;
height:150px;
left:50%;
transform:translate(-50%,70px);
/*border:1px solid red;*/
width:90%;
display:flex;
justify-content:center;
gap:5px;
background: rgba(0, 38, 91,0.7); /* based on #2F4675 */
 backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.08);
padding:10px 5% 10px 5%;
box-sizing:border-box;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

div#hero_note > div{
position:relative;
display:flex;
gap:1%;
/*border:1px solid yellow;*/
color:white;
cursor:pointer;
transition: all 0.3s ease;
padding:1.5% 5px 0px 5px;
width:25%;
}

div#hero_note > div:not(div#hero_note > div:nth-child(4)){
border-right:1px solid rgba(255,255,255,0.04);
}

div#hero_note > div:hover{
transform: translateY(-3px) scale(1.02);
}

div#hero_note > div div:nth-child(1){
padding:10px 0px 0px 0px;
width:20%;
/*border:1px solid blue;*/
}

div#hero_note > div div:nth-child(1) svg{
display:block;
height:50px;
width:50px;
transition: all 0.3s ease;
stroke: #f0c75e; /* lighter gold */
align-items: right; 
margin:auto;
}

div#hero_note > div div:nth-child(1):hover svg {
  stroke: #f0c75e; /* lighter gold */
}

div#hero_note > div div h5{
font:18px poppins_semibold;
 font-weight: 500;
}

div#hero_note > div div p{
font:12px notosans;
}

div#hero_note > div div:nth-child(2){
/*border:1px solid blue;*/
width:90%;
}


/*----------------------------------*/
div#who_div{
position:relative;
padding:300px 150px 100px 130px;
min-height:500px;
display:flex; 
gap:60px;
}

div#who_div > div{
position:relative;
/*border:1px solid red;*/
}

div#who_div > div:nth-child(1){
width:40%;
/*border:1px solid red;*/
}

div#who_div > div:nth-child(1) div{
position:relative;
/*border:1px solid red;*/
}


div#who_div > div:nth-child(1) div figure{
/*border:1px solid red;*/
position:relative;
left:15%;
height:450px;
width:450px;
border-radius:50%;
overflow:hidden;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}


div#who_div > div:nth-child(1) div figure > img{
display:block;
height:100%;
width:100%;
margin:auto;
object-fit:cover;
}

@keyframes breath{
0%{
transform:scale(1);
}

25%{
transform:scale(1.2);
}

50%{
transform:scale(1.2);
}

75%{
transform:scale(1);
}

100%{
transform:scale(1);
}
}

div#who_div > div:nth-child(1) div p{
position:absolute;
top:0px;
left:0px;
z-index:-1;
font:52px notosans;
line-height:.7em;
letter-spacing:.02em;
color:rgb(230,230,230);
animation:5s breath infinite ease;
}

div#who_div > div:nth-child(2){
width:60%;
}

div#who_div > div:nth-child(2) h2{
font:48px PlayfairDisplay;
padding:0px 0px 10px 0px;
position:relative;
}

div#who_div > div:nth-child(2) h2:after{
content:'';
position:absolute;
bottom:0px;
left:0px;
width:150px;
height:3px;
background:#FBDA0C;
}

div#who_div > div:nth-child(2) h5{
font: 24px poppins_semibold;
margin:12px 0px 10px 0px;
}

div#who_div > div:nth-child(2) p{
font: 1vw notosans;
line-height:1.7em;
color:rgb(150,150,150);
}

div#who_div > div:nth-child(1) > div:after{
position:absolute;
right:-2%;
top:30%;
z-index:-1;
content:"";
display:block;
width:400px;
height:400px;
background:#F7F2C7;
border-radius:50%;
aspect-ratio: 1;
clip-path: shape(from 75.09% 67.11%,curve to 58.44% 80.21% with 69.26% 76.51%,curve to 40.93% 75.12% with 47.63% 83.92%,curve to 31.89% 59.24% with 34.23% 66.33%,curve to 25.12% 41.19% with 29.55% 52.15%,curve to 29.07% 18.25% with 20.69% 30.23%,curve to 49.54% 15.09% with 37.46% 6.26%,curve to 74.57% 27.80% with 61.62% 23.91%,curve to 84.22% 44.70% with 87.53% 31.70%,curve to 75.09% 67.11% with 80.91% 57.71%);
}

/*-------------------------------
---------------------------------*/

div#prtactice_area{
position:relative;
display:flex;
min-height:700px;
padding:100px 50px 50px 50px;
/*border:1px solid red;*/
}

div#prtactice_area > div{
/*border:1px solid red;*/
width:50%;
position:relative;
}

div#prtactice_area > div:nth-child(1){
box-sizing:border-box;
}

div#prtactice_area > div:nth-child(1) figure{
position:relative;
height:100%;
width:100%;
}

div#prtactice_area > div:nth-child(1) figure img{
position:relative;
display:block;
object-fit:cover;
height:100%;
width:100%;
}

div#prtactice_area > div:nth-child(2){
box-sizing:border-box;
padding:0px 50px 0px 50px;
}

div#prtactice_area > div:nth-child(2) h1{
font:48px PlayfairDisplay;
position:relative;
margin:0px 0px 20px 0px;
}

div#prtactice_area > div:nth-child(2) > h1:after{
content:'';
position:absolute;
bottom:-10px;
left:0px;
width:150px;
height:3px;
background:#FBDA0C;
}

div#prtactice_area > div:nth-child(2) > p{
font:1vw notosans;
margin:10px 0px 0px 0px;
line-height:1.6em;
color:rgb(100,100,100);
}

div#prtactice_area > div:nth-child(2) > div:nth-child(3){
position:absolute;
z-index:2;
bottom:10px;
right:100px;
width:200px;
/*border:1px solid blue;*/
}

div#prtactice_area > div:nth-child(2) > div:nth-child(3) a.read-more {
display:block;
position:relative;
padding: 15px 10px 10px 10px;
width:200px;
height:50px;
/*border:1px solid blue;*/
text-align:center;
text-decoration:none;
background:var(--secondary_color);
color:white;
font:12px notosans;
box-sizing:border-box;
transition: transform 0.3s ease;
}

div#prtactice_area > div:nth-child(2) > div:nth-child(3) a.read-more:hover{
background:white;
color:var(--secondary_color);
border:1px solid var(--secondary_color);
 transform: translateX(4px);
}

div#prtactice_area > div:nth-child(2) > div:nth-child(4){
position:absolute;
display:flex;
flex-wrap:wrap;
gap:40px;
right:3vw;
top:25%;
z-index:1;
height:380px;
width:900px;
/*backdrop-filter:blur(5px);*/
background: rgba(0, 38, 91,0.7);
background: rgba(255,255,255,0.7);
padding:50px 50px 50px 100px;
box-shadow: 0 0px 25px rgba(0,0,0,0.05);
backdrop-filter: blur(6px);
}

div#prtactice_area > div:nth-child(2) > div:nth-child(4) > div{
position:relative;
width:30%;
}

div#prtactice_area > div:nth-child(2) > div:nth-child(4) > div span{
display:block;
box-sizing:border-box;
width:50px;
height:50px;
border-radius:50%;
border: 1px solid rgba(75,102,158,0.3);
padding-top:12px;
background:#ededed;
}

div#prtactice_area > div:nth-child(2) > div:nth-child(4) > div span svg{
display:block;
margin:auto;
stroke: var(--secondary_color);
}

div#prtactice_area > div:nth-child(2) > div:nth-child(4) > div h5{
font:16px poppins_semibold;
margin:10px 0px 0px 0px;
}

div#prtactice_area > div:nth-child(2) > div:nth-child(4) > div p{
font:14px notosans;
margin:5px 0px 0px 0px;
line-height:1.8em;
color:rgb(50,50,50);
}


div#c_section{
position:relative;
padding:100px 0px 0px 0px;
}

div#c_section h2{
text-align:center;
font:3vw poppins_semibold;
width:60%;
margin:auto auto 50px auto;
}

div#c_section > div{
position:relative;
min-height:300px;
background:url('../images/office.jpg') no-repeat center;
background-size:cover;
}

div#c_section > div > div{
position:absolute;
top:0px;
left:0px;
background:rgba(0, 38, 91,.8);
height:100%;
width:100%;
display:flex;
justify-content:center;
box-sizing:border-box;
padding:60px 0px 0px 0px;
backdrop-filter:blur(3px);
}

div#c_section > div > div > div{
position:relative;
width:20%;
height:200px;
/*border:1px solid red;*/
padding:10px;
}

div#c_section > div > div > div span{
display:block;
width:50px;
height:50px;
border-radius:50%;
margin:auto;
background:rgba(255,255,255,.9);
box-sizing:border-box;
padding:15px 0px 0px 0px;
}

div#c_section > div > div > div span svg{
display:block;
margin:auto;
stroke: var(--secondary_color);
}

div#c_section > div > div > div h5{
text-align:center;
color:rgb(255,255,255);
margin:10px 0px 0px 0px;
font:1.3vw poppins_semibold;
}

div#c_section > div > div > div hr{
display:block;
color:rgb(255,255,255);
width:10%;
margin:10px auto auto auto;
}

div#c_section > div > div > div address, div#c_section > div > div > div p{
text-align:center;
color:rgb(255,255,255);
margin:10px 0px 0px 0px;
font:14px notosans;
}

div#d_section{
position:relative;
min-height:200px;
padding:50px 250px 20px 250px;
display:flex;
}

div#d_section div{
width:50%;
}

div#d_section p{
text-align:center;
font:italic 34px notosans;
}

figure#l_p{
position:relative;
height:400px;
/*border:1px solid red;*/
}

figure#l_p img{
position:relative;
display:block;
height:100%;
width:100%;
object-fit:cover;
}

.footer {
  background: #0f172a; /* deep navy */
  color: #cbd5e1;
  padding-top: 60px;
  font-size: 14px;
  font-family:notosans;
  line-height: 1.6;
}

.footer-container {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 40px;
  padding: 0 20px;
}

/* Logo section */
.footer-logo {
  width: 140px;
  margin-bottom: 15px;
}

.footer-brand p {
font-family:notosans;
  line-height: 1.6;
  color: #94a3b8;
}

/* Headings */
.footer-col h4 {
  color: #ffffff;
  margin-bottom: 15px;
  font-weight: 600;
  font-family:poppins_semibold;
}

/* Lists */
.footer-col ul {
  list-style: none;
  padding: 0;
}

.footer-col ul li {
  margin-bottom: 10px;
}

.footer-col ul li a {
  color: #94a3b8;
  text-decoration: none;
  transition: color 0.3s;
  font-family:notosans;
}

.footer-col ul li a:hover {
  color: #D4AF37; /* gold */
}

/* Socials */
.footer-socials {
  margin-top: 15px;
  display: flex;
  gap: 12px;
}

.footer-col a {
  color: #94a3b8;
  text-decoration: none;
}

.footer-col a:hover {
  color: #D4AF37;
}

/* Bottom bar */
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
  margin-top: 40px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-bottom p {
  color: #64748b;
}

.footer-links a {
  margin-left: 20px;
  color: #94a3b8;
  text-decoration: none;
  transition: color 0.3s;
}

.footer-links a:hover {
  color: #D4AF37;
}