.chart-info-area{
    background-color: #f3f3f3;
    height: 85vh;
    overflow-y:scroll;
}



.hotspot-wai{
        width: 12%;
    height: 110px;
    position: relative;
    /* float: right; */
        top: -187px;
    left: 57%;

}


.hotspot-hdc{
        width: 12%;
    height: 110px;
    position: relative;
    /* float: right; */
        top: -125px;
    left: 49%;
}

.hotspot-wfs{
      width: 12%;
    height: 110px;
    position: relative;
    /* float: right; */
    top: -233px;
    left: 29%;

}

.hotspot-wii{
    width: 12%;
    height: 110px;
    position: relative;
    /* float: right; */
   top: -73px;
    left: 38%;

}



.journey-mobile  .journey-node{
        background-color: #f1f1f1;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 25px;
    text-align: center;
}

.journey-mobile{
    display:none;
}

.journey-contain{
    display:block;
}


.journey-contain{
    background-size: contain;
    background-position: center;
        height: 685px;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/spacious-pro-child/journey.PNG);
}




.hotspot-sp{
    width: 12%;
    height: 110px;
    position: relative;
    /* float: right; */
       top: -162px;
    left: 23%;

}

.accord i {
    font-size: 25px;
    cursor: pointer;
    margin-left: 10px;
}

.accordcontain {
    display: none;
}


.accord h4 {
    font-size: 16px;
    cursor: pointer;
}


.hotspot-od{
   width: 12%;
    height: 110px;
    position: relative;
    /* float: right; */
    top: -277px;
    left: 41%;

}

.hotspot a{
    width:100%;
    height:100%;
    position: absolute;
}

.hotspot-plan{
        width: 12%;
    height: 117px;
    position: relative;
    /* float: right; */
    top: -392px;
    left: 61%;



}