.first-nav {
    background: #ffff;
}

.sec-nav {
    background: #ffff;
}

header.scroll .first-nav {
    background: #ffff;
}

header.scroll .sec-nav {
    background: #ffff;
}




.companies-banner{
    padding-top: 140px;
}


.companies-banner .container-fluid{
    padding: 0;
}

.companies-image{
    width: 100%;
    height: 730px;
    position: relative;
    background-image: url(../images/companies.png);
    background-size: cover;
    display: flex;
    align-items: flex-end;
}


.companies-image::before{
    position: absolute;
    content: "";
    background-color: rgba(21, 26, 30, 0.6);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}


.companies-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.companies-content{
    width: 100%;
    height: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #0514248c;
    border-top: 1px solid #6697bb;
    border-bottom: 1px solid #6697bb;
}

.companies-title h4{
    color: #fff;
    font-size: 35px;
}

.companies-section{
    padding-block: 90px;
    position: relative;
}


.companies-section::before{
    position: absolute;
    content: '';
    width: 300px;
    height: 300px;
    background: rgb(102, 151, 187);
    border-radius: 25px;
    left: -160px;
    transform: rotate(-50deg);
    bottom: 17%;
}

.companies-section::after{
    position: absolute;
    content: '';
    width: 200px;
    height: 200px;
    background: rgb(20, 57, 94);
    border-radius: 25px;
    left: -80px;
    transform: rotate(40deg);
    top: 10%;
}

.title-about{
    padding-bottom: 20px;
}

.title-about h3{
    font-weight: 600;
    font-size: 30px;
    color: var(--primary-color);
}




/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/

@media screen and (max-width: 1600px){
    .companies-section::after {
        left: -180px;
    }
}


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

    .companies-title h4 {
        font-size: 29px;
    }

    .companies-content {
        height: 115px;
    }

    .companies-image {
        height: 638px;
    }

    .companies-section::after {
        display: none;
    }

    .title-about h3 {
        font-size: 23px;
    }

}


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

    .companies-image {
        height: 527px;
    }

    .companies-title h4 {
        font-size: 27px;
    }

    .companies-section {
        padding-block: 70px 90px;
    }

}


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

    .companies-section::before {
        display: none;
    }

    .companies-banner {
        padding-top: 85px;
    }

    .companies-image {
        height: 438px;
    }

}


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

    .companies-image {
        height: 322px;
    }

    .companies-title h4 {
        font-size: 24px;
    }

    .companies-content {
        height: 85px;
    }

}


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

    .companies-image {
        height: 298px;
        background-position: center;
    }

    .companies-title h4 {
        font-size: 21px;
    }

    .companies-content {
        height: 77px;
    }

    .companies-banner {
        padding-top: 79px;
    }

}


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

    .col-content-about{
        padding: 0;
    }

    .companies-image {
        background-position: center;
    }

    .title-about h3 {
        font-size: 18px;
    }

    .companies-section {
        padding-block: 47px 14px;
    }

    .title-about {
        padding-bottom: 3px;
    }

    .companies-title h4 {
        font-size: 19px;
    }

}


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

}


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

}






/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/