/* start and end button custom css */
.h5p-branching-scenario .h5p-start-button,
.h5p-end-button {
    background-color: #ffffff !important;
    color: #191919 !important;
    border-color: #ffffff !important;
}

/* Start button configuration */
.h5p-branching-scenario .h5p-start-button:after {
    content: "\f061" !important;
}

/* screen background */
.h5p-branching-scenario .h5p-start-screen,
.h5p-end-screen {
    min-height: 0 !important;
}

/* screen background */
.h5p-branching-scenario .h5p-current-screen,.h5p-next-screen {
    background: #747474 !important;
}

/* screen banner */
.h5p-branching-scenario .h5p-screen-banner {
    display: none;
}

/* banner background imgae start screen wrapper */
.h5p-branching-scenario .h5p-screen-background {
    height: 100% !important;
    margin-bottom: 0px !important;
}

/* banner background imgae start screen */
.h5p-branching-scenario .h5p-background-image {
    position: initial !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    max-height: 393px !important;
    box-shadow: none !important;
}

/* start screen title */

.h5p-branching-scenario-title-text p {
    font-size: 38px;
    margin-bottom: 0px !important;
}

.h5p-branching-scenario-subtitle-text p {
    margin-bottom: 0px !important;
}

.h5p-branching-scenario-subtitle-text {
    margin: 0px !important;
}

/* navigation buttons */
.h5p-branching-scenario .h5p-back-button,
.h5p-nav-button{
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;

}
.h5p-branching-scenario .h5p-nav-button:hover{
 border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    background: none;
}
.h5p-branching-question .h5p-back-button{
    border-color: #191919 !important;
    color: #191919 !important;
    background: none !important;
}

/* result container */
.h5p-branching-scenario .h5p-result-container {
    background: #484848 !important;
    border-color : transparent !important;   
}

.h5p-branching-scenario .h5p-result-wrapper .h5p-score-circle{
    background: #2A2A2A !important;
}

.h5p-branching-question-icon{
    width: 100px !important;
    top: -50px;
}

.h5p-branching-question .h5p-multichoice-wrapper{
    margin-top: 35px !important;
}