/*index..1. single page style2. header sttyle 3. footer style 4. enrich menu style 5. test menu style 6. quiz system */
*{margin:0;padding:0;}body{width:100%;margin: 0;font-family: verdana;height:100%;overflow:auto;background-color:#ffffff;}html{scroll-behavior: smooth;}.wrapper{width:100%;height:auto;overflow:hidden;background-color:#fcfcfc;}.Content{width:50%important;height:auto;background-color:#ffffff;overflow:auto;margin:0 auto;}.Content::-webkit-scrollbar{width:4px;}.Content::-webkit-scrollbar-track{background:white;}.Content::-webkit-scrollbar-button{background:white;}.Content-webkit-scrollbar-thumb{background:#Ffffff; /*background:white;*/width:5px;}@media screen and (max-width:320px){.Content{width:95%!important;}}@media screen and (max-width:425px){.Content{width:95%!important;margin:10px;}}@media screen and (max-width:770px){.Content{width:95%!important;}}@media screen and (max-width:425px){.Content {width:95%!important;margin:10px;}}@media screen and (max-width:1024px){.Content{width:60%;}}.Content h1{font-family:verdana;text-align:center;text-decoration:none;font-weight:700;color:#a4286a;display:block;width:96%;height:auto;line-height:45px;margin:15px;background-color:#ffffff;font-size:20px;}.Content h2{font-family:verdana;text-align:left;text-decoration:none;font-weight:400;color:#a4286a;display:block;font-size:18px;line-height:40px;}.page-header-ad-section{width:100%;height:100px;background:#fcfcfc;}.index{width:100%;height:auto;background-color:#ffffff;border-bottom:3px solid #f7f7ff;cursor:pointer;margin-left:20px;margin-right:20px;}.index h2{list-style-type:none;font-family:verdana;color:#a4286a;font-weight:400;margin-left:20px;margin-right:20px;}.index li{list-style-type:none;font-size:14px;font-family:verdana;color:blue;margin-left:20px;margin-right:20px;}.Content p{font-family:verdana;font-weight:400;text-align:left;font-size:15px;line-height:30px;text-decoration:none;color:#0a383f;background-color:#ffffff;margin-left:20px;margin-right:20px;margin-bottom:20px;}.li{list-style-type:none;font-size:15px;font-family:verdana;color:#0a383f;margin-left:20px;margin-right:20px;}.Content a{font-family:verdana;font-size:15px;font-weight:400;color:blue;text-decoration:underline;}.Content a:hover{color:green;}/*.....note,..*/.note{width:auto;height:auto;background-color:#f9f9f9;margin:10px;padding:10px;color:#a4286a;border:2px solid #f1f1f1;font-family:verdana;font-size:15px;font-weight:400;
/*common  css*/li{list-style:dotted;font-family:verdana;margin-left:20px;line-height:26px;font-size:15px;}img{width:auto;height:auto;margin:15px;}@media screen and (max-width:1024px){img{width:97%;margin:10px;}}@media screen and (max-width:375px){img{width:95%;margin:10px;}}h2{ color:#424a4f;margin-left:20px;margin-right:20px;}/* csss for the table */table {font-family: verdana; border-collapse: collapse;width: 95%;margin:auto;}td, th {border: 1px solid #dddddd;text-align: left;padding: 8px;}
tr:nth-child(even){background-color: #fcfcfc;}table, td{font-family:verdana;font-size:15px;color:#0a383f;}/* pre next button for all the pages including quiz */.previous-next-botton{width:95%;height:30px;}.previous-next-botton a{font-family:verdana;
font-size:17px;color:white;background-color:green;line-height:26px;text-decoration:none;border:none;outline:none;}.previous{font-family:verdana;font-size:17px;float:left;padding:5px;}.next{font-family:verdana;font-size:17px;float:right;padding:5px;}
.more-links-after-content{width:96%;height:auto;margin:0 auto;}@media screen and (max-width:1024px){.more-links-after-content{width:100%;margin:0 auto;}}.more-links-after-content li{background:#ffffff;list-style:none;margin-top:5px;padding:2px;border:1px solid #f1f1f1;margin-left:0;}.more-links-after-content a{text-decoration:none;font-family:verdana;font-size:15px;font-weight:400;color:#1a0dab;line-height:21px;}.more-links-after-content h2{border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1;padding:5px;}.more-links-after-content a:hover{color:green;text-decoration:underline;}/*....css for the header */
*{margin:0;padding:0;}body{background-color:#ffffff;height:auto;width:100%;overflow-x:hidden;}.header-top-menu{
width:100%;height:50px;background-color:#0a383f;text-align:center;float:center;position:fixed;top:0;}.header-top-menu a{color:#f1f1f1;padding:5px;margin-left:10px;line-height:40px;text-decoration:none;font-size:13px!important;}.header-top-menu a:hover;.active{color:yellow;transition:0.8s;}.header-top-menu a.active{color:red;}.mobile-general-menu{width:100%;height:30px;
text-align:center;}.header-wrapper{width:100%;height:auto;overflow:hidden!important;}/* header menu goes here */.header-top{
/* background-color:#0a383f;*/background-color:#1a0dab;background-color:#e6e8e8;width:100%;height:auto;cursor:pointer;overflow:hidden;line-height:40px;padding-top:10px;}@media screen and (max-width:768px){.header-top{width:100%;height:auto;}}
.logo-part h2{width:35%;height:auto;float:left;text-align:center;}


@media screen and (max-width:768px){
	.logo-part{
	   width:100%;
	   height:auto;
	   
	}
}


@media screen and (min-width:1024px){
	.logo-part h4{
	   display:none;

	}
}





.ad-section{
	width:30%;
    height:50px;
	float:left;
	
}
@media screen and (max-width:1024px){
	.ad-section{
	   display:none;
	
	}
}





.slogan-part{
	height:35%;
	float:right;
	text-align:center;
	
}


@media screen and (max-width:768px){
	.slogan-part{
	   display:none;
	
	
	}
}
.logo-part h2{
	font-family:verdana;
	font-size:33px;
	cursor:pointer;
	color:#a4286a;
	padding-bottom:4px;
	font-weight:700;
	float:left;
	text-align:left;
	margin-left:15px;
	text-decoration:none;
	line-height:50px;
	
	
	
}



@media screen and (max-width:768px){
	.logo-part h2{
	   width:100%;
	   text-align:center;
	   font-family:25px;
	   font-weight:400;	   
	}
}

@media screen and (max-width:425px){
	.logo-part h2{
	   width:100%;

	}
}

@media screen and (max-width:375px){
	.logo-part h2{
	   width:98%;

	}
}

@media screen and (max-width:320px){
	.logo-part h2{
	   width:98%;
	   font-size:30px!important;

	}
}






.slogan-part h4{
	font-family:verdana;
	cursor:pointer;
	color:#a4286a;
	font-weight:700;
	float:right;
	margin-top:10px;
	margin-right:10px;
	line-height:55px;
	line-height:43px;
	font-style:italic;
	
}




@media screen and (max-width:770px){
	#mobilemenuEnrich{
	   display:none;
	
	}
}






@media screen and (min-width:770px){
	.enrichbutton{
		display:none;
	
	}
}




	
	
	
}

@media screen and (min-width:770px){
	.testbutton{
		display:none;
	
	}
}








@media screen and (min-width:770px){
	.home-btn{
		display:none;
	
	}
}

#main_menu{
	width:100%;
	height:40px;
	text-align:center;
	text-decoration:none;
	position:center;
 /* background-color:#0a383f;
 background-color:#1a0dab;*/
 background-color:#0a383f;
 background-color:#a4286a;
 float:right;
 
}
#main_menu:hover{
	
}


