body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.b-container {
    max-width: 1076px !important;
    margin: auto;
}

.w-h {
    max-width: 150px !important;
}

.bi__top__logo {
    width: 138px;
    height: 38px;
}

.target {
    background-color: #332A86;
}

.target-control {
    border-top: 5px solid #FAA634;
}

.btn-assessment {
    color: #332A86;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    padding: .8em;
    border: 2px solid #FAA634;
    border-radius: 6px;
    margin-top: -2em;
    background: white;
    font-size: 1rem !important;
}

.btn-assessment-two {
    margin-top: -8em;
}

.trajenta-links {
    margin-top: 1.5em;
}

.links-wrapper {
    width: 100%;
    text-align: right;
    margin-right: 1em;
    padding-right: 1.2em;
}

.links-wrapper span {
    color: #332A86;
    font-weight: 600;
}

sup {
    font-size: 68%;
}

.links-wrapper a {
    color: #332A86;
    font-weight: 500;
    text-decoration: underline;
    font-weight: 600;
}

.signup-copy {
    color: #332A86;
    font-weight: bold;
}

.signup-copy {
    color: #332A86;
    font-weight: bold;
}

.signup-copy a {
    text-decoration: underline;
    color: #332A86;
}

.intro-heading {
    font-size: 23px;
    font-weight: bold;
    color: #4D4F53;
}

.intro-copy {
    color: #4D4F53;
    margin-top: .5em;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.intro-reference {
    font-size: 16px;
    font-weight: bold;
    color: #4D4F53;
}

.hr-one {
    padding: 0 2em;
    border: 3px solid #FAA634;
    border-radius: 5px;
    margin: 1.6em 0;
}

.reference-list li {
    color: #2C333A !important;
    font-size: 12px;
    font-weight: normal;
}

.main-content {
    background-color: #332A86;
}

.first__copy {
    margin-top: 2em;
    background-color: #fff;
    border: 2px solid #FAA634;
    border-radius: 10px;
    padding: 1em 2em !important;
    transition: all .5s ease-in-out;
}

.left__list li {
    font-size: 16px !important;
    margin-top: .8em;
    transition: all .5s ease-in-out;
}

.hr-two {
    padding: 0 2em;
    border: 2px solid #FAA634;
    border-radius: 5px;
    margin: .5em 0;
    width: 67px;
    display: block;
}

.first__copy:hover {
    margin-top: 2em;
    background-color: #FAA634;
    border: 2px solid white;
    border-radius: 10px;
    padding: 1em 2em !important;
}

.first__copy:hover .left__list li {
    color: white;
    font-size: 16px !important;
    margin-top: .8em;
}

.second__copy {
    margin-top: 2.8em;
}

.second__copy ul li::marker {
    color: #FAA634;
}

.second_row_adjustment {
    padding-left: 4.5rem;
}

.second__row__wrapper {
    border-right: 3px solid #FAA634;
    color: #FAA634;
    border-radius: 1px;
}

.speed-icon {
    max-width: 243px;
    height: 35px;
    margin: auto;
}

.image-container {
    background-color: #fff;
    border: 2px solid #FAA634;
    z-index: 222;
    padding: 1.1em .5em 1.5em .6em;
    border-radius: 50%;
    min-height: 120px !important;
    transition: all .5s linear;
    position: relative;
    top: 15px;
}

.image-container:hover {
    background-color: #332A86;
    border: 2px solid #FAA634;
    z-index: 222;
    padding: 1.1em .5em 1.5em .6em;
    border-radius: 50%;
    min-height: 120px !important;
}

.inline-block {
    max-width: 44%;
    margin: auto;
    margin-top: 6em;
    text-indent: -96px;
    position: relative;
    left: 2em;
    display: none !important;
}

.inline-block .content-inline {
    margin-left: 1.5em;
}

.adverse__events {
    color: #4D4F53;
    font-weight: bold;
    border: 2px solid #FAA634 !important;
    transition: all .5s linear;
}

.adverse__events a {
    color: #4D4F53;
    font-weight: bold;
}

.adverse__events:hover {
    color: #4D4F53;
    font-weight: bold;
    border: 2px solid #fff !important;
    background-color: #FAA634 !important;
    color: #FFF !important;
}

.adverse__events:hover a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

#pills-section ul li a {
    border-radius: 5px;
    border: 2px solid #332A86;
}

#pills-section ul li a {
    padding: .6em 1.9em;
    text-align: center;
    color: #332A86;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #332A86 !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #332A86 !important;
    border-color: #332A86 !important;
}

.settings-copy,
.settings-list {
    color: #4D4F53;
}

.settings-list li {
    line-height: 28px;
    margin-top: .4em;
}

.sub-list li::marker {
    color: #FAA634;
    list-style-type: disc;
}

.em {
    font-size: 13px;
}

