.about-us .app .banner {
    min-height: 60vh;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-us .app .banner .container {
    min-height: 60vh;
    display: flex;
}

.about-us .app .banner p{
    margin: auto;
    height: fit-content;
    width: fit-content;

    font-size: 44px;
    font-weight: 400;
    color: #FFFFFF;

    text-transform: capitalize;
}

.about-us .app .project-manag div {
    min-height: 400px;
}
.about-us .app .project-manag, .about-us .app .history {
    display: flex;
    flex-direction: row;
}

.about-us .app .project-manag div, .about-us .app .history div {
    width: 50%;
    /* width: -webkit-fill-available; */
}

.about-us .app .company-history {
    background-color: #F4F7F9;
    overflow: hidden;
}

.about-us .app .project-manag .texts, .about-us .app .history .texts, .about-us .app .history .stats {
    padding: 70px;
    padding-right: 200px;
}

.about-us .app .history .texts-1 {
    padding: 70px 0px;
    padding-right: 70px;
}

.about-us .app .history .stats {
    background-color: black;
    position: relative;
}

.about-us .app .history .stats::after {
    background-color: black;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translateX(100%);
}

.about-us .app .company-history .texts-1 .subtitle, .about-us .app .project-manag .texts .subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #EDB03D;
}

.about-us .app .company-history .texts-1 .title, .about-us .app .project-manag .texts .title {
    font-size: 34px;
    font-weight: 400;
    color: #000000;
}

.about-us .app .company-history .texts-1 .text, .about-us .app .project-manag .texts .text {
    font-size: 14px;
    font-weight: 400;
    color: #474545;
}

.about-us .app .company-history .stats .stat {
    width: 100%;
    margin-bottom: 2rem;
    border-bottom: 1px solid #F5B234;
}

.about-us .app .company-history .stats .stat .value {
    font-size: 45px;
    font-weight: 700;
    color: #fff;
}

.about-us .app .company-history .stats .stat .label {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}


/* Our Executive Team */

.about-us .our-team {
    padding: 70px 0px;
}

.about-us .our-team .title, .about-us .our-partners .title {
    line-height: 49px;
    font-size: 34px;
    font-weight: 400;
    color: #000000;
    position: relative;
    width: fit-content;
}

.about-us .our-team .subtitle {
    line-height: 20px;
    font-size: 18px;
    font-weight: 400;
    color: #EDB03D;
    
    text-transform: uppercase;
}

.about-us .our-team .title::after, .about-us .our-partners .title::after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 1px;
    background: #F8C12C;
    transform: translateX(100%);
}

.about-us .our-team .team {
    padding: 70px 0px;
}

.about-us .our-team .team .team-card .card-title{
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.about-us .our-team .team .team-card .card{
    border: 0px;
    overflow: hidden;
}

.about-us .our-team .team .team-card .card .card-body{
    border: 0px;
    /* transform: translateY(-150px); */
    background-color: #F4F7F9;

    /* height: 200px; */
}


.about-us .our-team .team .team-card .card img{
    border-radius: 0px;
}

.about-us .our-team .team .team-card .card-role {
    font-size: 14px;
    font-weight: 600;
    color: #F8C12C;
}

.about-us .our-team .team .team-card .card-text {
    font-size: 12px;
    font-weight: 400;
    color: #444444;

        /* limit lines */
    /*  */

    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4; 
   -webkit-box-orient: vertical;
}

.about-us .our-team .team .team-card .team-contacts .team-contact a{
    font-size: 12px;
    font-weight: 400;
    color: #444444;

    text-decoration: none;
    transition: .7s;
}

.about-us .our-team .team .team-card .team-contacts .team-contact a .material-icons-outlined{
    margin-right: 1rem;
}

.about-us .our-team .team .team-card .team-contacts .team-contact a span:last-child{
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
}


.about-us .our-team .team .team-card .team-contacts .team-contact a:hover {
    color: #F8C12C;
}

.about-us .our-team .team .team-card .team-contacts .team-contact .social {
    height: 2rem;
    width: 2rem;
    background-color: #fff;
    display: inline-flex;
}

.about-us .our-team .team .team-card .team-contacts .team-contact .social i {
    margin: auto;
}

.about-us .our-team .team .team-card .team-contacts .team-contact .read-more {
    padding: 6px 2rem;
    color: #000;
    background-color: #F8C12C;
    transition: .7s;

    display: inline-block;
}

.about-us .our-team .team .team-card .team-contacts .team-contact .read-more:hover {
    
    background-color: #000;
    color: #F8C12C;
}

.about-us .our-team .team .team-card .team-body {
    border-bottom: 5px solid #000;
}

.about-us .our-team .team .team-card .card-body {
    padding-bottom: 0px;
    border-radius: 0px;
    transition: .7s;
    height: 181px;
}

.about-us .our-team .team .card {
    padding-bottom: 0px;
    border-radius: 0px;
    background: #F4F7F9;
    margin-bottom: 1rem;
}

.about-us .our-team .team .team-card .team-contacts {
    display: none;
}

.about-us .our-team .team .team-card:hover .team-contacts{
    display: inline-block;
}

.about-us .our-team .team .team-card:hover .card-body-1 {
    display: inline-block;
    transform: translateY(-128px);
}


/* Media Queries */
@media screen and (max-width: 572px) {

    
    .about-us .app .project-manag, .about-us .app .history {
        display: flex;
        flex-direction: column;
    }
    .about-us .app .project-manag div, .about-us .app .history div {
        width: 100%;
    }
    .about-us .app .history .texts-1 {
        padding: 70px;
    }

}
@media screen and (max-width: 992px) {

    
    .about-us .app .project-manag .texts, .about-us .app .history .texts, .about-us .app .history .stats {
        padding-right: 70px;
    }

}

section{
    overflow: hidden;
}