*,*:before,*:after{
box-sizing:border-box;
}

header section#c_info{
position:relative;
background:rgb(240,240,240);
height:80px;
display:flex;
justify-content:center;
gap:5px;
padding:0px 0px 5px 0px;
}

header section#c_info ul{
list-style:none;
/*border:1px solid red;*/
height:100%;
width:40%;
box-sizing:border-box;
align-items:center;
}

header section#c_info ul#r_info{
position:relative;
right:0px;
}

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

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

header section#c_info ul li span{
display:block;
margin:1px 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:8px 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;
flex-wrap:wrap;
justify-content:center;
padding:5px 0px 5px 0px;
}

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

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

figure#logo img{
display:block;
margin:auto;
}

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

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

nav#menu ul li{
top:4px;
margin:0px 13px;
padding:5px;
}

nav#menu ul li a{
font:12px notosans;
}

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:400px;
background-size:100% 100%;
}

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

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

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

div#hero_section > div:nth-child(1) > div:nth-child(1) h2{
font:6vw 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:2px 0px 5px 0px;
}

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

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

div#hero_section > div:nth-child(1) > div:nth-child(1) > div a{
position:relative;
display:block;
height:40px;
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:3vw 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:relative;
height:300px;
/*border:1px solid red;*/
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:5px;
padding:10px 5px 10px 5px;
transform:translate(0px,0px);
left:0px;
bottom:0px;
}

div#hero_note > div{
position:relative;
display:flex;
justify-content:center;
flex-direction:column;
gap:1%;
/*border:1px solid yellow;*/
color:white;
cursor:pointer;
transition: all 0.3s ease;
padding:2px 0px 0px 0px;
width:48%;
}

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:100%;
/*border:1px solid blue;*/
}

div#hero_note > div div:nth-child(1) svg{
height:30px;
width:30px;
align-items: center; 
margin:0px;
}

div#hero_note > div div h5{
font:4vw poppins_semibold;
font-weight: 100;
text-align:left;
}

div#hero_note > div div p{
font:12px notosans;
text-align:left;
}

div#hero_note > div div:nth-child(2){
/*border:1px solid blue;*/
width:100%;
height:100px;
}
/*----------------------------------*/
div#who_div{
position:relative;
padding:50px 10px 20px 10px;
min-height:500px;
display:flex; 
flex-direction:column;
flex-wrap:wrap;
gap:50px;
}

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

div#who_div > div:nth-child(1){
width:100%;
/*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:0%;
margin:auto;
height:300px;
width:300px;
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:42px 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:100%;
}

div#who_div > div:nth-child(2) h2{
font:32px 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: 18px poppins_semibold;
margin:12px 0px 10px 0px;
}

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

div#who_div > div:nth-child(1) > div:after{
position:absolute;
right:-2%;
top:10%;
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;
flex-wrap:wrap;
min-height:700px;
padding:20px 5px 10px 5px;
box-sizing:border-box;
/*border:1px solid red;*/
}

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

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

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

div#prtactice_area > div:nth-child(2) h1{
font:32px PlayfairDisplay;
position:relative;
margin:0px 0px 10px 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:4vw 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:relative;
z-index:2;
bottom:0px;
right:0px;
width:99%;
margin:auto;
/*border:1px solid blue;*/
order:5;
}

div#prtactice_area > div:nth-child(2) > div:nth-child(3) a.read-more {
display:block;
position:relative;
left:0px;
padding: 15px 10px 10px 10px;
width:98%;
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:relative;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
right:0px;
top:0px;
height:auto;
width:100%;
padding:10px 5px 10px 10px;
}

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

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:10px 0px 0px 0px;
}

div#c_section h2{
text-align:center;
font:5vw poppins_semibold;
width:90%;
margin:auto auto 20px auto;
}

div#c_section > div{
position:relative;
min-height:800px;
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;
flex-wrap:wrap;
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:100%;
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:6vw 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;
}

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 {
    padding-top: 40px;
    text-align: center;
  }

  .footer-container {
    grid-template-columns: 1fr; /* stack columns */
    gap: 30px;
    text-align: center;
  }

  /* Logo */
  .footer-logo {
    margin: 0 auto 15px;
  }

  .footer-brand p {
    max-width: 320px;
    margin: 0 auto;
  }

  /* Headings */
  .footer-col h4 {
    margin-bottom: 10px;
  }

  /* Lists */
  .footer-col ul li {
    margin-bottom: 8px;
  }

  /* Socials */
  .footer-socials {
    justify-content: center;
  }

  /* Bottom bar */
  .footer-bottom {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }

  .footer-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .footer-links a {
    margin: 0; /* remove left spacing */
  }