#main_menu a{
	list-style:none;
	font-size:15px;
	line-height:40px;
	font-family:verdana;
	text-decoration: none;
	position:center;
	text-align:right;
	width:100%;
	font-weight:400;
    padding:7px;
    font-style:normal;
    color:#f1f1f1;
    border-left:2px solid #e6e8e8;
	
}
#last-link{
	border-right:2px solid #e6e8e8;
}

#main_menu a:hover{
	color:yellow;
	transition:0.8s;
	
}
@media screen and (max-width:770px){
	#main_menu{
		display:none;
	
	}
}


#main_menu button{
	width:100px;
	font-size:18px;
	/*background-color:#fce705;*/
	  background-color:#5d237a;
	color:#ffffff;
	line-height:35px;
	transition:0.1s;
	padding:2px;
	font-weight:400;
	font-family:verdana;
	outline:none;
	
}

#main_menu span{
	width:100px;
	/*background-color:#fce705;*/
	  background-color:#5d237a;
	
	color:#ffffff;
	line-height:33px;
	transition:0.1s;
	font-weight:400;
	font-family:verdana;
	outline:none;
	float:left;
	
}
#main_menu span:hover{
	color:#ffffff;
	background:black;
}
#main_menu span a{
	border:none!important;
	font-family:verdana;
	font-size:18px;
	font-weight:700;
	color:#ffffff;
	
}
#main_menu span a:hover{
	color:#ffffff;
}
#main_menu button:hover{
	background:black;
	color:#ffffff;
	padding:2px;
}



