#viewHome .bg-infinite{
    background-image: url('../images/icon-infinite.svg');
    background-position: 120% top;
    background-repeat: no-repeat;
    background-size: auto 100%}

#viewHome .icon-infinite{
    width: 180px;
    height: 90px;
    background-image: url('../images/icon-infinite.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain}

#viewHome .icons-home-section-a{
    width: 235px;
    height: 68px;
    background-image: url('../images/icons-home-section-a.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain}

#viewHome .open-call-call-to-action img.open-call-section{
    opacity: 1;
    cursor: pointer;
    width: 620px;
    max-width: 100%;
    height: auto}

#viewHome .open-call-call-to-action{
    background-image: url('../images/community-slide-hover-01.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain}

#viewHome .open-call-call-to-action img.open-call-section:hover{
    opacity: 0}

#viewHome div.open-call-call-to-action{
    width: 100%;
    margin-top: -80px}

#viewHome button.know-more{
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 30px;
    padding-right: 30px;
    border: solid 2px #fff;
    border-radius: 30px;
    color: #1981C0;
    background-color: #fff}

#viewHome button.know-more:hover{
    border: solid 2px #24A65A;
    color: #fff;
    background-color: #24A65A}

#viewHome .graphic-circular-design-tookit-for-regions{
    width: 100%}

#viewHome .graphic-circular-design-tookit-for-regions img{
    width: 100%;
    height: auto}

#viewHome .icon-left{
    padding-left: 120px}

#viewHome .icon-left .icon{
    left: 0px;
    top: 30px}

#viewHome .icon-left .icon img{
    width: 80px;
    height: auto}

#viewHome div.col-c-5{
    padding-bottom: 20px;
    width: 220px;
    margin-right: 10px} 
#viewHome div.col-c-5:last-child{
    margin-right: 0px}    
#viewHome .verticals .icon{
    text-align: center;
    width: 140px;
    height: auto;
    margin-top: -70px}
#viewHome .verticals .logo{
    text-align: center;
    width: 140px;
    height: auto}

#viewHome .bg-community{
    background-image: url('../images/bg-community.svg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto}

#viewHome button.join-now{
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 2px #fff;
    border-radius: 30px;
    color: #35AE5A;
    background-color: #fff}

#viewHome button.join-now:hover{
    border: solid 2px #1981C0;
    color: #fff;
    background-color: #1981C0}

#viewHome button.join-now-home{
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 2px #fff;
    border-radius: 30px;
    color: #35AE5A;
    background-color: #fff}

#viewHome button.join-now-home:hover{
    border: solid 2px #1981C0;
    color: #fff!important;
    background-color: #1981C0;
    text-decoration: none;

}

#viewHome button.join-now-home a:hover{
    color: #fff;
    text-decoration: none;

}

#viewHome .partners .logo{
    margin-bottom: 20px;
    width: 150px;
    height: auto}

#viewHome .icon-email{
    width: 40px;
    height: auto}

#viewHome .block-form .input{
    border-radius: 50px}

#viewHome .button-submit{
    cursor: pointer;
    color: #FFFFFF;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 2px #fff;
    border-radius: 30px}

#viewHome .button-submit:hover{
    color: #1981C0;
    background-color: #FFFFFF}

#viewHome .content-section{
    margin-top: 50px}

#viewHome .background-elements-1{
    background-position: top center;
    background-size: 90% auto;
    background-image: url('../images/background-elements-1.svg')}

#viewHome .background-elements-2{
    background-position: top center;
    background-size: 90% 90%;
    background-image: url('../images/background-elements-2.svg')}

#viewHome .background-elements-3{
    background-position: top center;
    background-size: 90% 90%;
    background-image: url('../images/background-elements-3.svg')}

#viewHome .background-section-home-boy{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../images/background-section-home-boy.jpg')}

#viewHome .bg-circle-reverse{
    margin-top: -2px;
    position: absolute;
    width: 100%}