@charset "utf-8";
html{ height: 100%;}

  .brk{page-break-after: always;}


body {
  background: rgb(204,204,204); 
	font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 200;
 height: 100%;}
page {
	
  background: #ffffff;
  display: block;
  margin: 0 auto;
  padding:0;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
padding-top:0px;
margin-top:20px;
	
	
}
p{font-size:18px;
margin:0;
padding:0;
width:20px;}

page[size="A4"] {  
  width: 21cm;
  height: 29.6cm; 
}
page[size="A4"][layout="landscape"] {
  width: 21cm;
  height: 29.6cm; 

}

/** Setting margins */       
.title {
    display: inline-flex;
	height:1.3cm;
	padding:10px;
	padding-left:10px;
		margin-top:5px;


}
.titlea {
    display: inline-flex;
	height:1.3cm;
	padding:10px;
	padding-left:10px;
		margin-top:15px;


}

.titlea img,.title img{
   height:45px;
	width:45px;
	display:inline-flex;
	margin-right:20px;
	margin-left:10px;
}
#title,#titlea{font-size:1.7em;
  		  padding-left:0px;
		  margin-left:10px;
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 180;
    padding-top:10px;
   display:inline-flex;
}
h2{font-size:1.7em;
  		  padding-left:0px;
		
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 200;
    margin-top:15px;
   display:inline-flex;
	margin-right:300px;
	margin-left:auto;
	
}
#answers{font-size:1.7em;
  		  padding-left:0px;
		color:red;
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 200;
    margin-top:15px;
   display:inline-flex;
	margin-left:auto;
	margin-right:30px;
	
}

h5{font-size:1em;
  		 font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 600;
    margin-top:2px;

	
}


    * {
        box-sizing: border-box;
      }
/* Style the Image Used to Trigger the Modal */
.grid-container {
  display: grid;
  grid-template-columns:1fr 1fr ;
	  grid-template-rows:auto;
height:25.5cm;
margin-left:auto;

	margin-top:20px;
	width:19cm;
	margin-right:50px;

	padding:0;
	
}

.grid-item {
   display:inline-flex;
  align-items: center;
  padding-left:55px;
	}


 .page-main{
  display: flex;
  flex-direction: column;
	 align-content: center;
 
min-height:99vh;
	 margin:0;
	 padding:0;
	 width:100%;
	 margin-left:auto;
	 margin-right:auto;


}


    .bot{
	display:inline-flex;
		width:100%;
		padding-top:2px;
		text-align:center;
		justify-content:flex-end;
		padding-bottom:0;
	
}

    h3{width:33.3%;
	font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 100;
	font-size:0.9em;
	text-align: center;
}

 	#q1,#q2,#q3,#q4,#q5,#q6,#q7,#q8,#q9,#q10,#q11,#q12,#rq1,#rq2,#rq3,#rq4,#rq5,#rq6,#rq7,#rq8,#rq9,#rq10,#rq11,#rq12,#qq1,#qq2,#qq3,#qq4,#qq5,#qq6,#qq7,#qq8,#qq9,#qq10,#qq11,#qq12,#rqq1,#rqq2,#rqq3,#rqq4,#rqq5,#rqq6,#rqq7,#rqq8,#rqq9,#rqq10,#rqq11,#rqq12{
font-size:28px;
padding-left:20px;
text-align:right;
margin-right:10px;
justify-content: flex-end;
display:flex;
flex:1;
} 


 	#a1,#a2,#a3,#a4,#a5,#a6,#a7,#a8,#a9,#a10,#a11,#a12,#ra1,#ra2,#ra3,#ra4,#ra5,#ra6,#ra7,#ra8,#ra9,#ra10,#ra11,#ra12{
display:inline-block;
width:2.5cm;
border-radius:15px;
border:1px solid #000000;
margin-left:auto;
text-align:center;
font-size:30px;
padding-top:2px;

margin-right:5px;
height:50px;
}  


#aa1,#aa2,#aa3,#aa4,#aa5,#aa6,#aa7,#aa8,#aa9,#aa10,#aa11,#aa12,#aa13,#aa14,#aa15,#aa16,#aa17,#aa18,#aa19,#aa20, 	#raa1,#raa2,#raa3,#raa4,#raa5,#raa6,#raa7,#raa8,#raa9,#raa10,#raa11,#raa12,#raa13,#raa14,#raa15,#raa16,#raa17,#raa18,#raa19,#raa20{
display:inline-block;
width:2.5cm;
border-radius:15px;
border:1px solid #000000;
margin-left:auto;
text-align:center;
font-size:30px;
padding-top:2px;
color:red;
margin-right:5px;
height:50px;
}  





h2{font-size: 1.2em;

	font-weight:500;
	  display:inline-block;
       	padding-bottom:5px;
	text-align:left;

	color:#000000;
	
}

.container {display:flex;
flex-direction: column;
height:100%;}

@media print{

@page {size: portrait;
	margin: 0mm 0mm 0mm 0mm; }
 page{box-shadow:none;
 margin-top:0;
 padding-top:10px;
}   
 	#a1,#a2,#a3,#a4,#a5,#a6,#a7,#a8,#a9,#a10,#a11,#a12,#a13,#a14,#a15,#a16,#a17,#a18,#a19,#a20, 	#ra1,#ra2,#ra3,#ra4,#ra5,#ra6,#ra7,#ra8,#ra9,#ra10,#ra11,#ra12,#ra13,#ra14,#ra15,#ra16,#ra17,#ra18,#ra19,#ra20{

color:#ffffff;}
}