#main_menu{
	position:-webkit-sticky;
	position:sticky;
	top:0;
}



/*pc notice section */
.pc-notice{
	width:100%;
	height:auto;
	background-color:#e6e8e8;
	width:100%;
	box-shadow:10px 2px 5px grey;
}
.pc-marquee p{
	color:#0a383f;
	line-height:30px;
	font-family:verdana;
	font-weight:400;
	font-style:italic;
	cursor:pointer;
	font-family:verdana;
	font-size:15px;
}
@media screen and (max-width:770px){
	.pc-notice{
		display:none;

}
}
/*................... dektop menu  */
/* The sidepanel menu */
.sidepanel{
  height: 600px; /* Specify a height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 40px;
  right:0;
  background-color:#fcfcfc;/* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
  border-left:2px solid #f1f1f1;
  }
.sidepanel::-webkit-scrollbar{
	width:4px;}
.sidepanel::-webkit-scrollbar-track{
	background:#f1f1f1;}
.sidepanel::-webkit-scrollbar-button{
	background:#f1f1f1;}
.sidepanel::-webkit-scrollbar-thumb{
	background:grey; 
   width:5px;}
.sidepanel{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */}
.desktop-menu h2{
	font-family:verdana;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
    font-weight:400;
	color:grey;
	}
.desktop-menu h3{
	font-family:verdana;
	color:grey;	
	padding:5px;
	font-weight:700;}
@media screen and (min-width:770px){
	.moble-menu-section{
		display:none;
		margin:10px;}}
/* The sidepanel links */
.sidepanel a {
  display:block;
	color:#blue;
	text-decoration:none;
	font-family:verdana;
	font-weight:400;
	font-size:15px;
	padding:3px;
	border-bottom:1px solid #f1f1f1;}
/* When you mouse over the navigation links, change their color */
.sidepanel a:hover {
  font-weight:400;
  text-decoration:underline;
  }
/* Position and style the close button (top right corner) */
.sidepanel .closebtn {
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 20px;
  margin-left: 50px;
  color:#ffffff;
    background-color:#5d237a;
  font-family:verdana;
  font-weight:700;}
/* Style the button that is used to open the sidepanel */
.openbtn{
  font-size: 20px;
  cursor: pointer;
  background-color: #1c4e63;
  color:#0a383f;
  line-height:26px;
  padding: 5px 5px;
  border: none;
  float:right;}
.openbtn:hover {
  background-color: #1f3c52;
}
/*.............. mobile-menu-section */
.mobile-menu{
	width:100%;
	min-height:40px;
	background-color:#a4286a;
	text-align:center;
	z-index:1;
}


/* the sticky2 class is added to the mobile-menu-bar*/
.sticky {
  position:fixed;
  top:0;
  width:100%;
}
.content {
  padding: 16px;
}
.sticky+ .content{
	padding-top:40px;
}
.body{
	width:1000px;
	height:1200px;
}
@media screen and (min-width:770px){
	#mm{
		display:none;}}
.ballpen-mobile-menu a{
	color:#f7e70c;
	font-size:20px;
	line-height:30px;	
}	
/* Style the buttons that are used to open and close the accordion panel */
.accordion{
   background-color:#a4286a;
  color: #ffffff;
  font-family:verdana;
  cursor: pointer;
  width: 100%;
  text-align: center;
  display:inline;
  outline: none;
  transition: 0.4s;
  line-height:30px;
  text-decoration:none;
  box-shadow:0px 1px 1px 0px;
  padding:8px;
  border-radius:5px;}
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
 background-color: blue;
 color:#ffffff;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
	width:96%;
	height:400px;
  padding:10PX;
  background-color:Grey;
  background-color:#a4286a;
  overflow:auto;
  display: none;
  margin-top:7px;}
