body,html,p{margin: 0;width: 100%;max-width: 100%;overflow-x: hidden;}
		*{box-sizing: border-box;}
		.MCQForm{max-width:900px;}
		
		.PageCover{
		    width:100%;
		    height:250px;
    		display: flex;
            align-items: flex-start;
            flex-direction: column;
            justify-content: center;
            box-sizing: border-box;
            background-image: url(../img/Slider/1.jpg);
            background-size:cover;
            border-radius:0 0 30px 30px;
            overflow:hidden;
		}
		.ColorOverlay{
		    padding-top:80px;
		    position:absolue;width:100%;height:100%;
		    background-color:rgba(62,133,175,0.66);}
		    
		.PageTitle{position:absolute;z-index:2;top:80px;height:170px;width:100%;
		    display: flex;
            align-items: flex-start;
            flex-direction: column;
            justify-content: center;
            box-sizing: border-box;
		}
		.PageCover h1,.PageCover h3{
		    text-align:center;width:100%;
		}
		
		
		.QuestionContainer{width: 100%;padding: 0;
			border-radius: 15px;margin-top: 30px;overflow:hidden;


		/*box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.41);*/
		box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%) ;
		-webkit-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%) ;
		-moz-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%) ;

		}
		
		
		
		
		
		.AllChoicesContainer{padding: 30px 40px;
		 background-image: url(../img/CurvesBgDark.png);
		background-size:cover;
    	/*background: rgb(26,76,171);
        background: linear-gradient(39deg, rgba(26,76,171,1) 0%, rgba(26,119,171,1) 37%, rgba(17,188,186,1) 100%);*/
		    
		}
		.QuestionContainer p{font-weight: bold;font-size: 20px;padding: 20px 40px;text-align: left;background-color:#3e85af/*#54a5e3*/;color:white;
		    
		    
		    box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%) ;
		-webkit-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%) ;
		-moz-box-shadow: 0 11px 30px 0 rgb(51 51 51 / 20%) ;
		}

		.QuestionContainer input{display: inline-block;}
		.FormContainerMCQ{width: 100%;max-width:100%;}
		.MCQForm{width:90% ;}

		.SubmitBtn{
			cursor: pointer;
		    text-transform: uppercase;
		    letter-spacing: 3px;
		    margin-top: 10px;
		    color: white;
		    background-color: #54a5e3;
		    display: block;
		    border: none;
		    border-radius: 200px;
			padding: 9px 40px;
	    	margin: 40px 0;
		}


















/* The container */
.ChoiceContainer {
    color:white;
	background-color: #e7e7e714;
	padding: 15px 10px;border-radius: 7px;
	text-align: left;
	display: block;
	position: relative;
	padding-left: 45px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.ChoiceContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 8px;
  top:50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  
  
  left: 10px;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.ChoiceContainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.ChoiceContainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.ChoiceContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.ChoiceContainer .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}















.TimerContainer{background-color:#3e85afad;display: flex;border-radius:19px;border:2px solid white;
position:fixed;bottom:20px;right:20px;z-index:30;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 25px 40px;
    box-sizing: border-box;}

.TimerContainer p {color:white;font-size:18px;padding-top:7px;}
.TimerContainer p,.TimerContainer b {text-align:center;}







.PageCoverCorrection{
    height: 100vh;height: calc(var(--vh, 1vh) * 100);border-radius:0;
}

.PageCoverCorrection .PageTitle{
    height: 100vh;height: calc(var(--vh, 1vh) * 100);top:0;
}

.PageCoverCorrection .PageTitle div{
    background-color:#00000026;padding:50px;border-radius:20px;width:45%;margin-left:31%;
}

.PageCoverCorrection .PageTitle img{width:70px;padding-bottom:40px}
.PageCoverCorrection .PageTitle h1{font-size:28px;}
.PageCoverCorrection .PageTitle h3{font-size:21px;padding:10px 0 0 0;margin:0 0 25px 0;font-weight:normal;}
.PageCoverCorrection .PageTitle a{-webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.08); box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.08);}

.PageCoverCorrection .PageTitle p{padding-top:10px}
.PageCoverCorrection .BlueBtn{margin:0;margin-top:20px;display:inline-block;}



@media only screen and (max-width: 600px) {
    .TimerContainer{width:90%;box-sizing:border-box;flex-direction: row;
        left:5%;padding:26px 0;max-height:100px;bottom:10px;background-color:#3e85aee3;
    }
    .TimerContainer p{padding-top:0;padding-left:7px;}
    .TimerContainer p,.TimerContainer b,#TimerP {text-align:left;display:inline-block;max-width:unset;width:unset;align-self: center }
    .SubmitBtn{margin-bottom:120px;}
    
    .PageCoverCorrection .PageTitle div{
        background-color:#00000026;padding:50px 10px;border-radius:20px;width:80%;margin-left:10%;
    }
    
    .PageCoverCorrection .PageTitle h1{font-size:26px;}
    .PageCoverCorrection .PageTitle h3{font-size:18px;}
    .PageCoverCorrection .BlueBtn{font-size:16px;padding:11px 50px;}
}