.hero .content p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
}
.hero .content  {
    padding: 55px 0;
}


/*section about*/


.about .content {
    padding: 30px 20px;
}
.about .intro {
    text-align: center;
    background: rgb(37,49,105);
    background: linear-gradient(90deg, rgba(37,49,105,1) 2%, rgba(37,49,105,1) 93%);
    padding: 11px 20px;
}


/*section whyus*/
.whyus {
    padding: 50px 0;
    text-align: center;
}

.whyus-boxs {
    border: 2px solid #ECD784;
    padding: 65px 5px 0 5px;
}

.whyus .title-section {
    position: relative;
    top: 52px;
    background-color: #fff;
    display: inline-block;
    margin: auto;
    padding: 0 15px;
}

.whyus-boxs .box {
    position: relative;
    width: 50%;
    margin-bottom: 50px;
}



.clients {padding: 50px 0;}

.client-box {
    width: 47%;
    text-decoration: none;
    color: #fff;
    font-size: 27px;
    margin-bottom: 32px;
}
.client-box h3 {
    font-size: 25px;
    font-weight: 600;
}
.client-box img {
    border-radius: 26px;
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
}

.clients .title {
    color: var(--theme-second-color);
}




/* services */

.services {
    background-color: #f2f2f5;
    color: #f1f1f1;
    padding: 80px 0;
}
@media (min-width: 768px) {
    section.hero {
    padding: 80px 0;
}
.about {
    background: linear-gradient(90deg,#253169 0%,#253169 50%,#f2f2f6 50%);
    padding: 0 76px;
    
}
    
    .about .intro {
    width: 48%;
}

.about .content {
    width: 48%;
    background: #f2f2f6;
}
    .whyus-boxs .box {
    width: 20%;
}
.whyus-boxs {
    padding: 50px 60px;
}

    .client-box {
    width: 14%;
}
}