.panel::-webkit-scrollbar{
	width:10px;}
.panel::-webkit-scrollbar-track{
	background:#fcfcfc;
	width:10px;}
.panel::-webkit-scrollbar-button{
	background:#fcfcfc;
	width:10px;}
.panel{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */}
.panel h3{color:white;font-family:verdana;font-weight:400;font-size:20px;border-bottom:2px solid white;text-align:left;padding-bottom:5px;  }
.panel a{
	display:block;
	font-family:verdana;
	font-family:17px!important;
	font-weight:400;
	color:white;
	padding:3px;
	text-decoration:none;
	text-align:left;}
.panel a:hover{
	background-color:#fcfcfc;
	color:black;}
/*.................... enrich-mobile menu*/
.sidepanel-mobile {
  height:100%; /* Specify a height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top:40px;
  left: 0;
  background-color:#e6e8e8;/* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
  float:left;
  direction:ltr;}
.sidepanel-mobile::-webkit-scrollbar{
	width:4px;}
.sidepanel-mobile::-webkit-scrollbar-track{
	background:#f1f1f1;}
.sidepanel-mobile::-webkit-scrollbar-button{
	background:#f1f1f1;}
.sidepanel-mobile::-webkit-scrollbar-thumb{
	background:grey; 
	/*background:white;*/
	width:5px;}
