.tree__container__branch{

  
        width: 100%;
        height: auto;
        
   
    
}


.tree__container, #from_tree__container__step__card {
    
    flex-direction: row;
    justify-content: center;
}

.tree__container__branch {
    display: flex;
   


}

.tree__container__step__card {
    text-align: center;
    margin: 9px;
     padding: 10px;
     font-size: 9px;
     
  
}
.tree__container__step__card:hover{

    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(2.5); 
    font-size: 10px;

   

 
}

/*.tree__container__step__card p {
    padding: 10px;
    box-shadow: 0 0 10px 3px rgba(121, 121, 121, 0.3);
    border-radius: 4px;
    text-align: center;
    width: 70px;
    display: inline-block;
    margin: 0 !important;
    
  
   
    font-size: 7px;
    font-weight: bold;
}
*/

#tree__svg-container {
    z-index: -1;
    position: absolute;
    
    
}

.tree__container__step {
   
    width: auto;
    padding: -5px;
    margin:-0px ;
}

.tree__container__step__card__p {
    cursor: pointer;
    transition: transform .2s ease;
    
    
}
.tree__container__step__card._2_3{
   


}