*{




}

.container{
width: 1280px;
margin: auto;

}




header{

height: 100px;
border: 2px solid red;
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px;
margin: 20px auto;
}
.child-title{

    color: rgb(14, 14, 14);

font-size: 32px;
font-weight: 700;
line-height: 38px;
font-family: Fira Sans;

}

.chlid-2 button{

width: 116px;
height: 52px;
box-sizing: border-box;
border: 1px solid rgb(0, 106, 80);
border-radius: 8px;
color: rgb(0, 106, 80);
font-family: Fira Sans;
font-size: 18px;
font-weight: 600;
line-height: 22px;

}


/* Banner Section Styles */

.banner{

margin: 20px auto;
height: 560px;
border-radius: 24px;
background: rgb(198, 228, 214);
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;

}

.banner-child h5{

color: rgba(14, 14, 14, 0.5);
font-family: Fira Sans;
font-size: 24px;
font-weight: 500;
line-height: 29px;
margin-bottom: 15px;

}

.banner-child h1{

color: rgb(14, 14, 14);
font-family: Fira Sans;
font-size: 56px;
font-weight: 700;
line-height: 67px;

}

.banner-child button{

width: 270px;
height: 56px;
border-radius: 8px;
color: rgb(255, 255, 255);
font-family: Fira Sans;
font-size: 18px;
font-weight: 600;
line-height: 22px;
border: none;
background: rgb(0, 106, 80);
margin-top: 15px;

}


/* pillars Section Styles */

.pillars{

width: 1280px;
height: 324px;
border: 2px solid red;
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
margin-top: 15px;
}

.pillars-title-div{

width: 1280px;
height: 48px;
margin-top: 50px;

}

.pillars-title{

    color: rgb(14, 14, 14);
font-family: Fira Sans;
font-size: 40px;
font-weight: 700;
line-height: 48px;
}

.chlid-pillars{

width: 302px;
height: 244px;
box-sizing: border-box;
border: 1px solid rgba(14, 14, 14, 0.15);
border-radius: 16px;
background: rgb(255, 255, 255);
padding: 15px;


}

.chlid-pillars h5{

    olor: rgba(14, 14, 14, 0.8);
font-family: Fira Sans;
font-size: 20px;
font-weight: 700;
line-height: 24px;
}


.chlid-pillars p{

color: rgba(14, 14, 14, 0.7);
font-family: Fira Sans;
font-size: 16px;
font-weight: 400;
line-height: 24px;

}

/* vision styles */

.vision{

width: 1280px;
height: 810px;
border: 2px solid red;
margin: 30px auto;
padding: 5px;
}

.vision-child{



}

.vision-title{
color: rgb(14, 14, 14);
font-family: Fira Sans;
font-size: 40px;
font-weight: 700;
line-height: 48px;


}

.vision-title-p{
color: rgba(14, 14, 14, 0.7);
font-family: Fira Sans;
font-size: 16px;
font-weight: 400;
line-height: 24px;

}

#vision-dr p{

color: rgba(14, 14, 14, 0.8);
font-family: Fira Sans;
font-size: 16px;
font-weight: 400;
line-height: 24px;

}

#vision-dr h5{
color: rgba(14, 14, 14, 0.8);
font-family: Fira Sans;
font-size: 20px;
font-weight: 600;
line-height: 20px;


}

.fiture-third-child{

display: flex;
justify-content: space-between;
padding: 10px;

}







.vision-child-future{

width: 410.67px;
height: 325px;
box-sizing: border-box;
border-radius: 16px;
background: rgba(84, 144, 245, 0.2);
padding: 20px;

}

.vision-child-future h5{


color: rgba(14, 14, 14, 0.8);
font-family: Fira Sans;
font-size: 20px;
font-weight: 700;
line-height: 24px;

}



.vision-child-future p{
color: rgba(14, 14, 14, 0.7);
font-family: Fira Sans;
font-size: 16px;
font-weight: 400;
line-height: 24px;


}
.vision-child-future button{

width: 122px;
height: 41px;
border-radius: 8px;

background: rgb(84, 144, 245);

color: rgb(255, 255, 255);
font-family: Fira Sans;
font-size: 16px;
font-weight: 600;
line-height: 19px;
border: none;

}

#vision-dr{

padding: 30px;
height: 256px;
box-sizing: border-box;
border: 1px solid rgba(14, 14, 14, 0.15);
border-radius: 16px;
background: rgb(255, 255, 255);
background-image: url(./assets/quote-bg.png);
background-repeat: no-repeat;
background-position-x: 20px ;
background-position-y:20px ;

}