.sidepanel-mobile{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */}
.enrich-menu-section h2{
	font-family:verdana;
	text-align:center;
	color:#5f5f5f;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	font-weight:400;}
.enrich-menu-section h3{
	font-family:verdana;
	color:#5f5f5f;	
	padding:5px;
	font-weight:400;}
/* The sidepanel links */
.sidepanel-mobile a {
  padding: 8px 8px 8px 32px;
  display:block;
	color:#1a0dab;
	text-decoration:none;
	font-family:verdana;
	font-weight:400;
	font-size:15px;
	padding:3px;
	border-bottom:1px solid #f1f1f1;}
/* When you mouse over the navigation links, change their color */
.sidepanel-mobile a:hover{
 font-weight:700;}
/* Position and style the close button (top right corner) */
.sidepanel-mobile .closebtn{
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 20px;
  margin-left: 50px;
  color:white;
    background-color:#a4286a;
  font-family:verdana;
  font-weight:700;}
/* Style the button that is used to open the sidepanel */
.openbtn-mobile{
  font-size: 25px;
  cursor: pointer;
  line-height:26px;
  float:left;
   color:#ffffff;
  background:blue;
  font-family:verdana;
  font-weight:700;
  outline:none;
  border:none;
  display:inline;
  background:#a4286a;
   line-height:30px;
  text-decoration:none;}
@media screen and (min-width:770px){
	.openbtn-mobile{
		display:none;}
}
@media screen and (min-width:320px){
	.openbtn-mobile{
		font-size:15px;
		margin-left:15px;}
}
.openbtn:hover {
  font-weight:700;
}
/*................ test -mobile menu*/
.sidepanel-mobile-test{
  height:100%; /* Specify a height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 40px;
  right: 0;
  background-color:#e6e8e8;/* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
  direction:rtl;
 
 
}
.sidepanel-mobile-test::-webkit-scrollbar{ width:4px;}
.sidepanel-mobile-test::-webkit-scrollbar-track{ background:#f1f1f1; }
.sidepanel-mobile-test::-webkit-scrollbar-button{ background:#f1f1f1;}
.sidepanel-mobile-test::-webkit-scrollbar-thumb{ background:grey; width:5px;}
.sidepanel-mobile-test{ -ms-overflow-style: none;scrollbar-width: none;  /* Firefox */}
.test-menu-section h2{
	font-family:verdana;
	text-align:center;
	color:blue;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	font-weight:400;
	direction:ltr;
}

.test-menu-section h3{
	font-family:verdana;
	color:#5f5f5f;	
	padding:5px;
	font-weight:400;
	direction:ltr;	
}
/* The sidepanel links */
.sidepanel-mobile-test a {
  padding: 8px 8px 8px 32px;
  display:block;
	color:#1a0dab;
	text-decoration:none;
	font-family:verdana;
	font-weight:400;
	font-size:15px;
	padding:3px;
	border-bottom:1px solid #f1f1f1;
	direction:ltr;
}
/* When you mouse over the navigation links, change their color */
.sidepanel-mobile-test a:hover {
   font-weight:700;
}

/* Position and style the close button (top right corner) */

.sidepanel-mobile-test .closebtn-test{
  position: absolute;
  top: 10px;
  left:5px;
  font-size: 20px;
  margin-left: 50px;
  color:white;
   background-color:#a4286a;
  font-family:verdana;
  font-weight:700;
}
/* Style the button that is used to open the sidepanel */
.openbtn-mobile-test{
  font-size: 25px;
  cursor: pointer;
  line-height:26px;
  float:right;
   color:#ffffff;
  background:blue;
  font-family:verdana;
  font-weight:700;
  outline:none;
  display:inline;
  background:#a4286a;
   line-height:30px;
  text-decoration:none;

}
@media screen and (min-width:770px){
	.openbtn-mobile-test{
		display:none;}
}
@media screen and (min-width:320px){
	.openbtn-mobile-test{
		font-size:15px;
		margin-right:15px;}
}
.openbtn-test:hover {
  background-color: #1f3c52;
}



/* ......................................................css for the footer page  */ 
*{margin:0; padding:0;}

body{
	background-color:#fcfcfc;
	width:100%;
   background-color:#fcfcfc;
	
}
 .pre-footer{
	 width:100%;
	height:auto;
	margin-top:15px;
	background-color:#e6e8e8;
	/*box-shadow: 5px 2px 10px grey;*/
	box-shadow: 7px 2px 10px 1px grey;
	text-align:center;
 }
 
 
  .pre-footer p{
	  font-family:verdana;
	  font-size:15px;
	  line-height:37px;
	  font-weight:700;
	  color:#0a383f;
	  text-decoration:none;
	  background-color:#fcfcfc;
  }
  
 .pre-footer a{
	 text-decoration:none;
	 border:1px solid #fcfcfc;
	 padding:8px;
	 background-color:#f1f1f1;
	 border-radius:20px;
	 outline:none;
	 line-height:40px;
	 color:blue;
	 font-size:15px;
 }
 
 .pre-footer a:hover{
	 color:#ffffff;
	 background-color:black;
	 transition:0.8s;
 }
 
.footer-section{
	width:100%;
	height:auto;
	background-color:#e6e8e8;
	overflow:hidden;
	margin: 0 auto;
	

	
}



.footer-inner{
	width:24%;
	height:auto;
	/*background-color:#FCFCFC;*/
	/*background-color:#0a383f;*/
	 background-color:#0a383f;
	float:left;
	

}
.footer-inner{
	width:24%;
	height:auto;
	background-color:#e6e8e8;
	float:left;
	

}


.footer-inner a{
	line-height:18px;
	display:block;
	text-decoration:none;
	font-family:verdana;
	font-size:13px!important;
	margin-left:10px;
	text-align:left;
	color:#1a0dab;
	font-weight:400;
	/*border-bottom:1px solid #ffffff;*/
	
	
}
.footer-inner a:hover{
	/*background-color:#1f3c52;*/
	color:red;
	/*transition:0.8s;
	/*border:1px solid #fce705;
	border-style:dotted;
	border-radius:15px;*/
	
}




.footer-inner h3{
	font-family:verdana;
	font-weight:400;
	margin-left:15px;
	border-bottom:3px solid #ffffff;
	text-align:left;
	padding:5px;
	/*color:#424a4f;*/
	color:#grey;
	line-height:30px;
}

.footer-inner h4{
	font-family:verdana;
	font-weight:700;
	margin-left:15px;
	text-align:left;
	padding:5px;
	/*color:#424a4f;*/
	color:grey;
	line-height:30px;
}
	
	
	
	
	
	
	
	
	
/* the sevices ....*/	
	
	
	
.footer-bar{  /*services part */
	width:100%;
	height:auto;
	text-align:center;
	background-color:#a4286a;
	overflow-x:hidden;
	margin-bottom:40px;
	
	
}
.footer-bar-left{
	width:45%;
	height:auto;
	float:left;
	padding:20px;
	text-align:left;
	border-right:1px solid white;
	background-color:#a4286a;
	
}
.footer-bar-left h2{
	padding-top:10px;
	padding-bottom:10px;
	color:white;
}

.footer-bar-left span{
	display:block;
	color:white;
	font-family:verdana;
	font-size:16px;
	line-height:26px;
	padding-left:20px;
	
	
	
	
}

.footer-bar-right{
	width:45%;
	height:auto;
	float:right;
	text-align:center;
	padding:20px;
	background-color:#a4286a;
	
	
}

strong{
	color:yellow;
}


.top{
	background-color:none;
}
.footer-bar-right img{
	width:80px;
	height:80px;
	border-radius:70px;
}


.footer-bar a {
	text-decoration:none;
	font-family:verdana;
	font-size:15px;
   /* color:#0a383f;*/
    color:#1a0dab;
    color:blue;
	margin:5px;
	padding:5px;
	line-height:60px;
	font-weight:400;
	background-color:#a4286a;
	border-radius:10px;
	
	
}
.footer-bar p{
	/*color:#0a383f;*/
	color:#ffffff;
	font-family:verdana;
	font-size:14px;
	font-weight:400;
	background-color:#a4286a;
}

.footer-bar a:hover{
	color:red;
}



.post-footer{
	width:100%;
	height:auto;
	/*margin-top:15px;*/
	background-color:#fcfcfc;
	/*box-shadow: 5px 2px 10px grey;*/
	box-shadow: 1px 3px 4px 0px grey;
	text-align:center;
	margin-bottom:40px;
	
}
.post-footer p{
	  font-family:verdana;
	  font-size:15px;
	  line-height:37px;
	  font-weight:700;
	  color:#0a383f;
	  text-decoration:none;
	  background-color:#fcfcfc;
  }
  
 .post-footer a{
	 text-decoration:none;
	 border:1px solid #fcfcfc;
	 padding:8px;
	 background-color:#f1f1f1;
	 border-radius:20px;
	 outline:none;
	 line-height:40px;
	 color:blue;
	 font-size:15px;
 }
 
 .post-footer a:hover{
	 color:#ffffff;
	 background-color:black;
	 transition:0.8s;
 }
 



@media screen and (max-width:768px){
	 .footer-bar a {
		 font-size:14px;
		 
		 
	 }
	 
 }
	


@media screen and (max-width:1024px){
	 .footer-inner{
		 width:25%;
		 
		 
	 }
	 
	 
 }
 
 @media screen and (max-width:768px){
	 .footer-inner{
		 width:25%;
		
		 
		 
	 }
	
	 .footer-bar-left{
		 width:40%;
		
		 
		 
	 } .footer-bar-right{
		 width:40%;
		
		 
		 
	 }
	 
 }
 
 @media screen and (max-width:425px){
	 .footer-inner{
		 width:100%;
		 
		 
	 }.footer-inner{
		 width:100%;
		 
		 
	 }
	 .footer-bar-left{
		 width:96%;
	
		 
		 
	 } .footer-bar-left h2{
	    font-family:20px;
	
	 }
	  .footer-bar-right{
		 width:96%;
		 
		 
		 
	 }
	 
 }
 
 
/* ............................................css for the enrich menu */
*{margin:0; padding:0;}

/*
.wrapper-for-menu-and-ad-section{
	overflow:hidden;
	width:22%;
	height:auto;
	float:left;
	border-left:7px solid #eee;
	background:#e6e8e;
	
}
*/
.enrich-menu{
	width:22%;
	height:auto;
	overflow-x:hidden;
	float:left;
	background-color:#cccccc;
	background-color:#e6e8e8;
	background-color:#fcfcfc;
	direction:rtl;

}
.enrich-menu::-webkit-scrollbar{
	width:3px;	
}
.enrich-menu::-webkit-scrollbar-track{
	background:#ffffff;
}
.enrich-menu::-webkit-scrollbar-button{
	background:#fffffff;	
}
.enrich-menu::-webkit-scrollbar-thumb{
background:#89938a; 
	/*background:white;*/	
}
@media screen and (max-width:768px){
	.enrich-menu{
		display:none;
}
}
.enrich-menu h2{
	font-family:verdana;
	text-align:center;
	color:#5f5f5f;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	font-weight:400;
	background-color:#fcfcfc;
	margin-top:20px;
	margin-bottom:10px;	
}
.enrich-menu h3{
	font-family:verdana;
	color:#5f5f5f;
	padding:5px;
	font-weight:400;
	direction:ltr;
	direction:ltr;	
}
.enrich-menu a{
	display:block;
	color:#1a0dab;
	text-decoration:none;
	font-family:verdana;
	font-weight:400;
	font-size:15px!important;
	padding:2px;
	border-bottom:1px solid #f1f1f1;
	direction:ltr;
	margin-left:10px;
	line-height:21px;
	
}
.enrich-menu a:hover{
	color:green;
	font-weight:400;
	text-decoration:underline;
}
.ad-section-enrich-menu{
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#fcfcfc;	
}

/* ............................................css for the test menu */
 

*{margin:0; padding:0;}

body{
	overflow-x:hidden;
}
/*
.wrapper-for-test-menu-and-ad{
	overflow:hidden;
	width:22%;
	height:auto;
	float:right;
	border-right:7px solid #eee;
	background:#e6e8e8;

}

*/

.test-menu{
	width:22%;
	height:100%;
	overflow-x:hidden;
	float:right;
	background-color:#cccccc;
	background-color:#e6e8e8;
	background-color:#fcfcfc;
	direction:ltr;
	
	
}
.test-menu::-webkit-scrollbar{
	width:3px;
	
}

.test-menu::-webkit-scrollbar-track{
	background:#ffffff;
}

.test-menu::-webkit-scrollbar-button{
	background:#fffffff;
	
	
}

.test-menu::-webkit-scrollbar-thumb{
background:#89938a; 



	
}


@media screen and (max-width:768px){
	.test-menu{
		display:none;
}

}
.test-menu h2{
	font-family:verdana;
	text-align:center;
	/*color:#424a4f;*/
	color:#5f5f5f;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	font-weight:400;
	direction:rtl;
	margin-left:10px;
	background-color:#fcfcfc;
	margin-top:20px;
	margin-bottom:10px;

	
}
.test-menu h3{
	font-family:verdana;
	color:#5f5f5f;	
	padding:5px;
	font-weight:400;
	margin-left:10px;
	

	
}
.test-menu a{
	display:block;
	color:#1a0dab;
	text-decoration:none;
	font-family:verdana;
	font-weight:400;
	font-size:15px!important;
	padding:2px;
	border-bottom:1px solid #f1f1f1;
	direction:ltr;
	line-height:21px;
}
.test-menu a:hover{
	color:green;
	font-weight:400;
	text-decoration:underline;
	
	
}

.ad-section-test-menu{
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#fcfcfc;


}
	

/* css for the quiz system  */ 

.quizing{
	margin:15px;
	width:auto;
	height:auto;
}

.quiz-info{
	width:90%;
	height:100px;
	background-color:#f9f9f9;
	margin:0 auto;
	text-align:center;
	padding:15px;
	margin:15px;
}
.quiz-info h4{
	font-family:verdana;
	font-weight:400;
	color:grey;
	
	
}



.quizing h4{
	font-family:verdana;
	color:blue;
	font-family:verdana;
	font-weight:400;
	line-height:30px;
	font-size:15px;
	
}

.quizing h6{
	font-family:verdana;
	font-weight:500;
	color:grey;
	
}
.quizing ul{
	background-color:#f9f9f9;
	background-color:#fcfcfc;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #f1f1f1;
}


.quizing ul li{
	list-style-type:none;
	line-height:26px;
	font-family:verdana;
	font-size:15px;
	color:#0a383f;
	font-weight:400;
	font-size:14px;

	
	
}


.get-score-button{
    background-color:#a4286a;
	padding:10px;
	color:#ffffff;
	font-family:verdana;
	font-size:17px;
	font-weight:700;
	border:none!important;
	border-radius:30px;
	outline:none;
	cursor:pointer;
	outline:none;
}
.answar-clear-button{
	background-color:#a4286a;
	outline:none;
	padding:10px;
	color:#ffffff!important;
	font-family:verdana;
	font-size:16px;
	font-weight:700;
	border:none!important;
	border-radius:20px;
	cursor:pointer;
	outline:none;
	
	
}

.number{
	width:70px!important;
	height:20px!important;
	color:green!important;
	font-family:verdana!important;
	font-size:20px!important;
	text-align:center!important;
	font-weight:400!important;
	outline:none;
}
.percentage{
	width:70px;
	height:20px;
	color:green;
	font-family:verdana;
	font-size:20px;
	text-align:center;
	outline:none;
}
 
/*......................................... css for the question 1-20 */
  
.view-answer-div{
     
	margin-left:15px;
	background-color:#ffffff;
}
 
.view-answer-button{
	background-color:#f1f1f1;
	width: auto;
	line-height:30px;
	border:none;
	color:#0a383f;
	color:green;
	outline:none;
	border-radius:2px;
	font-family:verdana;
	font-size:12px!important;
	font-weight:400!important;
	padding:7px;
	text-decoration:none!important;
	
 } 

.view-answer-button:hover{
	background:#a4286a;
	color:#ffffff!important;

}


/* explanation */ 
#answer1,#answer2,#answer3,#answer4,#answer5,#answer6,#answer7,#answer8,#answer9,#answer10,#answer11,#answer12,#answer13,#answer14,#answer15,#answer15,#answer17,#answer18,#answer19,#answer20{
	
display:none;	

	
}

#answer1 h3,#answer2 h3,#answer3 h3,#answer4 h3,#answer5 h3,#answer6 h3,#answer7 h3,#answer8 h3,#answer9 h3,#answer10 h3,#answer11 h3,#answer12 h3,#answer13 h3,#answer14 h3,#answer15 h3,#answer16 h3,#answer17 h3,#answer18 h3,#answer19 h3,#answer20 h3{
	font-family:verdana;
	font-weight:400;
	text-align:center;
	border-bottom:1px solid grey;
	padding:5px;
	color:#0a383f;
}

