*{
    margin: 0;
    padding: 0;
}

body {
    background-color: aqua;
    font-family: poppins;
    
}

.content-logo h1 {
    color:  rgb(38, 62, 199);
    display: flex;
    justify-content: center;
    position: relative;
    bottom: -20px;
}

.services h2,p {
    margin-left: 70px;
    margin-top: 20px;
}

.services ul {
    margin-left: 80px;
}

.advanced-3 {
   margin-top: 55px;

}
.content-box1 {
    margin: 50px;
    padding: 50px;
    background-color: darkblue;
    display: flex;
    border-radius: 50px;
    color: rgb(237, 242, 247);
}

.content-right {
 margin-left: 220px;
}

.content-logo2 h1 {
    color: rgb(38, 62, 199);
    display: flex;
    justify-content: center;
    position: relative;
    bottom: -20px;
}

.content-box2 {
    margin: 50px;
    padding: 50px;
    background-color:  darkblue;
    display: flex;
    border-radius: 50px;
    color: rgb(237, 242, 247);
}

.content-right2 {
 margin-left: 355px;
}

.photograph h2, p {
    margin-left: 70px;
    margin-top: 20px;
}

.extra-pages h2,p {
    margin-left: 70px;
    margin-top: 20px;
}

.content-logo3 h1 {
    color: rgb(38, 62, 199);
    display: flex;
    justify-content: center;
    position: relative;
    bottom: -20px;
}



.content-box3 ul {
    margin: 20px;
    padding: 20px;
    background-color:  darkblue;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    color:rgb(237, 242, 247) ;
    font-size: 16px;
    gap: 10px;
}

.Copy-rights{
font-size: 16px;
color: black;
font-weight: 200;
position: absolute;
right: 35%;
}

@media only screen and (max-width: 768px) {
    .content-box1,
    .content-box2,
    .content-box3 ul,
    .content-logo,
    .content-logo2,
    .content-logo3 {
    flex: 0 0 100%;
    text-align: center;
}
}