main {
	font-size:32px;
	line-height:1.3;
	font-weight: 800;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#fff;

}
.video-page{
		position: relative;
    z-index: 1;
}
.header{
	background: linear-gradient(rgba(2,8,58,.0),rgba(2,8,58,.7));
width: 100%;
height: 120px;
}
.header1{
	background: linear-gradient(rgba(2,8,58,1),rgba(2,8,58,1));
width: 100%;
height: 90px;
}

.login-head{
	font-size:23px;
	line-height:1.2;
	font-weight: 800;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#000;
}
.btn-h:hover{
	transform: scale(1.05);

}
.login-desc{
	font-size:9.5px;
	line-height:1.2;
	font-weight: 400;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#000;
}
.login-sub-desc{
	font-size:17.5px;
	line-height:1.2;
	font-weight: 400;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#000;
}
.login-otp{
	font-size:13.5px;
	line-height:1.2;
	font-weight: 800;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#000;
	margin-bottom: 10px;
}


.question-font{
	font-size:23px;
	line-height:1.2;
	font-weight: 500;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#fff;
}
.option-font{
	font-size:18px;
	line-height:1;
	font-weight: 400;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#fff;
}
.option-label{
	font-size:30px;
	line-height:1;
	font-weight: 600;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#EB8C18;
}

#scorecard img.dis {
opacity: .5;
}

#scorecard img {
margin-bottom: 25px;
}
	
.option-l {
background: url('../img/option_left_b.svg') no-repeat;
width: 482px;
height: 56px;
}

.option-l.green{
background: url('../img/option_left_g.svg') no-repeat;
width: 482px;
height: 56px;
}
.option-l.red{
background: url('../img/option_left_r.svg') no-repeat;
width: 482px;
height: 56px;
}
.option-r {
background: url('../img/option_right_b.svg') no-repeat;
width: 482px;
	height: 56px;
}

.option-r.green{
	background: url('../img/option_right_g.svg') no-repeat;
	width: 482px;
	height: 56px;
}
.option-r.red{
	background: url('../img/option_right_r.svg') no-repeat;
	width: 482px;
	height: 56px;
}
				

.codehim-form{
	background: rgba(172, 231, 203, 0.6);
	box-shadow: 4px 2px 16px rgba(0, 0, 0, 0.4);
	border-radius: 20px;
	padding: 20px;           
	text-align: center;
}
.cm-input{
	font-size: 20px;
	padding: 10px;
	background-color: rgb(0, 12, 59);
	color: rgb(255, 255, 255);
	width: 100%; 
	margin: 14px auto;
	border: none;
}

.otp-input{
	display: block;
	box-sizing: border-box;
	padding: 10px;
	background-color: rgb(0, 12, 59);
	color: rgb(255, 255, 255);
	width: 40%; 
	margin: 14px auto;
	border: 1px solid #ccc;
}


/* Login Button Design */

.btn-login{
	width: 30%;
	height: 30px;
	border: none;
	background-color: rgb(0, 12, 59);
	color: rgb(255, 255, 255);
	cursor: pointer;
}
.btn-login:focus{
	outline: 0;
}

.btn-login:hover{
	opacity: 0.8;
	transition: .3s;
}
.error-msg {
	font-size: 11px;
	padding: 5px !important;
	text-align: left;
	font-weight: normal;
	margin-top: -12px;
}
.hide{
	display: none;
}
#wait {
	background: rgba(0,0,0,0.5) url('../img/loading.gif') 50% 50% no-repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	display: none;
}
.header .h-img1 img{
	height: 100px;
}
.header1 .h-img1 img{
	height: 80px;
}
.header .h-img2 img, .header1 .h-img2 img{
    height: 70px;
}
.header .h-img3 img{
	height: 100px;
}
.header1 .h-img3 img{height: 80px;}
.video_header_icon img{height: 60px;}
.video_outer{
	padding:56.25% 0 0 0;position:relative;width: 70%;top: 0px; margin:0 auto;
}
.video_skipbtn{
	position:fixed ; bottom:30px; right:30px; width:130px;
}
.bkg-2-h{
	margin-top:-4px ; position:absolute;
}
.game_box_parent{
	z-index: 2; margin-top:100px; position:relative;
}