#answer1 h4,#answer2 h4,#answer3 h4,#answer4 h4,#answer5 h4,#answer6 h4,#answer7 h4,#answer8 h4,#answer9 h4,#answer10 h4,#answer11 h4,#answer12 h4,#answer13 h4,#answer14 h4,#answer15 h4,#answer16 h4,#answer17 h4,#answer18 h4,#answer19 h4,#answer20 h4{
	font-family:verdana;
	font-weight:400;
	text-align:center;
	padding:5px;
	color:green;
}


#answer1 p,#answer2 p,#answer3 p,#answer4 p,#answer5 p,#answer6 p,#answer7 p,#answer8 p,#answer9 p,#answer10 p,#answer11 p,#answer12 p,#answer13 p,#answer14 p,#answer15 p,#answer16 p,#answer17 p,#answer18 p,#answer19 p,#answer20 p{
	background-color:#fcfcfc;
	font-family:verdana;
	font-size:15px;
	font-weight:400;
	color:#0a383f;
	line-height:30px;
	word-spacing:2px;
	padding:10px;
	
}



/* css for the 10 question model */ 
span{
	font-family:verdana;
	font-size:15px;
	color:#0a383f;
	line-height:26px;
}
.correct + span {
  background-color: green;
  padding:2px;
  color:white;
}

.incorrect + span {
  background-color: red;
   padding:2px;
  color:white;
}
#quiz-time-left{
width:100%;
height:auto;
overflow:hidden;
font-family:verdana;
font-weight:400;
font-size:20px;
text-align:center;
color:#a4286a;
background:#e6e8e8;
line-height:40px;
}

@media screen and (max-width:425px){
	#quiz-time-left{
		width:95%!important;
}

}

#quiz-time-left2{
width:100%;
height:auto;
overflow:hidden;
font-family:verdana;
font-weight:400;
font-size:12px;
text-align:center;
color:#a4286a;
background:#e6e8e8;
transparent:.6;
line-height:25px;
}
@media screen and (max-width:425px){
	#quiz-time-left2{
		width:95%!important;
}

}