.job-code p {
    font-size: 12px;
    color: #2C333A;
    line-height: 6px;
}

.nav-pills .nav-item .nav-link {
    position: relative;
}

.icon-active:after {
    content: url('../assets/clicked.svg');
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3333;
    z-index: 3333;
    margin-right: -10px;
    margin-top: -10px;
    transition: all .3 linear;
    animation-name: spin;
    animation-duration: 500ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    display: none;
}

.icon-active.block:after {
    display: block !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(270deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* .icon-active.active:after{
    content:url('../assets/clicked.svg');
    width: 0px;
    height: 0px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3333;
    z-index: 3333;
    margin-right: -10px;
    margin-top: -10px;
    transition: all .3 linear;
    animation-name: spin;
    animation-duration: 400ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    display: none;
   
} */


/* quiz  */


/* quiz end  */

.next-wrapper {
    margin-top: 2em !important;
    position: relative;
    top: 6em;
    z-index: 33333;
}

#btnSubmit,
#btnSubmitOne,
#btnSubmitTwo,
#btnSubmitThree,
#btnSubmitFour,
#btnSubmitFive {
    color: #332A86 !important;
    font-weight: bold !important;
    background: #fff;
    z-index: 3333;
    margin-right: 1em;
}

.answer {
    background: #332A86;
    min-height: 20vh;
    margin-top: 7.5em;
    display: flex;
    min-width: 100%;
}

.feedback-copy {
    font-size: 15px;
    line-height: 24px;
}

.btn.disabled,
.btn:disabled {
    opacity: 1;
}

.hide {
    display: none !important;
}

.show {
    display: block;
}

label {
    float: left;
    clear: none;
    display: block;
    padding: 0px 1em 0px 8px;
}

input[type=radio],
input.radio {
    float: left;
    clear: none;
    margin: 6px 0 0 2px;
}

.quiz .col-md-6 {
    display: inherit !important;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #FAA634 !important;
    border-color: #FAA634 !important;
}

.form-check-label,
.form-check-label strong {
    color: #4D4F53;
}

.next-wrapper {
    margin-top: 0em !important;
    position: relative;
    top: 6em;
    z-index: 33333;
}

.answer {
    background: #332A86;
    min-height: 20vh;
    margin-top: 5.5em;
    display: flex;
    min-width: 100%;
}

.hr-three {
    padding: 0 2em;
    border: 3px solid #FAA634;
    border-radius: 5px;
    /* margin: 1.6em 0; */
    width: 85%;
    position: relative;
    top: -1em;
}

.option1::before {
    background-color: darkorange !important;
}

.answer-wrapper {
    padding-top: 2.5em !important;
    padding-bottom: 1.9em;
}

input[type='radio'] {
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
}

input[type='radio']:after {
    width: 25px;
    height: 25px;
    border-radius: 15px;
    top: -5px;
    left: -6px;
    position: relative;
    background-color: transparent;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #FAA634;
}

input[type='radio']:checked:after {
    width: 25px;
    height: 25px;
    border-radius: 14px;
    top: -5px;
    left: -6px;
    position: relative;
    background-color: #332A86;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #FAA634;
}

input[type=radio]:checked+label span {
    font-weight: bold !important;
    min-width: 100% !important;
    font-size: 15px;
    line-height: 23.9px;
}

.form-check-label {
    min-width: 100%;
}

.adverse__events {
    color: #4D4F53 !important;
    font-weight: bold;
    border: 2px solid #FAA634 !important;
    transition: all .5s linear;
}

.pio {
    font-size: 13px;
}

.feedback-copy {
    font-size: 16px;
    line-height: 24px;
}

.bold {
    font-size: 20px;
    font-weight: bolder;
}

.sm-screen-only-br {
    display: none;
}

input:checked~span {
    border-color: black;
    font-weight: bold;
}

.d-sm-block-md-none {
    display: none;
}

.mt-custom {
    margin-top: -4em;
}

.modal-header {
    border-bottom: none;
    border: none;
}

.promotional {
    font-size: 10px;
    padding-left: 13em !important;
    padding-right: 17em !important;
    padding-bottom: 1em;
    color: #4D4F53;
    text-align: center;
}


/* / amends on 6th december  */

.font-strong li::marker {
    font-weight: bold;
}

.font-strong li {
    margin-left: -1em;
    position: relative;
    left: 0em;
    padding-left: 1em;
}

.promotional {
    font-size: 10px;
    padding-left: 13em !important;
    padding-right: 17em !important;
    padding-bottom: 1em;
    color: #4D4F53;
    text-align: center;
}

#section-onclick-one,
#section-onclick-two,
#section-onclick-three,
#section-onclick-four,
#section-onclick-five {
    display: none;
    transition: linear .5s all;
}

a {
    color: #4D4F53;
}