html,
body,
#content {
    margin: 0%;
    height: 100%;
    border: none;
}

#content {
    display: block;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Getted CSS from framed page */

html,
#people,
#process,
#product,
#partners,
#foundation {
    scroll-behavior: smooth;
}

#people,
#process,
#product,
#partners,
#foundation {
    padding: 35px 0px;
}

#triangle {
    width: 100%;
    height: 200px;
    background: #22bcb9;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    margin-right: 0px;
    margin-left: 0px;
}

#triangle h1 {
    margin-top: 120px;
}

@media (max-width: 768px) {
    #triangle {
        height: 100px;
    }

    .pillars .vc_col-sm-3 {
        width: 25%;
    }

    #triangle h1 {
        font-size: 16px;
        margin-top: 60px;
    }

    .pillars .vc_col-sm-3 h3 {
        font-size: 8px;
    }

    .fndtn {
        font-size: 13.34px;
    }

    #people,
    #process,
    #product,
    #partners,
    #foundation {
        padding: 25px 0px;
    }

    .vc_section {
        margin-bottom: 10px;
    }
}

.vc_section {
    margin-bottom: 50px;
}

.vc_row-has-fill {
    padding-bottom: 70px;
    width: 100%;
}

.vc_row-has-fill h1,
.wpb_wrapper h2{
    margin-bottom: 30px;
}

.vc_col-has-fill {
    padding-left: 0px;
    padding-right: 0px;
}