@font-face {
    font-family: "Roboto";
    src: local(Roboto Thin),url("../fonts/roboto/Roboto-Thin.eot");
    src: url("../fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"),url("../fonts/roboto/Roboto-Thin.woff") format("woff"),url("../fonts/roboto/Roboto-Thin.ttf") format("truetype");
    font-weight: 200
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto Light),url("../fonts/roboto/Roboto-Light.eot");
    src: url("../fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Light.woff2") format("woff2"),url("../fonts/roboto/Roboto-Light.woff") format("woff"),url("../fonts/roboto/Roboto-Light.ttf") format("truetype");
    font-weight: 300
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto Regular),url("../fonts/roboto/Roboto-Regular.eot");
    src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"),url("../fonts/roboto/Roboto-Regular.woff") format("woff"),url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: 400
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto/Roboto-Medium.eot");
    src: url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"),url("../fonts/roboto/Roboto-Medium.woff") format("woff"),url("../fonts/roboto/Roboto-Medium.ttf") format("truetype");
    font-weight: 500
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto/Roboto-Bold.eot");
    src: url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"),url("../fonts/roboto/Roboto-Bold.woff") format("woff"),url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");
    font-weight: 700
}



.quiz_header{padding:5px 0 5px 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.quiz_logo img {
    height: 70px;
}
.quiz_banner {
    background: url(../Images/banner_bg.jpg) center center / cover;
    position: relative;
    background-attachment: fixed;
}
.quiz_banner .container{min-height:calc(100vh - 87px); display:flex; align-items:center;}
.quiz_banner .cont_wrap{width:50%;  padding:50px 40px 50px 0;}
.quiz_banner .cont_wrap h2{font-size:62px; color:#FFF; font-weight:500; margin:0;}
.quiz_banner .cont_wrap h2 strong{color:#ff9600;}
    .quiz_banner .cont_wrap h5 {
        font-size: 20px;
        color: #FFF;
        margin-top: 5px;
        margin-bottom: 10px;
    }
        .quiz_banner .cont_wrap h5.dear_stud {
            background: rgba(0, 0, 0, 0.5);
            padding: 10px 20px;
            border-radius: 10px;
            font-size: 22px;
            margin-top:20px;
        }
        .quiz_banner .right_side {
            width: 50%;
            text-align: right;
            padding: 50px 0;
        }
.quiz_header.d2{flex-wrap:initial;}
.quiz_header.d2 .page-head{background:#fff; color:#333;}
.bn_btn {
    max-width: 360px;
    width: 100%;
    text-align: left;
    display: inline-block;
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 20px;
    border-radius: 10px;
}
.quiz_banner .bn_btn a{width:100%; display:inline-block; transition:all 0.5s; background:#ff9600 url(../Images/peopl.png) no-repeat left 16px center / 12%; margin:10px 0; color:#FFF; padding:10px 10px 10px 70px; border-radius:10px;}
.quiz_banner .bn_btn a strong{font-size:30px; font-weight:700; line-height:1.2;}
.quiz_banner .bn_btn a p{margin:0;}
.quiz_banner .bn_btn h3 {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    width: calc(100% + 40px);
    margin: -10px 0 10px -20px;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px 0;
    border-radius: 10px 10px 0 0;
}
.quiz_banner .bn_btn a.gp_a{background-color:#4d5fbc;}
.quiz_banner .bn_btn a.gp_b{background-color:#ff9900;}
.quiz_banner .bn_btn a.gp_c{background-color:#b208ed;}
.quiz_banner .bn_btn a:hover{background-color:#2c97ea;}


.quiz_login{background:#e1fdbb; padding:70px 0;}
.quiz_login .left_side{width:100%; background: url(../Images/login_covid_left.jpg) no-repeat center center / cover; padding:50px 30px; box-shadow:0 0 20px rgba(0, 0, 0, 0.1);}
.quiz_login .left_side h3{font-size:28px; color:#FFF; font-weight:400; line-height:1.3; margin-top:10px;}
.quiz_login .left_side ul{padding:0; margin:0; list-style:none; margin-top:20px;}
.quiz_login .left_side ul li{font-size:14px; color:#FFF; position:relative; background: url(../Images/login_covid_left_arrow.png) no-repeat left top 5px; padding-left:15px; margin-bottom:10px;}
.quiz_login .left_side ul li p{margin:5px 0 0 0; font-size:12px; padding-left:10px; position:relative; display:flex; align-items:center; flex-wrap:wrap;}
.quiz_login .left_side ul li p:before{content:""; position:absolute; left:0; top:7px; width:5px; height:5px; border-radius:50%; background:#ff9600;}
.quiz_login .left_side ul li p span{display:inline-block; width:20px; height:15px; background:#000; margin-left:10px;}
.quiz_login .left_side .or{text-align:center; font-size:20px; color:#FFF; font-weight:600;}
.instructions_p{font-size:14px; color:#FFF;}
.footer.dark{background-color:#000; background:#000 !important; color:#FFF; position:static; padding:20px 0;}

.prevention{padding:70px 0; background:#f9f9f9;}
.heading1{font-size:40px; color:#333; font-weight:500; margin:0 0 30px 0;}
.heading1 span{font-size:14px; font-weight:400; color:#666; display:block; line-height:1.4;}
.prevention_cont{display:flex; flex-wrap:wrap; align-items:center; padding-top:40px;}
.prevention_cont .img_wrap{width:50%;}
.prevention_cont .img_wrap img{max-width:100%;}
.prevention_cont .cont_wrap{width:50%; padding-left:50px;}
.prevention_cont .cont_wrap h4{margin:20px 0 5px 0; display:block; font-size:18px; font-weight:500;}
.prevention_cont .cont_wrap p{margin:0; font-size:14px;}

.download_app{background:#e1fdbb; padding:50px 0 0 0;}
.download_app .prevention_cont{padding-top:0; align-items: flex-start;}
.download_app .prevention_cont .img_wrap{text-align:center; padding-left:50px;}
.download_app .prevention_cont .img_wrap{max-width:100%; align-self:flex-end;}
.download_app .prevention_cont .cont_wrap a{margin-top:10px; display:inline-block;}
.download_app .prevention_cont .cont_wrap{padding-left:0; padding-bottom:50px;}

.quiz_header_fluid{background:#FFF;}

.top_row {
    padding: 10px 0;
    background: #2A3388;
    text-align:center;
}
.top_row p{margin:0; padding:0; color:#FFF; display:inline-block; margin-right:20px;}





@media(max-width:991px) {
    .quiz_header .app_down a img{width:130px;}
.quiz_banner .cont_wrap h2{font-size:40px;}
.quiz_banner .cont_wrap h5{font-size:20px; margin-bottom:0;}

}

@media(max-width:767px) {
.quiz_header{justify-content:center;}
.quiz_header .app_down{display:none;}
.quiz_banner .container{flex-wrap:wrap;}
.quiz_banner .cont_wrap{width:100%; padding-right:0;}
.quiz_banner .right_side{width:100%; padding-top:0;}
.bn_btn{width:100%; max-width:100%;}
.quiz_banner .bn_btn a{background:#ff9600 url(../Images/peopl.png) no-repeat left 16px center / 30px;}
.prevention_cont .img_wrap{width:100%; text-align:center;}
.prevention_cont .cont_wrap{width:100%; padding-left:0; padding-top:20px;}
.download_app .prevention_cont .img_wrap{padding-left:0;}
.download_app .prevention_cont .cont_wrap .heading1{margin-bottom:10px;}
.quiz_login{padding:40px 0;}
.prevention{padding:40px 0;}
.heading1{font-size:30px;}
.download_app{padding-bottom:0;}
}

@media(max-width:480px) {
.quiz_logo img{width:250px;}
}