#div2--top--container{
    background-image: url('../img/topbackground2.png');
    background-size:cover !important;
    width: 100%; 
    height: 60vh;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: center center;
    color: #fff;
}



#div--global-innerwrapper{
    max-width: 1080px;
    width:100%; 
    margin: 0 auto;
    /* background-color: red; */
}

#p2--bottom--title{
    color: #189cd0;
    padding-bottom: 10%;
    font-size: 30px;
    font-weight: bold;
}

#div2--bottom-container{
    padding-top: 5%;
    padding-bottom: 20%;
}


#div2--bottom-diagram{
    padding-top: 5%; 
    padding-right: 0;
    
}

.bottomc__diagram-img{
    /* padding-left:5%; */
    /* shape-outside: url(./img/bottomdiagram.png);
    shape-image-threshold: 0.5;
    float: left; */
    padding-right: 5%; 
    shape-outside: circle(47%);
    /* width: 400px;
    height: 400px; */
    float: left;
}

@media screen and (max-width: 600px){
    .bottomc__diagram-img{
        shape-outside: circle(55%);
        max-width: 60%;
    }
    
}



.bottomc2__diagram-p{
    padding-top: 26px;
    font-weight: bold;
    font-size: 20px;  
}

@media screen and (min-width: 576px) and (max-width: 1022px){
    .bottomc2__diagram-p{
        padding-top:40px; 
    }
}


@media screen and (max-width: 576px){
    .bottomc2__diagram-p{
        padding-top:0px; 
    }
}



.ul2--bottom-list{
    padding-left: 5%;
    /* color: #afafaf; */
}

/* .text2--bottom{
    color: #afafaf;
} */

.pdw{
    padding-top: 42px;
    white-space: nowrap; 
}