li{ list-style-type: none; }
ul{ padding: 0px; margin: 0px;}
.chart-dtl {background: #1e92ab;width: 100%;height: auto;display: block;overflow: hidden;padding: 20px 0;position: relative;z-index: 1;}
.chart-part ul li {width: 19.6%;display: inline-block;text-align: center;padding: 20px 0;vertical-align: middle;position: relative;}
.chart-part ul li div.chart-title {border: 5px solid #fff;width: 140px;height: 140px;margin: auto;border-radius: 100%;display: table;vertical-align: middle;}
.chart-part ul li div.chart-title a {color: #fff;line-height: 22px;display: table-cell;padding: 0 8px;font-size: 14px;width: 90px;text-align: center;margin: auto;vertical-align: middle; font-family: Poppins, sans-serif;}
.chart-part.one ul li:nth-child(5n+2):after, .chart-part.one ul li:nth-child(5n+4):after {content: "";background: #fff;display: block;width: 3px;height: 50px;position: absolute;left: 0;right: 0;margin: auto;}
.chart-part.two ul li:nth-child(5n+1):after, .chart-part.three ul li:nth-child(5n+1):after {content: "";height: 55px;width: 3px;background: #fff;display: block;position: absolute;right: -53%;top: 221%;}
.chart-part.two ul li:nth-child(5n+5):after, .chart-part.three ul li:nth-child(5n+5):after {content: "";height: 55px;width: 3px;background: #fff;display: block;position: absolute;left: -53%;top: 221%;}
.chart-part.two ul li:nth-child(5n+2):after {content: "";height: 3px;width: 80%;background: #fff;display: block;position: absolute;right: -55%;transform: rotate(50deg); -webkit-transform: rotate(50deg);}
.chart-part.two ul li:nth-child(5n+4):after, .chart-part.two ul li:nth-child(5n+4):after {  content: "";height: 3px;width: 80%;background: #fff;display: block;position: absolute;left: -55%;transform: rotate(-50deg);-webkit-transform: rotate(-50deg);}
.chart-part.three ul li:nth-child(5n+3):after, .chart-part.one ul li:nth-child(5n+3):after {content: "";height: 3px;width: 20%;background: #fff;display: block;position: absolute;left: -12%;top: 50%;}
.chart-part.three ul li:nth-child(5n+3):before,.chart-part.one ul li:nth-child(5n+3):before {content: "";height: 3px;width: 20%;background: #fff;display: block;position: absolute;right: -11%;top: 50%;}
.chart-des.open {display: block; }
.chart-des-dtl {display: block;width: 100%;overflow: hidden;margin-top: 20px;}
.chart-des .chart-inner-text h3 {font-family: Poppins, sans-serif;font-size: 22px;font-weight: 500;margin: 0 0 0 0;display: block;line-height: 40px;/*background: #283c53;*/color: black;padding: 10px 15px;}
.chart-des .chart-inner-text > ul {padding: 20px;/*border: 1px solid #283c53;*/}
.chart-des .chart-inner-text ul li {list-style-type: disc;display: block;}
.chart-des .chart-inner-text ul li p {margin: 0 0 10px 0;color: #000;font-family: Poppins, sans-serif;font-size: 15px;}
.chart-des .chart-inner-text > ul > li > ul {padding: 0 0 0 30px;}
.chart-des .chart-inner-text ul li p {margin: 0;color: #000;font-family: Poppins, sans-serif;font-size: 15px;padding: 5px 0 5px 15px;}
.chart-des .chart-inner-text > ul > li:after {content: "";background: #283c53;width: 6px;height: 6px;border-radius: 100%;position: absolute;left: 0;right: 0;top: 15px;}
.chart-des .chart-inner-text ul li {list-style-type: circle !important;display: block;position: relative;}
.chart-des .chart-inner-text > ul > li > ul > li {position: relative;}
.chart-des .chart-inner-text > ul > li > ul > li:after {content: "";border: 1px solid #283c53;width: 6px;height: 6px;border-radius: 100%;position: absolute;left: 0;right: 0;top: 15px;}
.chart-des .chart-inner-text ul li p b {font-size: 16px;}
.chart-des {border: 1px solid #283c53; margin-bottom: 10px;display: none;}


@media (max-width: 767px){
.chart-part ul li.blank-data {
    display: none;
}
.chart-part ul li {
    width: 48%;
    padding: 20px 0;
}
.chart-part ul li div.chart-title a {
    color: #fff;
    line-height: 16px;
    display: table-cell;
    padding: 0 8px;
    font-size: 12px;
    width: 90px;
    text-align: center;
    margin: auto;
    vertical-align: middle;

    font-family: Poppins, sans-serif;
}
.chart-part.two ul li:nth-child(5n+2):after {
    content: "";
    height: 50px;
    width: 3px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transform: none;
    top: auto;
}
.chart-part.two ul li:nth-child(5n+4):after, .chart-part.two ul li:nth-child(5n+4):after {
    content: "";
    height: 50px;
    width: 3px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: auto;
    transform: none;
}
.chart-part.three ul li:nth-child(5n+3):before, .chart-part.one ul li:nth-child(5n+3):before{
    display: none;
}
.chart-part ul li div.chart-title {
    width: 120px;
    height: 120px;
}
.chart-part.one ul li:nth-child(5n+2):after {
    content: "";
    background: #fff;
    display: block;
    width: 3px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.chart-part.two ul li:nth-child(5n+2):before {
    content: "";
    height: 50px;
    width: 3px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transform: none;
    top: -30px;
}
.chart-part.three ul li:nth-child(5n+4):after {
    content: "";
    height: 47px;
    width: 3px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transform: none;
    top: -24px;
}
.chart-part.three ul li:nth-child(5n+4):before {
    content: "";
    height: 47px;
    width: 3px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transform: none;
    top: -24px;
}

.chart-dtl {
    background: #1e92ab;
    width: 290px;
    height: auto;
    display: block;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    z-index: 1;
    margin: auto;
}
.chart-part.four ul li:nth-child(5n+2):before {
    content: "";
    height: 51px;
    width: 3px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transform: none;
    top: -30px;
}
.chart-part.four ul li:nth-child(5n+4):before {
    content: "";
    height: 3px;
    width: 20%;
    background: #fff;
    display: block;
    position: absolute;
    left: -12%;
    top: 50%;
}
.chart-des .chart-inner-text h3{
        font-size: 16px;

    padding: 5px 15px;
}
.chart-des .chart-inner-text ul li p {

    font-size: 14px;
    padding: 5px 0 5px 15px;
    line-height: 27px;
}
.chart-des .chart-inner-text ul li p b {
    font-size: 15px;
}
}

@media (min-width: 768px) and (max-width: 1200px){
.itemid-721 .col-sm-9 {
    width: 750px;
    display: block;
    margin: auto;
    float: none;
}
.chart-part ul li {
    width: 19%;
    display: inline-block;
    text-align: center;
    padding: 15px 0;
    vertical-align: middle;
    position: relative;
}
.chart-part ul li div.chart-title {
    border: 5px solid #fff;
    width: 120px;
    height: 120px;
    margin: auto;
    border-radius: 100%;
    display: table;
    vertical-align: middle;
}
.chart-part ul li div.chart-title a {

    line-height: 15px;

    padding: 0 8px;
    font-size: 12px;

    font-family: Poppins, sans-serif;
}
.chart-part.one ul li:nth-child(5n+2):after, .chart-part.one ul li:nth-child(5n+4):after {
    content: "";
    background: #fff;
    display: block;
    width: 3px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.chart-part.two ul li:nth-child(5n+1):after, .chart-part.three ul li:nth-child(5n+1):after {
    content: "";
    height: 45px;
    width: 3px;
    background: #fff;
    display: block;
    position: absolute;
    right: -53%;
    top: 233%;
}
.chart-part.three ul li:nth-child(5n+5):after {
    content: "";
    top: 241%;
    height: 44px;
}
.chart-part.two ul li:nth-child(5n+5):after {
    top: 240%;
    height: 47px;
}
}