@font-face {
    font-family: AvenirNext;
    src: url("/plazmakviz/assets/fonts/AvenirNextLTPro-Regular.otf") format("opentype");
}
@font-face {
    font-family: AvenirNextBold;
    src: url("/plazmakviz/assets/fonts/AvenirNextLTPro-Bold.otf") format("opentype");
}
:root{
    --lms_scrollbar_bg: #EF9C43;
    --lms_scrollpath_bg: rgba(122, 85, 17, 0.23);
}

/*::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 2px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
    -webkit-border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #EF9C43;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 1px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
::-webkit-scrollbar-thumb:hover {
    background: #EF9C43;
}
::-webkit-scrollbar-thumb:vertical {
    min-height: 50px;
}*/
html,body{
    font-family: 'AvenirNext', sans-serif;
    background: transparent radial-gradient(closest-side at 50% 50%, #3957EB 0%, #212F78 100%) 0% 0% no-repeat padding-box;
    height:100%;

}
h1{
    font-family: 'AvenirNextBold', sans-serif;
    font-size:160%;
}
h2{
    font-family: 'AvenirNextBold', sans-serif;
    font-size:130%;
}
h4{
    font-family: 'AvenirNextBold', sans-serif;
    font-size:100%;
}
#top-dots{
    right: -730px;
    top: -230px;
}
#bottom-dots{
    left:-380px;
    bottom:-267px;

}
.biolife_logo{
    height:10%;

}
#first-page, #second-page, #question-page, #question-end-page, #tiktok-page{
    height:98.5%;
}
.orange-text{
    color:#EF9C43;
}
.white-text{
    color:#fff;
}
input[type=checkbox] {
    display:none;
}
label{
    color:#fff;

}
form{
    display:inline;
}
label .text{
    vertical-align:text-bottom;
    font-size:100%;
    display:inline;
}
label .text a {
    color:#fff;
    text-decoration:underline;
}
input[type=checkbox] + label .checkbox{
    display:inline-block;
    background:none;
    height: 25px;
    width: 25px;
    border:1px solid #fff;
    border-radius:8px;
    color:#fff;
}
input[type=checkbox] + label:hover .checkbox{
    background-color: #F96506;
}
input[type=checkbox]:checked + label .checkbox{
    background-image:url('/plazmakviz/assets/img/check.svg');
    background-repeat: no-repeat;
    background-position:center;
    background-size:25px 25px;
}
.btn, .btn:hover, .btn:active{
    background-color: #F96506;
    color:#fff;
    font-family: 'AvenirNextBold', sans-serif;
}
.qbtn, .qbtn:hover{
    background: none;
    color:#fff;
    border:2px solid #fff;
}
.qbtn:hover, .qbtn:active{
    border:2px solid #F96506;
    color:#F96506;
}
.qbtn.selected{
    border:2px solid #F96506;
    color:#F96506;
}
footer{
    height:1.5%;
    background: transparent linear-gradient(90deg, #FF4000 0%, #F9A13A 100%) 0% 0% no-repeat padding-box;
}
input[type="text"], input[type="text"]:focus, input[type="checkbox"], input[type="checkbox"]:focus, input[type="email"], input[type="email"]:focus, input[type="radio"], input[type="radio"]:focus{
    background:none;
    background-color: unset;
    color:#fff;
    accent-color: unset;
    border:2px solid #fff;
}
input[type="text"]::placeholder, input[type="email"]::placeholder{
    color:#fff;
}
input[type="radio"]:checked {
    background-color: #F96506;
    border-color:#fff;
}
.r-0{
    right:0;
}
.belepo-img{
    height:100px;
}
.stage, .quiz-stage{
    width:20%;
}
.quiz-stage{
    margin-top:-10px;
    transition:transform 0.6s ease-out;
}
#quiz-stage2{

    transform:scaleY(0);
}
.page {

    transition: transform 0.8s ease, opacity 0.8s ease;
    opacity: 0;
    z-index: 0;
}

.page.hidden {
    display: none!important;
}

.page.active {
    opacity: 1;
    z-index: 1;
}

.page.slide-in-from-right {
    transform: translateX(100vw);
}

.page.slide-in-from-left {
    transform: translateX(-100vw);
}

.page.slide-in {
    transform: translateX(0);
}

.page.slide-out-left {
    transform: translateX(-100vw);
    opacity: 0;
}

.page.slide-out-right {
    transform: translateX(100vw);
    opacity: 0;
}
#answer-block{
    height:100px;
    word-break: break-word;
    scrollbar-width: auto;
    scrollbar-gutter: stable;
}
@media (min-width: 1200px){
    .position-desktop-absolute{
        position:absolute;
    }

    h1{
        font-size:48px;
    }
    h4{
        font-size:24px;
    }
    .stage, .quiz-stage{
        width:206px;
    }
    .biolife_logo{
        left:12%;
    }
    .quiz-stage{
        margin-top:0;
    }
    .belepo-img{
        height:159px;
    }
    #answer-block{
        max-height:unset;
        word-break: normal;
    }

}