body{font-family: 'Playfair Display', serif;
    font-family: 'Poppins', sans-serif;
margin: 0px;}
h1{
    font-size: 43px;
    font-family: 'Playfair Display',serif;
    font-weight: bold;
    color:#333;
}
.mainheader span {
    color:#0072fa;
    font-weight: bolder;
}
.top-section{
    display: flex;
    margin:80px;
}
.top-width{
    padding:5%;
    margin-right: 10%;
}
.top-width-img{
    width:100%;
}
.mainheader{
    border-left:5px solid;
    border-image:linear-gradient(#0072fa ,#2e8cff);
    border-image-slice: 1;
    padding:5px;
}
.top-width a{
    background-color:#0072fa ;
    padding:10px 25px;
    text-decoration: none;
    color:white;
    border-radius:4px;
}
#p-next{
    margin-top:25px;
}
.mission-box-tittle{
    text-align: center;
    color:#333;
    font-size: 32px;

}
.mission-box-tittle span{
    color:#0072fa;
    font-size: 32px;
}
.mission-box{
    display: flex;
    margin:5%;
}
.mission-box .illustration{
    width:35%;
}
.icon-box{
    padding-right:7%;
    padding-left:3%;
    padding-top:25px;
    padding-bottom: 30px;
}
#mission{background-color:rgb(80, 85, 215,0.1) ;
border-radius: 10px;
margin-right:20px;;
}
#vission{background-color:rgb(255, 149, 89,0.1) ;
margin-right:20px;
border-radius: 10px;}
#goals{background-color:rgba(253, 196, 196, 0.2) ;
    margin-right:20px;
    border-radius: 10px;}

.devalop-section{
    display: flex;
   margin-top:80px;
}
.coding{
    padding-left:70px;
    background-image: url(images/shapes/shape-1.png);
    background-size: 50%;
    background-position: left center;
    background-repeat: no-repeat;
    background-position-x: left;
}

.coding img{
    width: 350px;
}
.coding-text{
    margin-left:50px;
    padding-right: 100px;
    align-content: center;
}
.coding-text h2{
    font-size: 32px;
    font-weight: bold;
}
.coding-text a{
    text-decoration: none;
    color:white;
    background-color: #0072fa;
    padding:10px 25px;
    border-radius: 4px;

}
.project{
    display: flex;
    margin-top:50px;
    padding:60px;
    align-items: center;
}
.project-text{
    width:50%;
    padding-right: 50px;
}
.project-text a {
    text-decoration: none;
    padding:10px 25px;
    background-color:#0072fa;
    color:white;
    border-radius: 4px;
}
.project h2{
    font-size: 32px;
    font-weight: bold;}
.project-image img{
    width:400px;
    background-image: url(images/shapes/shape-1.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right bottom;
    padding-right:70px;
}

.protfolio h2{
    text-align: center;
    font-size: bold;
}
.protfolio-section{
    display: flex;
    align-content: center;
    
}

.protfolio-section img{
    width: 350px;
}
.align{
    text-align: center;
    border: 0.5px solid rgba(51, 51, 51, 0.253);
    padding:30px;
    border-radius: 4px;
    margin:auto;
    margin-right: 20px;
    margin-bottom: 30px;
}


footer{
    background-color:#333;
    height: 75px;
    margin:0px;
    align-items: center;
    padding:30px;
}
.footer-section{
color:white;

text-align: center;
}
.footer-section span{
    color:#0072fa;
}