/*************
 About Us Page 
**/

.top-space{
       padding-top: 50px !important;
}

.new-about-us {
    background: #fff;
        padding: 70px 0px 50px 0px;
}

.new-about-us .section-title h2 {
    color: #000;
    padding-left: 45px;
}
.new-about-us .section-title .lines span {
    background: #f1853b;
}

.new-about-us .section-title .lines br {
    
    display: none;
}

.new-about-us p {
    color: #000;
    font-size: 22px;
}

/*******/

.about-us-yellow {
    background: #fff;
    padding: 0px 0px 70px 0px;
 
}


.about-us-yellow  .bg-wrapper {
    max-width: 646px;
    margin: 0 auto;
    position: relative;
}

.about-us-yellow  .bg-wrapper:before {
    content: "";
    background: url('https://vivotalent.com/wp-content/uploads/2026/01/left.png');
    height: 50px;
    width: 50px;
    position: absolute;
    left: -70px;
    top: 25px;
    background-repeat: no-repeat;
}

.about-us-yellow  .bg-wrapper:after{
    content: "";
    background: url('https://vivotalent.com/wp-content/uploads/2026/01/right.png');
    height: 50px;
    width: 50px;
    position: absolute;
    right: -70px;
    bottom: 25px;
    background-repeat: no-repeat;
}


.about-us-yellow-wrapper .bg-wrapper .bg-filll {
    background: #F1B74A;
    margin: 10px 0px;
    font-size: 70px;
    color: #000;
    padding: 0px 15px;
}

.about-us-yellow-wrapper .bg-wrapper .bg-filll span {
    color: #fff;
}



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

.about-us-yellow-wrapper .bg-wrapper .bg-filll{
    font-size: 28px;
}

.about-us-yellow .bg-wrapper:before , .about-us-yellow .bg-wrapper::after{
    content: unset;
}

}

/****************
**** About us about-us-our-people 
*/



.about-us-our-people {
    background: #fff;
}

.about-us-our-people .section-title .lines.white span {
    background: #f1853b;
}


.about-us-our-people .container.content-wrap {
    color: #000;
}

.about-us-our-people hr {
    display: none;
}


.about-us-our-people .section-title h2 {
    padding-left: 45px;
    color: #000;
}


/****************
**** Our story page 
*/

.our-story-usp-page {
    background: #777771;
    padding: 70px 0px 50px 0px;
}

.our-story-usp-page .section-title .lines br {
    display: none;
}

.our-story-usp-page .section-title h2 {
    
    padding-left: 45px;
    
}


/****************
**** esg-page-content page 
*/

.esg-page-content{
    background-color: #fff;
    padding: 60px 0px;
    color: #000;
    font-size: 19px;
}

.esg-page-content p {
    color: #000;
    font-size: 19px;
}



/****ESG Reports & Policies */

.esg-reports-policies {
    padding: 70px 0px 100px 0px;
    background: #fff;
}

.esg-reports-policies .section-title .lines span {
    background: #f1853b;
}

.esg-reports-policies .section-title .lines  br{
    display: none;
}

.esg-reports-policies .section-title h2 {
    color: #000;
    padding-left: 45px;
}

.esg-reports-policies .policy-box p {
    color: #000;
}

.esg-reports-policies .policy-box p {
    color: #000;
    margin: 0px;
    font-size: 22px;
    text-align: center;
}

.esg-reports-policies .policy-container {
    display: flex;
}

.esg-reports-policies .policy-container .policy-box {
    width: 33.3%;
}


.esg-reports-policies .policy-box p a {
    color: #000;
    margin: 0px;
    font-size: 22px;
    text-align: center;
    text-decoration: none;
}



/****************
**** edi-page-content page 
*/


.edi-our-vision  .edi-our-vision-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}


.edi-our-vision  .edi-our-vision-wrapper {
    color: #000;
}


.edi-our-vision  .edi-our-vision-wrapper  .edi-our-vision-top .edi-contnet {
    width: 80%;
}

.edi-our-vision  .edi-our-vision-wrapper  .edi-our-vision-top .edi-icon {
    width: 20%;
    display: flex;
    justify-content: flex-end;
}


.edi-our-vision  .edi-our-vision-wrapper .edi-our-vision-top .edi-contnet h2{
    color:#81c7ba;
}

.edi-our-vision  .edi-our-vision-wrapper .edi-our-vision-top .edi-icon img{
    width: 80%;
    height: 80%;
    object-fit: cover;
}

.edi-our-vision {
    background: #fff;
    padding-bottom: 40px;
}

.edi-our-vision-content {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 0px;
}


.edi-our-vision-content .fill p {
    font-size: 40px;
    font-weight: 600;
}

.edi-our-vision-content .fill {
    background: #81c7ba;
   
    margin: 5px;
    width: fit-content;
    margin: 0 auto;
}

.edi-our-vision-bottom {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}


.edi-our-vision-bottom p:first-child {
    font-size: 35px;
}

.edi-our-vision-bottom p a {
    background: #81c7ba;
    color: #000;
    font-size: 30px;
    text-decoration: none;
}


/*********New page responsive **/


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


.new-about-us .section-title h2 {
    color: #000;
    padding-left: 30px;
    margin-top: -10px;
}

.about-us-yellow {
    padding: 0px 0px 0px 0px;
}

.our-values-grid{
           gap: 0px !important;
}

.block-about-grid{
    padding: 40px 0px 0px 0px !important;
}

.our-story-left-image {
    padding-right: 10px !important;
}

.our-story-wrapper{
    gap: 20px !important;
}


.our-story-wrapper .signature {
    margin-bottom: 40px;
}

.our-story-usp-page .section-title h2 {
    padding-left: 30px;
    margin-top: -10px;
}

[is=flynt-block-hero] .container .centerMaxWidthContainer .content .description-wrap {
    max-width: 100% !important;
}


.esg-grid{
  grid-template-columns: repeat(1, 1fr) !important;
    gap: 0px !important;
}


.block-esg-left-right-wrapper .top_box {
        display: block !important;
        gap:5px;
}


.block-esg-left-right-wrapper .esg-lr {
        display: block !important;
        padding-top: 10px !important;
}

.top_box .top_box_content , .top_box .top_box_icon{
            width: 100% !important;
                    justify-content: center !important;
}


.esg-lr .esg-content , .esg-lr .esg-image {
            width:100% !important;
}

 .esg-lr .esg-image .overlap {
 
    right: -4px !important;
 }

.block-esg-left-right-wrapper .top_box{
            justify-content: center !important;
}

.block-culture-values .value-row {
    flex-direction: column !important;
}

.block-culture-values .value-row .value-left {
    width: 100%;
}

.block-culture-values .value-row .value-right {
    width: 100%;
}


}