:root 
	{
	  --main_color: #8CBF1B; /* Lemon Green */
	  --foreground_color8: #202020; /* Darkest Gray */
	  --foreground_color2: #616161; /* Darker Gray */
	  --foreground_color4: #464646; /* Darker Gray */
	  --foreground_color7: #808080; /* Gray*/
	  --foreground_color3: #000000; /* Black color */  
	  --foreground_color5: #fD6A02; /* More reddish orange*/
	 /* --foreground_color7: red;*/ /* Red*/
      --background_shade1: #e3e5e3; /* Lighter Gray */
	  --background_shade2: #7E7E7E; /* Light Gray */
	  --background_shade3: #FAFAFA; /* Lightest Gray */
	  --background_shade4: #ffffff; /* White */
	  --alert_error_shade2: #fffacd; /* Sand Color */
	  --alert_error_shade3: peachpuff; /* Sand Color 2 (more reddish) */
	  
	  --alert_error_color1: darkred; /* Darkred */
	  --alert_error_color4: #6D0000; /* Darker red */
	  --alert_success_shade1: #DCF8C6; /* Light green */
	  --alert_success_color: forestgreen; /* Light green */
	
	  --primary_button: #0d4261; 
	  --danger_button: #d72503; 
	  --success_button:#1fae51; 
	}
	

*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html
{
	scroll-behavior: smooth;
}

body {
	
	font-size: 16px;
	/*font-family: 'Barlow Condensed', sans-serif;
	font-family: 'Oswald', sans-serif;
	font-family: 'Oswald', sans-serif, Abel, arvo, open sans, verdana;*/
	font-family: 'Roboto', sans-serif, arial;
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
		
	font-weight: 400;
	line-height: 1.5;
	color: darkred;
	
	margin: 0px;
	padding: 0px;
	background-image:radial-gradient(rgba(255,255,255,0.5), rgba(255,255,255,1)), url(images/classroom2.jpg);
	background-color: white;
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
	background-attachment: fixed;
	
	line-height: 1.5;
} 






/* ....................LINK......................... */

a
{
	color: orange;
}

 /* ....................GRID SYSTEM......................... */
	
   
   
   
   
   .talent_slider_container
   {
	   background: radial-gradient(var(--alert_error_color1),var(--alert_error_color4));
		padding: 120px 50px 50px 50px;
		position: relative;
   }
   
   
   .talent_slider_content
   {
	   width: 70%;
   }
   
   
   h1, h2, h3, h4, h5, h6
	{
		font-family: 'Raleway', sans-serif;
	}
   
   .talent_slider_content h1
   {
	  color: white;
	  font-weight: 300;
	  text-align: left;
	  font-size: 70px;
	  margin: 0;
	  padding: 0 20px;
   }
   
    .talent_slider_content p
   {
	  color: white;
	  font-weight: 300;
	  text-align: left;
	  font-size: 23px;
	  margin: 0;
	  padding: 20px;
   }
   
    .talent_slider_content span
   {
	  color: orange;
	 
   }
   
   .main_container_img
   {
	   width: 170px;
	  z-index: 220;
	  position: absolute;
	  right: 200px;
	  bottom: 0;
   }
   
   .main_container_img img
   {
	   width: 100%;
   }
   
   
   .col1{
	   margin: 0px;
	   padding: 40px 0px 40px 0px;
	   text-align: center;
	   background-color: lavender;
	   
   }
   

   .col2{
	   margin: 0px;
	   padding: 40px 0px 40px 0px;
	   text-align: center;
	   
	   
   }
   
    .col3
	{
	   margin: 0px;
	   padding: 40px;
	   text-align: center;
	  
	   border-radius: 10px;
   }
   
  
	.main_img_container
	{
	   /*border: 1px solid lavender;*/
	   border-radius: 30px;
	   width: 100%;
	   overflow: hidden;
	   
	}
	
	.main_img_container img
	{
	   width: 100%;
	   display: block;
	}
	
	
	.mainContainer_paragraph
	{
	   
	   margin: auto;
	   margin-top: 70px;
	   margin-bottom: 70px;
	   padding:40px;
	   text-align: left;
	   border: 1px solid lavender;
	   box-shadow: 5px 5px 5px #e3e5e3;
	   background-color: white;
	   max-width: 600px;
	   
	}
	
	
	.gallery_container
	{
		padding: 120px 50px;
	}
	
	.gallery_container p
	{
		text-align: center
	}
	
	
	.course_register_container
	{
		display: flex;
		justify-content: center;
		padding: 60px 140px;
		background: #e3e5e3;
		overflow: hidden;
	}
	
	
	.register_course
	{
		padding: 30px;
		flex: 1;
	}
	
	
	.free_ebook_container
	{
		max-width: 400px;
		margin: auto;
	}
	
	
	.free_ebook_container a
	{
		display: block;
		width: 100%;
		height: 100%;
	}
	
	
	.free_ebook_container img
	{
		width: 100%;
	}
	
	
	
	.register_course_container
	{
		text-align: center;
		display: block;
		padding: 60px;
	}
	
	
	.course_inner_container
	{
		max-width: 800px;
		margin: auto;
	}
	
	
	.course_inner_container span
	{
		display: block;
		max-width: 400px;
		height: 4px;
		background: #fD6A02;
		margin: auto;
		border-radius: 50%;
	}
	
	

	
	.talent_gallery_container
	{
		display: flex;
	}
	
	.talent_content_container
	{
		overflow-x: auto;
		flex: 1;
		
	}
	
	.talent_wrapper.gallery
	{
		display: grid;
		grid-gap: 1em;
		/*grid-template-columns: 1fr 1fr 1fr;*/
		grid-template-columns: repeat(auto-fill, minmax(15em,1fr));
	
		padding: 20px 50px;
	}
	
	.talent_gallery_sidebar
	{
		width: 300px;
		padding: 10px;
	}
	
	
	.talent_display_container
	{
		padding: 30px 50px;
		border-bottom: 1px solid var(--background_shade1);
		background: var(--background_shade3);
	}
	
	.talent_display_container:last-child
	{
		border-bottom: none;
	}
	
	.talent_display_container.ongoing
	{
		padding: 30px 0px 0px 0px;
	}
	
	.talent_display_container.ongoing h3
	{
		padding: 0 50px;
		margin: 0;
		font-weight: 300;
		font-size: 28px;
	}
	
	.talent_display_content
	{
		display: grid;
		grid-gap: 1em;
		grid-template-columns: repeat(auto-fill, minmax(15em,1fr));
	}
	
	
	.talent_display_container h3
	{
		margin: 0 0 20px 0;
		text-align: left;
		font-weight: 300;
		font-size: 28px;
	}
	
	
	
	.register_course_container h1
	{
		text-align: center;
		line-height: 1.5;
		font-size: 20px;
		
	}
	
	
	
	.register_course h1
	{
		text-align: center;
		line-height: 1.5;
		font-size: 20px;
	}
	
	
	
	.course_box
	{
		position: relative;
		width: 100%;
	}
	
	
	.course_box a
	{
		text-decoration: none;
	}
	
	
	.course_button
	{
		margin: 10px 0;
		padding:10px 30px 10px 30px;
		background: darkred;
		color: white;
		font-size: 16px;
		border: none;
		border-radius: 30px;
		box-shadow: 3px 3px 8px #888888;
		display: block;
		width: 100%;
		text-transform: uppercase;
	}
	
	
	.course_button:hover
	{
		background-color: red;
		color: white;
		transition: all 0.8s;
	}
	
	
	
	.course_category
	{
		overflow: hidden;
		display: none;
		width: 90%;
		margin: auto;
		padding: 0 20px;
		position: relative;
		top: -10px;
		padding: 10px;
		box-shadow: 0 0 10px #e3e5e3;
		border-radius: 0  0 10px 10px;
		margin-bottom: 20px;
	}
	
	
	.title_container
	{
		padding: 100px 50px 50px 40px;
		background: radial-gradient(var(--alert_error_color1), var(--alert_error_color4));
	}
	
	.title_container p, .title_container h2
	{
		text-align: center;
		color: var(--background_shade4);
	}
	
	.title_container h2
	{
		text-align: center;
		color: var(--background_shade4);
		font-weight: 100;
		font-size: 40px;
	}
	
	
	
	
	.container
	{
		width: 100%;
	}

	.navigation_container{
	   padding:2px;
	   text-align: center;
	   background-color: darkred;
	   } 
	   
   
   .table_container
	{
		width: 100%;
		min-height: 10px;
		overflow: scroll;
		
	}
   
  .overlay
  {
	  width: 100%;
	  height: 100%;
	  opacity: .8;
	  background-color: darkred;
	  position: absolute;
  }
  
   /* ....................IMAGES......................... */
  
  .computer_user
  {
	  max-width: 160px;
	  border-radius: 50%;
  }
  
  
  .icon_box
  {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 1px 2px 4px gray;
	text-align: center;
	width: 160px;
	height: 230px;
	transition: 1s;  
  }
  
  
  
   .icon_box:hover
  {
	
	background: white;
	opacity: .8;
	transition: 1s; 
  }
  
  
  
  
    
  .icons
  {
	 display: block;
	 width: 100px;
	 height:100px;
	 padding: 10px;
}
  

  
  
   
 /* ....................PARAGRAPH......................... */
   
	p 
	{
	font-size: 18px;
	color: darkred;
	margin: 30px 0px 8px 0px;
	}


 /* ....................HEADING......................... */
 
 .main_title
 {
	 text-align: center; 
	 color: white; 
	 font-size: 60px; 
	 font-weight: normal
 }
 
 
 
 
 .page_heading
 {
	 padding: 1px 0px;
	 background-color: darkred;
	 color: white;
	 
 }

	 .navbar_container
	{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 2;
		background-color: darkred;
	} 
	
	
	
	
	h1, h2, h3 {
	text-align: center;
	font-weight: bold;
	margin: 20px;
	}  

	h1
	{
		font-size: 30px;
	}  	
	
	
	
		
	h2{
	font-size: 25px;
	} 
	
	h3{
	font-size: 20px;
	}

	.table_header
	{
		margin: 5px;
	}
	

	
	.heading
	{
		background-color: darkred;
		color: white;
		text-align: center;
		padding: 10px 20px;
		border-radius: 25px;
		line-height: 30px;
	}
/* ....................LOGO......................... */


.logo_only
	{
		visibility: hidden;
	}
	


.logo{
	width: 160px;
	height: auto;
	margin: 5px 10px;
	
}

.logo:hover{
	opacity: 0.8;
}

.logo_container
{
	margin-top: 10px;
	min-height: 60px;
	text-align: center;
}

.navbar_logo_container
{
	margin-top: 10px;
	min-height: 60px;
	display: flex;
	
} 

.flyer_container
{
	text-align: center;
}

.flyer
{
	margin-top: 10px;
	max-width: 500px;
	width: 100%;
	text-align: center;
} 


.menu_container
{
	min-height: 70px;
	padding: 0px;
	
}

.amb_menu_container
{
	background-color: darkred;
	opacity: 1;
	color: darkred;
	height: 70px;
	padding: 0px 50px;
	margin-bottom: 50px;
	width: 100%;
}

.amb_menu_container a
{
	color: white;
	font-weight: bold;
}

.amb_menu_container ul li
{
	padding: 10px 10px;
	
}
.amb_menu_container ul
{
	width: 100%;
}



.logo2
{
	width: 80px;
}

.box_head_column
{
	text-align: center;
}


.logo3{
	width: 50px;
	height: auto;
	margin: 10px 0px 0px 0px;
}




/* ....................NAVIGATION......................... */


.menu_holder
{
	display: flex;
	margin-left: auto;
	padding: 0px;
	min-width: 20px;
	
}



.menu_holder ul li
{
	color: white;
	
}


.small_view_button
{
	border-bottom: 1px solid lavender;
	padding: 20px 0 20px 0;
}

.small_view_search
{
	border-bottom: 1px solid lavender;
	padding: 20px 0 20px 0;
}





.search_container
{
	text-align: center;
}

#search{
	margin-left: 5px;
	margin-right: 10px;
	padding: 5px;
	padding-top: 20px;
    overflow: hidden;
	float: right;
	
}

.search_button{
	background-color: red;
	border: 0px;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	color: white;
}

.search_input{
	
	border: 1px solid lavender;
	padding: 5px;
	border-radius: 5px;
	max-width: 150px;
}



#sign_nav{
	
	margin: 7px 10px;
	text-decoration: none;
	color: white;	
	float: right;
	display:inline-block;
	
	
	}
    

	.sub_menu_item
	{
		display: none;
	}
	
	.navbar
	{
		width: 320px;
		height: 100%;
		background-color: darkred;
		position: fixed;
		top: 0;
		right: -320px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10% 0 0 10%;
		transition: right 0.8s cubic-bezier(1, 0, 0, 1);
		z-index: 3;
	}
	
	.change
	{
		right: 0;
	}
	
	
	
	.record
	{
		position: fixed;
		bottom: 20px;
		right: 20px;
		background: white;
		border-radius: 10px;
		padding:10px;
		box-shadow: 0 0 5px silver;
	}
	
	.navbar_logo_container ul
	{
		padding: 0px;
		list-style: none;
		position: relative;
	}
	
	
	.navbar_logo_container ul li:hover .sub_menu_item
	{
		display: block;
		position: absolute;
		background-color: darkred;
		width: 200px;
		position: absolute;
		right: 0;
	}
	
	.navbar_logo_container ul li:hover .sub_menu_item ul li 
	{
		display: block;
		text-align: left;
		padding: 10px 40px;
		font-size: 17px;
	}
	
	.navbar_logo_container ul li:hover .sub_menu_item ul li a
	{
		color: white;
	}
	
	.navbar_logo_container ul li:hover .sub_menu_item ul li:hover
	{
		background-color: orange;
		color: darkred;
		
	}
	
	.navbar_logo_container ul li:hover .sub_menu_item ul li:hover a
	{
		color: darkred;
	}
	
	.menu_box
	{
		margin: 0px;
		display: inline-block;
		border: 1px solid orange;
		padding: 10px 20px;
		border-radius: 10px;
		cursor: pointer;
		
	}
	
	
	
	.make_orange
	{
		color: #fD6A02;
	}
	
	
	.hamburger-menu
	{
		width: 40px;
		height: 35px;
		background-color: darkred;
		border-radius: 5%;
		padding: 7px 5px;
		position: fixed;
		top: 10px;
		right: 10px;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}
	
/* ....................NEW HOME PAGE......................... */	
	
	
	
	
	
	/* SLIDER STYLING */
	
	
	.slider_container
	{
		z-index: 1;
		overflow: hidden;
		flex: 1;
	}
	
	
	
	
	
	.slider_wrapper
	{
		width: 100%;
		min-height: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(images/talents.jpg);
		background-repeat: no-repeat;
		background-position: center; 
		background-size: cover;
		background-attachment: fixed;
		padding: 150px 50px 80px 50px;
		position: relative;
		overflow: hidden;
		min-height: 50vh;
		
	}
	
	
	
	
	
	
	
	@keyframes slider{
		0%{ left: 0; transform: scale(1.2); opacity: 0.8}
		20% { left: 0; transform: scale(1); opacity: 1}
		25% { left: -100%; transform: scale(1.2); opacity: 0.7}
		45% { left: -100%; transform: scale(1); opacity: 1}
		50% { left: -200%; transform: scale(1.2); opacity: 0.7}
		70% { left: -200%; transform: scale(1); opacity: 1}
		75% { left: -300%; transform: scale(1.2); opacity: 0.7}
		95% { left: -300%; transform: scale(1); opacity: 1}
		100% { left: -400%; transform: scale(1.2); opacity: 07}
	}
	
	
	
	.slider
	{
		max-width: 700px;
		border: 10px solid;
		margin: 50px auto;
		position: relative;
		overflow: hidden;
	}
	
	.slider .left-slide, .slider .right-slide
	{
		position: absolute;
		height: 40px;
		width: 40px;
		background-color: red;
		border-radius: 50px;
		color: white;
		font-size: 20px;
		cursor: pointer;
		top: 50%;
		margin-top: -20px;
		text-align: center;
		line-height: 40px;
		transition: all .5s ease;
		
	}
	
	.slider .left-slide:hover, .slider .right-slide:hover
	{
		background-color: #fD6A02;
		box-shadow: 0px 0px 5px black;
		
	}
	
	.slider .left-slide
	{
		left: 30px;
	}
	
	.slider .right-slide
	{
		right: 30px;
	}
	
	
	.slider .slider-items .item img
	{
		width: 100%;
		display: block;
		animation: zoom 1s ease;
	}
	
	@keyframes zoom 
	{
		0% {transform: scale(2); opacity: 0}
		100% {transform: scale(1); opacity: 1}
	}
	
	.slider .slider-items
	{
		width: 400%;
		margin: 0;
		left: 0;
		display: flex;
	}
	
	
	.slider .slider-items .item 
	{
		display: none;
		position: relative;
		width: 25%;
		/*animation: 20s slider2 infinite;*/
	}
	

	.slider .slider-items .item .caption
	{
		position: absolute;
		width: 100%;
		height: 40px;
		background-color: black;
		bottom: 0;
		left: 0;
		text-align: center;
		color: white;
		font-size: 20px;
		box-sizing: border-box;
		padding: 10px;
		opacity: 0.5;
	}
	
	.slider .slider-items .item.active 
	{
		display: block;
		
		
	}
	
	
	
	
	.wrapper
	{
		min-height: 10px;
		background-color: darkred;
		box-sizing: border-box;
		padding: 80px;
		
	}
	
	
	
	.wrapper2
	{
		width: 100%;
		min-height: 10px;
		box-sizing: border-box;
		padding: 0px 60px 60px 60px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	
	
	
	.wrapper2 a
	{
		display: inline-block;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 20px 10px;
		
	}
	
	
	
	.wrapper3
	{
		width: 100%;
		min-height: 10px;
		padding: 50px ;
		margin: 0px;
		display: flex;
		justify-content: center;
		
	}
	
	
	
	
	.icon_box2
	{
		color: white;
		text-align: left;
		flex: 1;
	}
	
	
	.icon_box2 p , .icon_box2 h4
	{
		color: white;
		text-align: left;
		font-weight: 300;
	}
	
	
	
	
	
	
	
	
	
	

/* ....................FORM......................... */

input
{
	outline: none;
	filter: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 30px white inset !important;
} 

	.intro
	{
		text-align: center;
		font-weight: bold;
	}


.form_input
{
	
	border: 1px solid lavender;
	padding: 10px 25px;
	border-radius: 50px;
	width: 100%;
	outline: none;
	filter: none;
}

.form_input2
{
	
	border: 1px solid lavender;
	padding: 10px 18px;
	border-radius: 5px;
	width: 100%;
	max-width: 800px;
	outline: none;
	filter: none;
}

.content_container
{
	overflow: auto;
	padding: 0 10px;
	max-height: 70vh;
}

.confirm_input
{
	
	border: 1px solid lavender;
	padding: 10px 18px;
	border-radius: 5px;
	width: 100%;
	max-width: 300px;
	outline: none;
	filter: none;
	
}

.payment_wrapper
{
	text-align: center;
	background-color: white;
	padding: 70px 20px;
	margin: 0px;
	overflow: scroll;
}

.payment_wrapper2
{
	text-align: center;
	padding: 70px 20px;
	margin: 0px;
	
}

.form_label{
	text-align: left;
}

.form-wrapper
{
	text-align: left;
	padding: 0px 80px;
}



.signuperror{
	color: red;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	border: solid 1px red;
	border-radius: 50px;
	box-shadow: 5px 5px 5px #e3e5e3;
	padding: 3px 10px;
}

.signupsucess{
	color: green;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	border: solid 1px green;
	border-radius: 50px;
	box-shadow: 5px 5px 5px #e3e5e3;
	padding: 3px 10px;
}

.signupsucess a
{
	color: green;
}

.signupsucess2{
	
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	background-color: darkred;
	box-shadow: 5px 5px 5px #e3e5e3;
	padding: 3px;
}

.cost
{
	font-size: 35px;
	font-weight: bold;
	color: red;
}

.signupsucess2 a{
	color: white;
}


.payment_guide
{
	background-color: darkred;
	color: white;
	border-radius: 10px;
	padding: 5px;
	width: 100%;
}

.payment_form
{
	background-color: lavender;
	border-radius: 10px;
	width: 100%;
}

	 .exam_paper
	{
	   margin: 0px 5px 20px 5px;
	   padding:30px;
	   background-color: white;
	   box-shadow: 5px 5px 5px #e3e5e3;
	   overflow: scroll;
	}
/* ....................PROFILE SYSTEM......................... */






		#profile_container
		{
			width: 70%;
			left: 20%;
			margin: auto;
			margin-top: 50px;
			background-color:lavender;
			border-radius: 20px;
			overflow: hidden;
			text-align: center;
			padding: 0px 50px 0px 50px;
		}
		
		
		#profile_menu
		{
			padding-top: 40px;
			text-align: center;
			width: 100%;
		}
		
		#profile_menu a
		{
			background-color: darkred;
			color:#FFF;
			padding: 10px 40px 10px 40px;
			font-size: 18px;
			text-decoration: none;
			border-radius: 5px;
			
			box-shadow:2px 2px rgba(0,0,0,0.4);
			
		}
		
		
		#profile_menu a:hover
		{
			color: orange;
		}
		
		.profile_picture
		{
			text-align: center;
			background-color:white;
			margin: auto;
			width: 250px;
			height: 250px;
			border-radius: 20px;
			overflow: hidden;
		}
	
	
		
		.profile_picture p
		{
			position: relative;
			padding-top: 50%;
		}
		
			
		#userDetails
		{
			margin: auto;
			border: 1px solid white;
			padding: 30px;
			background: lavender;
			margin-bottom: 80px;
			
		}
		
		
		
		#profile_intro
		{
			margin: 40px 0px 0px 0px;
			text-align: center;
			padding: 20px;
			font-size: 28px;
		}
	
		
	
	/* ....................VIDEOS......................... */

	#video_wrapper
	{
		height: 100%;
		display: none;
	}
	

		.video
		{
			width: 100%;
			max-width: 900px;
			
		}

		.video_container
		{
			width: 100%;
			height: 0;
			padding-bottom: 56.25%;
			position: relative;
		}
		
		.video_container iframe
		{
			position: absolute;
			width: 100%;
			height: 100%;
		}


		.talent_img_container
		{
			display: block;
			width: 100%;
			height: 0;
			padding-bottom: 56.25%;
			position: relative;
			overflow: hidden;
		}
		
		.talent_img_box
		{
			position: absolute;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}

		.talent_img_box img
		{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		/* .video_container .talent_img_box
		{
			width: 100%;
			height: 100%;
			overflow: hidden;
			position: absolute;
			
		} */
		
		
		.thumbnail_container
		{
			width: 100%;
			height: 100%;
			background: radial-gradient(#570000, #140000);
			overflow: hidden;
			position: absolute;
			
		}
		
		
		.thumbnail_container img
		{
			width: 100%;
			height: 100%;
			object-fit: cover;
			opacity: .12;
		}
		
		.thumbnail_container .thumbnail_video_icon
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.thumbnail_video_icon i
		{
			font-size: 50px;
			color: red;
		}
		
		.candidate_data
		{
			display: flex;
			
		}
		
		
		
		.candidate_data_container
		{
			width: 100%;
			max-width: 700px;
			background: white;
			border-radius: 10px;
			box-shadow: 0 0 10px silver;
			/*margin: 20px;*/
			overflow: hidden;
		}
		
		.ended_display_content
		{
			display: block;
			background: white;
			border-radius: 5px;
			box-shadow: 0 0 10px silver;
			overflow: hidden;
			
		}
		
		.ended_display_content .video_container
		{
			flex: 2;
			
		}
		
		
		.ended_display_content .text_container
		{
			flex: 1;
			padding: 10px;
			overflow: hidden;
		}
		
		
		
		.text_container h4
		{
			text-align: left;
			color: #18191A;
			margin: 0;
			line-height: 1.5;
			padding: 0;
			font-size: 16px;
			
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		
		.text_container p
		{
			text-align: left;
			font-size: 12px;
			color: gray;
			margin: 0;
						
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		
		.top_container
		{
			display: flex;
		}
		
		
		.text_content
		{
			display: flex;
			padding: 5px 0 0 0;
		}
		
		.img_content
		{
			width: 40px;
			height: 40px;
			overflow: hidden;
			border-radius: 50%;
		}
		
		.img_content img
		{
			width: 100%;
			height: 100%;
			object-fit: cover;
			
		}
		
		.para_content
		{
			flex: 1;
			padding: 0 0 0 10px;
		}
		
		
		.para_content p
		{
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
		}
		
	
		.vote_count_box
		{
			position: relative;
			padding: 10px;
			background: white;
			/*border-bottom: 1px solid #fD6A02;*/
			flex: 1;
			color: #fD6A02;
			font-size: 20px;
			font-weight: bold;
			text-align: right;
		}
		
		
		
		.id_container
		{
			position: relative;
			padding: 10px;
			background: #fD6A02;
			background: white;
			flex: 1;
			color: gray;
			font-size: 16px;
			font-weight: 200;
		}
		
		
		.candidate_data_container h4
		{
			padding: 10px;
			background: white;
			/*border-top: 1px solid #fD6A02;
			border-bottom: 1px solid #fD6A02;*/
			color: darkred;
			text-align: center;
			font-weight: bold;
		}
		
		.candidate_data img
		{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		
		.candidate_data .candidate_column
		{
			border-bottom: 1px solid #fD6A02;
		}
		
		
		.candidate_data .candidate_column:first-child
		{
			flex: 1;
			border-right: 1px solid #fD6A02;
		}
		
		.candidate_data .candidate_column:last-child
		{
			flex: 2;
			padding: 0 20px;
			
		}
		
		
		.talent_wrapper
		{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			padding: 50px;
			background: #FAFAFA;
		}
		
		.talent_wrapper_single
		{
			display: flex;
			align-items: flex-start;
			/*flex-wrap: wrap;
			justify-content: center;*/
			padding: 30px;
		}
		
		
		
		#talent_wrapper_row2
		{
			margin: 0;
			padding: 50px;
		}
		
		
		.row2
		{
			background: #FAFAFA;
			margin: 0;
			padding: 50px;
		}
		
		
		
		.video_box
		{
			min-height: 20px;
			width: 100%;
			max-width:400px;
		}
		
		
		button
		{
			white-space: nowrap;
		}
		
		button:focus
		{
			border: 2px solid var(--foreground_color5);
		}
		
		button:active
		{
			transform: scale(.9);
			transition: .3s;
		}
		
		
		.primary_button
		{
			background: var(--primary_button);
			color: var(--background_shade4);
			white-space: nowrap;
		}
		
		.danger_button
		{
			background: var(--danger_button);
			color: var(--background_shade4);
			white-space: nowrap;
		}
		
		.success_button
		{
			background: var(--success_button);
			color: var(--background_shade4);
		}
		
		
		.register_button
		{
			text-align: center;
			padding:10px 30px 10px 30px;
			margin:20px 20px 20px 20px;
			background-color: red;
			color: yellow;
			font-weight: bold;
			font-size: 25px;
			border: none;
			width: 90%;
			max-width: 600px;
			box-shadow: 3px 3px 8px #888888;
		}
		
		
		.register_button:hover
		{
			background-color: #fD6A02;
			color: white;
		}
		
		.register_button a:hover
		{
			color: white;
		}
		
		
		.program_button
		{
			padding:10px 30px 10px 30px;
			background: #fD6A02;
			background: linear-gradient(red, #fD6A02);
			color: white;
			font-size: 16px;
			border: none;
			border-radius: 30px;
			box-shadow: 3px 3px 8px #888888;
			display: block;
			width: 100%;
			margin: 15px 0;		
			font-weight: bold;
			transition: 1s;
		}
		
		
		.program_button:hover
		{
			
			background: linear-gradient(#fD6A02, red);
			transition: 1s;
			
		}
		
		
		.gradient_button
		{
			padding:10px 30px 10px 30px;
			background: #fD6A02;
			background: linear-gradient(red, #fD6A02);
			color: white;
			font-size: 16px;
			border: none;
			border-radius: 30px;
			display: block;
			width: 100%;
			max-width: 400px;
			margin: 15px auto;		
			font-weight: bold;
		}
		
		
		.whatsapp_button
		{
			padding:10px 30px 10px 30px;
			margin: 50px 10px;
			/*background-color: yellowgreen;*/
			background-color: green;
			color: white;
			font-size: 16px;
			border: none;
			border-radius: 30px;
			width: 90%;
			max-width: 400px;
			box-shadow: 3px 3px 8px #888888;
			display: block;
			margin: auto;
			text-shadow: 0 0 10px gray;
			text-decoration: none;
			cursor: pointer;
		}
		
		
	
	.form_button
	{
		padding:10px 30px 10px 30px;
		background: #fD6A02;
		background: linear-gradient(red, #fD6A02);
		color: white;
		font-size: 16px;
		border: none;
		border-radius: 30px;
		box-shadow: 3px 3px 8px #888888;
		display: block;
		width: 100%;
		margin: 15px 0;		
		font-weight: bold;
		transition: 1s;
	}
	
	
	.form_button:hover
	{
		
		background: linear-gradient(#fD6A02, red);
		transition: 1s;
		
	}
	
	
		
		
		.download_button
		{
			padding:10px 30px 10px 30px;
			margin:10px;
			background-color: red;
			background: linear-gradient(red, darkred);
			color: white;
			font-size: 16px;
			border: none;
			border-radius: 30px;
			width: 90%;
			max-width: 220px;
			box-shadow: 3px 3px 8px #888888;
			
		}
		
		
		.download_button:hover
		{
			background-color: darkred;
			background: linear-gradient(darkred, red);
			color: white;
			transition: all 0.8s;
		}
		
		.download_button a:hover
		{
			color: darkred;
		}
		
		
		.button
		{
			padding:10px 30px 10px 30px;
			margin:10px;
			background: none;
			color: #fD6A02;
			font-size: 16px;
			border: 1px solid #fD6A02;
			border-radius: 30px;
			width: 90%;
			max-width: 220px;
			transition: .9s;
		}
		
		
		
		
		.button:hover
		{
			background: #fD6A02;
			color: white;
			transition: all 0.5s;
		}
		
		
		
		.button2
		{
			padding: 10px 30px 10px 30px;
			margin: 10px;
			background: #fD6A02;
			color: white;
			font-size: 16px;
			border: none;
			border-radius: 30px;
			width: 90%;
			max-width: 220px;
		}
		
		
		.button2:hover
		{
			background: none;
			color: #fD6A02;
			border: 1px solid #fD6A02;
			transition: all 0.5s;
		}
		
		
		
		.register_button:hover
		{
			background-color: orange;
			color: darkred;
		}
		
		.register_button a:hover
		{
			color: darkred;
		}
		
		.program_button:hover
		{
			background-color: orange;
			/*background: linear-gradient(darkred, red);*/
			color: white;
			transition: all 0.8s;
		}
		
		.program_button a:hover
		{
			color: darkred;
		}
		
		.button_container
		{
			display: flex;
			justify-content: center;
		}
		
		.button_container a
		{
			padding: 0 10px;
			flex: 1;
			display: flex;
			display: flex;
			justify-content: center;
			
		}
		
		.button_container a button
		{
			padding: 5px 10px;
			flex: 1;
		}
		
		
		.main_button_container
		{
			width: 100%;
		}
		
		
		.main_button_container a
		{
			flex: 1;
			text-align: left;
		}
		
		
		.headline_container
		{
			display: flex;
			margin: 0 0 10px 0;
		}
		
		.heading_container
		{
			flex: 1;
			overflow: hidden;
		}
		
		.heading_container h4
		{
			text-align: left;
			color: #18191A;
			margin: 0 0 10px 0;
			line-height: 1.5;
			padding: 10px 10px 0px 0;
			font-size: 16px;
			
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			
		}
		
		.heading_container p
		{
			text-align: left;
			font-size: 12px;
			color: gray;
			margin: 0;
			
			
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			
		}
		
		.profile_img_container
		{
			width: 50px;
			height: 50px;
			border-radius: 50%;
			overflow: hidden;
			margin: 10px 15px 10px 10px;
		}
		
		.profile_img_container img
		{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		
		
		
		.main_button_container a:first-child
		{
			text-align: right;
		}
		
		
		
		.button_container2
		{
			text-align: center;
		}
		
		.vote_button, .view_button
		{
			border: 1px solid #fD6A02;
		}
		

		.video_gallery
		{
			width:100%;
			max-width: 800px;
		}
	
		.video_gallery_container
		{
			background-color: lavender;
			padding: 20px;
			width: 100%;
		}
		
		.video_gallery_container video
		{
			width: 100 %;
		}
		
		.video_box p
		{
			color:white;
		}
		
		.marquee_container
		{
			background-color: #A91101;
			padding: 15px 0px 10px 0px;
			color: white;
			width: 100%;
		}
		
		


	/* ....................FOOTER......................... */
	
	
	.footer
	{
		
		background-color: darkred;
		text-align: center;
		width: 100%;
		position: relative;
		bottom: 0;
	
	}
	
	.footer span
	{
		color: white;
		font-size: 12px;
		padding: 0px;
	}
	
	
	/* ....................TABLE......................... */
	
	.price_table
	{
		background-color: white;
		width: 95%;
		margin: auto;
	}
	
	
	.price_table th
	{
		background-color: darkred;
		color: white;
		text-align: left;
		padding: 5px 20px;
		text-align: left;
		
	}
	
	.price_table td
	{
		color: darkred;
		text-align: left;
		padding: 20px;
		padding: 20px 40px 20px 20px;
		
	}
	
	.price_table tr:nth-child(even)
	{
		background-color: rgb(239,239,239);
		
	}
	
	.price_table tr:nth-child(odd)
	{
		background-color: white;
		
	}
	
	td
	{
		
		text-align: left;
	}
	
	
	
	
	
	
	/*----------------- SECOND STYLE -----------------------*/
	
	.line
	{
		width: 100%;
		height: 3px;
		background-color: chocolate;
		transition: all 0.8s;
	}
	
	.change .line-1
	{
		transform: rotateZ(-45deg) translate(-4px, 6px);
		width: 80%;
	}
	
	
	.change .line-2
	{
		opacity: 0;
	}
	
	.change .line-3
	{
		transform: rotateZ(45deg) translate(-4px, -6px);
		width: 80%;
	}
	
	.nav-list
	{
		text-align: right;
		
	}
	
	.nav-item
	{
		list-style: none;
		margin: 8px;
	}
	
	.nav-link
	{
		text-decoration: none;
		font-size: 14px;
		color: #eee;
		font-weight: 300;
		letter-spacing: 1px;
		text-transform: uppercase;
		position: relative;
		padding: 3px 0;
	}
	
	.nav-link::before, .nav-link::after
	{
		content: "";
		width: 100%;
		height: 2px;
		background-color: chocolate;
		position: absolute;
		left: 0;
		transform: scaleX(0);
		transition: transform 0.5s;
	}
	
	.nav-link::after
	{
		bottom: 0;
		transform-origin: right;
	}
	
	.nav-link::before
	{
		top: 0;
		transform-origin: left;
	}
	
	.nav-link:hover::before, .nav-link:hover::after
	{
		transform: scaleX(1);
	}
	
	
	.wrapper
	{
		box-sizing: border-box;
		padding: 10px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		
	}


/* ....................LINK......................... */

a
{
	color: #fD6A02;
}

 /* ....................GRID SYSTEM......................... */
	
   .col1{
	   margin: 0px;
	   padding: 40px 0px 40px 0px;
	   text-align: center;
	   background-color: lavender;
	   
   }
   

   .col2{
	   margin: 0px;
	   padding: 40px 0px 40px 0px;
	   text-align: center;
	   
	   
   }
   
    .col3
	{
	   margin: 0px;
	   padding: 40px;
	   text-align: center;
	  
	   border-radius: 10px;
   }
   
  
     
	
	.loading_container
	{
		position: fixed;
		z-index: 9999;
		background: white;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	
	
	.dot_container
	{
		display: flex;
		justify-content: center;
		
	}
	
	.loading_dot
	{
		width: 15px;
		height: 15px;
		background: darkred;
		border-radius: 50%;
		margin: 5px;
	}
	
	
	.highlight
	{
		background: #fD6A02;
	}
	
	
	.loading_content img
	{
		width: 100px;
		display: block;
		text-align: center;
		margin: 20px auto;
		animation-name: logo_opacity;
		animation-duration: 1s;
		animation-iteration-count: infinite;
	}
	
	@keyframes logo_opacity
	{
	   0% {opacity: 1;}
	   20% {opacity: 0.8;}
	   40% {opacity: 1;}
	   60% {opacity: 0.8;}
	   80% {opacity: 1;}
	   100% {opacity: 0.8;}
	}
	

	
	.mainContainer_paragraph
	{
	   
	   margin: auto;
	   margin-top: 70px;
	   margin-bottom: 70px;
	   padding:40px;
	   text-align: left;
	   border: 1px solid lavender;
	   box-shadow: 5px 5px 5px silver;
	   background-color: white;
	   max-width: 600px;
	   
	}
	
	.container
	{
		width: 100%;
		
	}
	
	.navigation_container{
	   padding:2px;
	   text-align: center;
	   background-color: darkred;
	   } 
	  
	  
	  
	  .fixed_blog_nav
	  {
		  position: fixed;
		  top: 0;
		  z-index: 90;
		  background: darkred;
		  padding: 0;
		  border-radius: 0 0 5px 5px;
		  height: 50px;
		  
	  }
	 
	  
	
   
  .wrapper .link_form .ref_link_wrapper
	{
		padding: 20px;
		background-color: white;
		border-radius: 10px;
		box-shadow: 0 0 20px silver;
		margin: 50px auto;
		max-width: 800px;
		
	}
  
  
  
  .content_wrapper
  {
	  padding: 0;
	  margin: 0 0 30px 0;
	  width: 100%;
	  height: 85vh;
	  overflow: auto;
	  
  }
  
  
  .page_container
  {
	 margin: 0 0 120px 0;
	 display: flex;
	 align-items: center;
	 justify-content: center;
  }
  
  .page_container a
  {
	  background: white;
	  display: inline-block;
	  width: 40px;
	  height: 40px;
	  padding:5px;
	  margin: 2px;
	  border-radius: 50%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  
  }
  
  
  
  
   .page_container a:hover
  {
	  
	  background: #fD6A02;
	  color: white;
	  transition: 1s;
  }
  
   .page_container a.active
  {
	 background: #fD6A02;
	  color: white;
  }
  
  .goto
  {
	  display: none;
	  position: fixed;
	  bottom: 0px;
	  right: 5px;
  }
  
  
  
  
  /*-------------------BLOG ------------------------------*/
   .blog_container
     {
	   margin: auto;
	   margin-top: 70px;
	   margin-bottom: 70px;
	   border-radius: 30px;
	   box-shadow: 5px 5px 5px silver;
	   background-color: white;
		max-width: 70%;
		min-height: 600px;
		overflow: hidden;
		position: relative;
		
   }
   
   .blog_content
     {
	   margin: auto;
	   /*margin-top: 50px;*/
	   margin-bottom: 50px;
		overflow: auto;
		/*padding: 0 40px 40px 40px;*/
		
   }
   
   
   .logo_holder
   {
	   flex: 1;
   }
   
  
  .menu_holder
  {
	  position: relative;
	  margin-left: auto;
 }
	
	.menu_box
	{
		margin: 0px;
		display: inline-block;
		border: 1px solid #fD6A02;
		padding: 10px 20px;
		border-radius: 10px;
		color: white;
		cursor: pointer;
	}
	
	
	.form_display
	{
		margin: 0px;
		display: inline-block;
		
		padding: 10px;
		border-radius: 10px;
		color: white;
		cursor: pointer;
	}
	
	
	.form_display i
	{
		font-size: 30px;
	}
	
	
	
	.blog_nav
	{
		background-color: darkred;
		padding: 10px;
		display: flex;
		
	}
	
	
	.menu_icon_holder
	{
		padding-right: 20px;
		
	}
	
	
	
	.blog_title
	{
		background-color: darkred;
		border-top: 1px solid #fD6A02;
		color: white;
		padding: 1px;
	}
	
	
	.sub_menu_item
	{
		/*display: none;*/
		border-radius: 15px;
		overflow: hidden;
		
		/*width: 250px;*/
		width: 0px;
		background-color: white;
		box-shadow: 0px 0px 15px 1px gray;
		position: absolute;
		right: 2px;
	}
	
	.sub_menu_item2
	{
		display: block;
		border-radius: 15px;
		overflow: hidden;
		
		left: -300px;
		width: 250px;
		background-color: white;
		box-shadow: 0px 0px 15px 1px gray;
		position: absolute;
		right: 2px;
	}
	
	.sub_menu_item3
	{
		/*display: none;*/
		border-radius: 15px;
		overflow: hidden;
		height: 0;
		width: 250px;
		background-color: white;
		
		position: absolute;
		right: 2px;
	}
	
	.expose
	{
		width: 250px;
		transition: width 1s;
	}
	

	.move_in
	{
		left: 0;
		transition: left 1s;
	}
	
	.move_right
	{
		right: 0;
		transition: left 1s;
	}
	
	
	
	
	
	.menu_holder:hover .sub_menu_item3
	{
		/*display: block;*/
		height: 490px;
		transition: height 1s;
		box-shadow: 0px 0px 15px 1px gray;
	}
	
	.sub_menu_item ul li, .sub_menu_item2 ul li , .sub_menu_item3 ul li
	{
		
		text-align: left;
		list-style: none;
		text-decoration: none;
		padding: 10px 20px;
	}
	
	.sub_menu_item ul li:hover, .sub_menu_item2 ul li:hover, .sub_menu_item3 ul li:hover
	{
		background-color: #fD6A02;
		transition: all 0.8s;
		
	}
	
	.sub_menu_item ul li a, .sub_menu_item2 ul li a, .sub_menu_item3 ul li a
	{
		text-decoration: none;
		cursor: pointer;
		color: darkred;
		
	}
   
   .content img
   {
	   display: block;
	   margin: auto;
	   width: 80%;
	   border-radius: 20px;
   }
   
   .content
   {
	  padding: 50px;
	  box-shadow: 0px 0px 20px silver;
	  background-color: white;
	  margin: 50px;
	  border-radius: 40px;
   }
   
    .blog_form
   {
	  padding: 50px;
	  box-shadow: 0px 0px 20px silver;
	  background-color: white;
	  margin: 50px auto 0 auto;
	  margin-bottom: 100px;
	  width: 600px;
	  border-radius: 20px;
	  text-align: center;
	  display: none;
	  position: absolute;
	  top: 0;
	  left: 0;
	  max-height: 90vh;
	  overflow: auto;
	  
   }
   
   
   .show
   {
	   display: block;
   }
   
   
   
  
    .content span
   {
	   display: block;
	   text-align: center;
	   font-size: 12px;
	   color: gray;
   }
   
   
   .content p, .content textarea
	{
	   text-align: justify;
	}
	
	
	.content textarea
	{
	  border-radius: 10px;
	}
	
	
	.promo_option_container
	{
		text-align: center;
	}
	
	
   
 /* ....................PARAGRAPH......................... */
   
	p 
	{
	font-size: 18px;
	color: darkred;
	margin: 30px 0px 8px 0px;
	}


 /* ....................HEADING......................... */
 
 .page_heading
 {
	 padding: 1px 0px;
	 background-color: darkred;
	 color: white;
	 
 }

	 .navbar_container
	{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 2;
		background-color: darkred;
	} 
	
	
	
	h1, h2, h3 {
	text-align: center;
	font-weight: bold;
	margin: 20px;
	}  

	h1
	{
		font-size: 30px;
	}  	
	
	
	
		
	h2{
	font-size: 25px;
	} 
	
	h3{
	font-size: 20px;
	}

	.table_header
	{
		margin: 5px;
	}
	

	
/* ....................LOGO......................... */


.logo_only
	{
		visibility: hidden;
	}
	


.logo{
	width: 160px;
	height: auto;
	margin: 5px 10px;
	
}

.logo:hover{
	opacity: 0.8;
}

.logo_container
{
	margin: 5px 0 0 0;
	height: 70px;
	text-align: center;

}


.logo_container img
{
	height: 70px;
}

.navbar_logo_container
{
	margin-top: 10px;
	min-height: 60px;
	text-align: left;
} 

.flyer_container
{
	text-align: center;
}

.flyer
{
	margin-top: 10px;
	max-width: 500px;
	width: 100%;
	text-align: center;
} 


.menu_container
{
	min-height: 70px;
	padding: 0px;
	
}

.amb_menu_container
{
	background-color: darkred;
	opacity: 1;
	color: darkred;
	height: 70px;
	padding: 0px 50px;
	margin-bottom: 50px;
	width: 100%;
}

.amb_menu_container a
{
	color: white;
	font-weight: bold;
}

.amb_menu_container ul li
{
	padding: 10px 10px;
	
}
.amb_menu_container ul
{
	width: 100%;
}




.logo3{
	width: 50px;
	height: auto;
	margin: 10px 0px 0px 0px;
}


/* ....................NAVIGATION......................... */



.small_view_search
{
	border-bottom: 1px solid lavender;
	padding: 20px 0 20px 0;
}




	

div a:hover {
	text-decoration: none;
	color: #fD6A02;	
	}

.search_container
{
	text-align: center;
}

#search{
	margin-left: 5px;
	margin-right: 10px;
	padding: 5px;
	padding-top: 20px;
    overflow: hidden;
	float: right;
	
}

.search_form
{
	position: fixed;
	top: 5px;
	left: 5px;
	width: 0px;
	height: 70px;
	z-index: 30;
	overflow: hidden;
}


.search_icon
{
	position: fixed;
	top: 35px;
	left: 25px;
	z-index: 10;
}

.expand
{
	width: 100%;
	
	transition: 2s;
}


		





.search_input{
	
	border: 1px solid lavender;
	padding: 5px;
	border-radius: 5px;
	max-width: 150px;
}



#sign_nav{
	margin: 7px 10px;
	text-decoration: none;
	color: white;	
	float: right;
	display:inline-block;
	
	}



/* ....................FORM......................... */


.form_input
{
	
	border: 1px solid lavender;
	padding: 10px 25px;
	border-radius: 50px;
	width: 100%;
}

.search_input
{
	
	border: 1px solid lavender;
	padding: 10px 25px;
	border-radius: 50px;
	max-width: 250px;
	font-size: 16px;
}

.form_input2
{
	
	border: 1px solid lavender;
	padding: 10px 18px;
	border-radius: 5px;
	width: 100%;
	max-width: 800px;
}

.confirm_input
{
	
	border: 1px solid lavender;
	padding: 10px 18px;
	border-radius: 5px;
	width: 100%;
	max-width: 300px;
	
}

.payment_wrapper
{
	text-align: center;
	background-color: white;
	padding: 70px 20px;
	margin: 0px;
	overflow: scroll;
}

.payment_wrapper2
{
	text-align: center;
	padding: 70px 20px;
	margin: 0px;
	
}



.form-wrapper
{
	text-align: left;
	padding: 0px 80px;
}



.signuperror{
	color: red;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	border: solid 1px red;
	box-shadow: 5px 5px 5px silver;
	padding: 3px;
}

.signupsucess{
	color: green;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	border: solid 1px green;
	box-shadow: 5px 5px 5px silver;
	padding: 3px;
}

.signupsucess a
{
	color: green;
}

.signupsucess2{
	
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	background-color: darkred;
	box-shadow: 5px 5px 5px silver;
	padding: 3px;
}

.cost
{
	font-size: 35px;
	font-weight: bold;
	color: red;
}

.signupsucess2 a{
	color: white;
}


.payment_guide
{
	background-color: darkred;
	color: white;
	border-radius: 10px;
	padding: 5px;
	width: 100%;
}

.payment_form
{
	background-color: lavender;
	border-radius: 10px;
	width: 100%;
}

	 .exam_paper
	{
	   margin: 0px 5px 20px 5px;
	   padding:30px;
	   background-color: white;
	   box-shadow: 5px 5px 5px silver;
	   overflow: scroll;
	}

	
	/* ....................PROFILE SYSTEM......................... */






		#profile_container
		{
			width: 70%;
			left: 20%;
			margin: auto;
			margin-top: 50px;
			background-color:lavender;
			border-radius: 20px;
			overflow: hidden;
			text-align: center;
			padding: 0px 50px 0px 50px;
		}
		
		
		#profile_menu
		{
			padding-top: 40px;
			text-align: center;
			width: 100%;
		}
		
		#profile_menu a
		{
			background-color: darkred;
			color:#FFF;
			padding: 10px 40px 10px 40px;
			font-size: 18px;
			text-decoration: none;
			border-radius: 5px;
			
			box-shadow:2px 2px rgba(0,0,0,0.4);
			
		}
		
		
		#profile_menu a:hover
		{
			color: #fD6A02;
		}
		
		.profile_picture
		{
			text-align: center;
			background-color:white;
			margin: auto;
			width: 250px;
			height: 250px;
			border-radius: 20px;;
			overflow: hidden;
		}
	
	
		
		.profile_picture p
		{
			position: relative;
			padding-top: 50%;
		}
		
			
		#userDetails
		{
			margin: auto;
			border: 1px solid white;
			padding: 30px;
			background: lavender;
			margin-bottom: 80px;
			
		}
		
		
		
		#profile_intro
		{
			margin: 40px 0px 0px 0px;
			text-align: center;
			padding: 20px;
			font-size: 28px;
		}
	
	
	
	
	
	
	
	
	
	
	/* ....................VIDEOS......................... */


		.video
		{
			width: 100%;
			max-width: 900px;
			
		}

		.video_container
		{
			
			
			width: 100%;
			height: 0;
			padding-bottom: 56.25%;
			position: relative;
		}
		
		.video_container iframe
		{
			
			position: absolute;
			width: 100%;
			height: 100%;
		}
		
		
		
		.single_talent_view_container
		{
			flex: 1;
			background: white;
			border-radius: 10px;
			box-shadow: 0 0 10px silver;
			overflow: hidden;
			margin: 20px;
			
		}
		
		
		.vote
		{
			text-align: center;
			padding: 10px;
			margin: 10px;
			background-color: red;
			border-radius: 10px;
			width: 100%;
			max-width: 900px;
			color: white;
			margin: auto;
			font-weight: bold;
		}
		
		
		.video_box
		{
			min-height: 20px;
			width: 100%;
			max-width:400px;
		}
		
		.video_gallery
		{
			width:100%;
			max-width: 800px;
		}
	
		.video_gallery_container
		{
			background-color: lavender;
			padding: 20px;
			width: 100%;
		}
		
		.video_gallery_container video
		{
			width: 100 %;
		}
		
		.video_box p
		{
			color:white;
		}
		
		.marquee_container
		{
			background-color: #A91101;
			padding: 15px 0px 10px 0px;
			color: white;
			width: 100%;
		}
		
		


	/* ....................TABLE......................... */
	
	.price_table
	{
		
		box-shadow: 5px 5px 5px silver;
		width: 95%;
		margin: auto;
	}
	
	
	.price_table th
	{
		background-color: darkred;
		color: white;
		text-align: left;
		vertical-align: top;
		padding: 5px 20px;
		text-align: left;
		
	}
	
	.price_table td
	{
		color: darkred;
		text-align: left;
		vertical-align: top;
		padding: 20px;
		
	}
	
	.price_table td img
	{
		width: 150px;
	}
	
	.price_table tr:nth-child(even)
	{
		background-color: rgb(239,239,239);
		
	}
	
	.price_table tr:nth-child(odd)
	{
		background-color: white;
		
	}
	
	
		
	.menu_icon_holder2 .sub_menu_item
	  {
		  left: 0;
		  
	  }


	.table_history_container
	{
		display: none;
	}
	
	
	
	
	
	/* .................... THIRD STYLE ......................... */



	.main_navbar
	{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 20;
		background-color: darkred;
		display: flex;
		padding: 15px 20px 10px 20px;
	}
	
	
	.loading_container
	{
		position: fixed;
		z-index: 9999;
		background: white;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	
	
	.dot_container
	{
		display: flex;
		justify-content: center;
	}
	
	.loading_dot
	{
		width: 15px;
		height: 15px;
		background: darkred;
		border-radius: 50%;
		margin: 5px;
	}
	
	
	.highlight
	{
		background: #fD6A02;
	}
	
	
	.loading_content img
	{
		width: 100px;
		display: block;
		text-align: center;
		margin: 20px;
		animation-name: logo_opacity;
		animation-duration: 1s;
		animation-iteration-count: infinite;
	}
	
	@keyframes logo_opacity
	{
	   0% {opacity: 1;}
	   20% {opacity: 0.8;}
	   40% {opacity: 1;}
	   60% {opacity: 0.8;}
	   80% {opacity: 1;}
	   100% {opacity: 0.8;}
	}
	
	
	.course_box
	{
		
		position: relative;
		display: flex;
		width: 400px;
		align-items: center;
		flex-direction: column;
		margin: 10px;
	}
	
	
	
	.extend_web_development
	{
		height: 400px;
		padding: 10px;
		box-shadow: 0 0 10px silver;
		border-radius: 0  0 10px 10px;
		transition: 1s;
		margin-bottom: 20px;
	}
	
	.extend_digital_marketing
	{
		height: 290px;
		padding: 10px;
		box-shadow: 0 0 10px silver;
		border-radius: 0  0 10px 10px;
		transition: 1s;
		margin-bottom: 20px;
	}
	
	
	.expand_basic_computer_education
	{
		height: 160px;
		padding: 10px;
		box-shadow: 0 0 10px silver;
		border-radius: 0  0 10px 10px;
		transition: 1s;
		margin-bottom: 20px;
	}
	
	
	
	.expand_amb_options
	{
		height: 480px;
		padding: 10px;
		box-shadow: 0 0 10px silver;
		border-radius: 0  0 10px 10px;
		transition: 1s;
		margin-bottom: 20px;
	}
	
	
	
	
	
		
	
	.top_bar_container
	{
		background-color: darkred;
		padding: 5px 40px;
		color: white;
	}
	
	/* NAVIGATION BAR */
	
	.header_container
	{
		background-color: white;
		padding: 10px 40px;
		box-shadow: 0px 1px 10px  silver;
		position: sticky;
		top: 0;
		display: flex;
		z-index: 3;
	}
	
	.header_container img
	{
		width: 50px;
	}
	
	.header_container img:hover
	{
		opacity: 0.7;
		transition: 0.5s ease;
	}
	
	.header_container ul
	{
		list-style: none;
		display: flex;
		margin-left: auto;
	}
	
	
	.header_container ul li
	{
		padding: 10px 15px;
		margin-top: 5px;
	}
	
	.header_container ul li a
	{
		text-decoration: none;
		color: black;
	}
	
	.header_container ul li a:hover
	{
		color: #fD6A02;
		transition: 0.5s ease;
	}
	
	
	
	
	
	
	/* OTHER PAGES CONTAINER */
	
	.main_container
	{
		display: flex;
		min-height: 65%;
		position: relative;
	}
	
	
	

	/*........... SIDEBAR .................*/
	
	
	.sidebar
	{
		width: 320px;
		padding: 20px;
		
	}
	
	
	.sidebar h1
	{
		text-align: left;
		padding: 0;
		margin: 0 0 20px 0;
		line-height: 1.3;
		color: #0D0D0D;
		font-size: 24px;
	}
	
	.sidebar p
	{
		text-align: left;
		padding: 0;
		margin: 0;
		line-height: 1.8;
		color: #414141;
		font-size: 16px;
	}
	
	
	
	
	.main_body
	{
		flex: 1;
		overflow: auto;
		height: 100vh;
		text-align: center;
		max-width: 1300px;
	}
	
	

	
	.title
	{
		margin-top: 70px;
		background-color: darkred;
		color: white;
		text-align: center;
		padding: 10px 10px;
		position: relative;
		overflow: hidden;
		
		
	}
	
	.main_body .title .caution
	{
		background: linear-gradient(yellow, orange);
		background-color: orange;
		color: darkred;
		border-radius: 10px;
		font-weight: bold;
		padding: 5px 10px;
		width: 600px;
		margin: auto;
		margin-bottom: 20px;
		display: flex;
		position: absolute;
		top: -120px;
		left: 50%;
		transform: translate(-50%);
		z-index: 90;
		transition: 2s;
	}
	
	
	.main_body .title .caution.show_caution
	{
		top: 20px;
		transition: 2s;
	}
	
	
	
	
	.main_body .title .caution span:first-child
	{
		font-size: 40px;
		color: red;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.main_body .title .caution span
	{
		text-align: left;
		padding: 10px;
	}
	
	

	.title h3
	{
		line-height: 1.5;
		text-transform: uppercase;
	}





.loader
{
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

.loader .hidden{
	animation: fadeOut 1s;
	animation-fill-mode: forwards;
}


@keyframes fadeOut
{
	100% {
		opacity: 0;
		visibility: hidden;
	}
}


/* ....................LINK......................... */

a
{
	color: #fD6A02;
}

 /* ....................GRID SYSTEM......................... */
	
   .col1{
	   margin: 0px;
	   padding: 40px 0px 40px 0px;
	   text-align: center;
	   background-color: lavender;
	   
   }
   

   .col2{
	   margin: 0px;
	   padding: 40px 0px 40px 0px;
	   text-align: center;
	   
	   
   }
   
    .col3
	{
	   margin: 0px;
	   padding: 40px;
	   text-align: center;
	  
	   border-radius: 10px;
   }
   
  
   	
	.comment_container
	{
	   margin: auto;
	   margin-top: 70px;
	   margin-bottom: 70px;
	   padding:40px;
	   text-align: center;
	   border: 1px solid lavender;
	   border-radius: 30px;
	   box-shadow: 5px 5px 5px silver;
	   background-color: white;
	   max-width: 600px;
	   
	}
	
	
	
	.mainContainer_paragraph
	{
	   
	   margin: auto;
	   margin-top: 70px;
	   margin-bottom: 70px;
	   padding:40px;
	   text-align: justify;
	   border: 1px solid lavender;
	   border-radius: 30px;
	   box-shadow: 5px 5px 5px silver;
	   background-color: white;
	   max-width: 600px;
	   
	}
	
	
	
	
	
	
	
	
	.close_container
	{
		text-align: right;
	}
	
	
	
	.close_container i:hover
	{
		color: #fD6A02;
		transition: 1s;
	}
	
	

	
	
	
	.container
	{
		width: 100%;
	}

	.navigation_container{
	   padding:2px;
	   text-align: center;
	   background-color: darkred;
	   } 
	   
   
   .table_container
	{
		width: 100%;
		min-height: 10px;
		overflow: scroll;
		
	}
   
  
   
  .overlay
  {
	  width: 100%;
	  height: 100%;
	  opacity: .8;
	  background-color: darkred;
	  position: absolute;
  }
  
  
  .love_container
  {
	  background-image: url(images/gif/love4.gif);
	  background-position: center; 
		background-repeat: no-repeat; 
		background-size: cover;
	  background-attachment: fixed;
	  height: 100%;
	 width: 100%;
	  
  }
  
 .love_container2
  {
	 background-image: url(images/gif/love3.gif);
     background-position: center; 
	 background-repeat: no-repeat; 
	 background-size:cover;
	 background-attachment: fixed;
	 height: 100%;
	 padding: 70px 0;
	
}
  
   /* ....................IMAGES......................... */
  
  .icon_box
  {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 1px 2px 4px gray;
	text-align: center;
	margin: 0px 20px;
	width: 230px;
	height: 300px;
	  
  }
    
  .icons
  {
	 display: block;
	 width: 100px;
	 height:100px;
	 padding: 10px;
}
  

  
  
   
 /* ....................PARAGRAPH......................... */
   
	p 
	{
	font-size: 18px;
	color: darkred;
	margin: 30px 0px 8px 0px;
	}


 /* ....................HEADING......................... */
 


	 .navbar_container
	{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 2;
		background-color: darkred;
	} 
	
	
	.classroom_navbar
	{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 25;
	}
	
	h1, h2, h3 {
	text-align: center;
	font-weight: bold;
	margin: 20px;
	}  

	h1
	{
		font-size: 30px;
	}  	
	
	
	
		
	h2{
	font-size: 25px;
	} 
	
	h3{
	font-size: 20px;
	}

	.table_header
	{
		margin: 5px;
	}
	

	
	.heading
	{
		background-color: darkred;
		color: white;
		text-align: center;
		padding: 10px 20px;
		border-radius: 25px;
		line-height: 30px;
	}
/* ....................LOGO......................... */

.Sure_anchor_logo
{
	width: 100%;
}



.logo_only
	{
		visibility: hidden;
	}
	


.logo{
	width: 160px;
	height: auto;
	margin: 5px 10px;
	
}

.logo:hover{
	opacity: 0.8;
}

.logo_container
{
	margin-top: 10px;
	min-height: 60px;
	text-align: center;
}

.navbar_logo_container
{
	margin-top: 10px;
	min-height: 60px;
	display: flex;
	
} 

.flyer_container
{
	text-align: center;
}

.flyer
{
	margin-top: 10px;
	max-width: 500px;
	width: 100%;
	text-align: center;
} 


.menu_container
{
	min-height: 70px;
	padding: 0px;
	
}

.amb_menu_container
{
	background-color: darkred;
	opacity: 1;
	color: darkred;
	height: 70px;
	padding: 0px 50px;
	margin-bottom: 50px;
	width: 100%;
}

.amb_menu_container a
{
	color: white;
	font-weight: bold;
}

.amb_menu_container ul li
{
	padding: 10px 10px;
	
}
.amb_menu_container ul
{
	width: 100%;
}





.logo3{
	width: 50px;
	height: auto;
	margin: 10px 0px 0px 0px;
}




/* ....................NAVIGATION......................... */


.menu_holder
{
	display: flex;
	margin-left: auto;
	padding: 0px;
	min-width: 20px;
	
}



.menu_holder ul li
{
	color: white;
	
}

.small_view_search
{
	border-bottom: 1px solid lavender;
	padding: 20px 0 20px 0;
}





.search_container
{
	text-align: center;
}

#search{
	margin-left: 5px;
	margin-right: 10px;
	padding: 5px;
	padding-top: 20px;
    overflow: hidden;
	float: right;
	
}

.search_input{
	
	border: 1px solid lavender;
	padding: 5px;
	border-radius: 5px;
	max-width: 150px;
}



#sign_nav{
	
	margin: 7px 10px;
	text-decoration: none;
	color: white;	
	float: right;
	display:inline-block;
	
	
	}
    

	.sub_menu_item
	{
		display: none;
	}
	
	.navbar_logo_container ul
	{
		padding: 0px;
		list-style: none;
		position: relative;
	}
	
	
	.navbar_logo_container ul li:hover .sub_menu_item
	{
		display: block;
		position: absolute;
		background-color: darkred;
		width: 200px;
		position: absolute;
		right: 0;
	}
	
	.navbar_logo_container ul li:hover .sub_menu_item ul li 
	{
		display: block;
		text-align: left;
		padding: 10px 40px;
		font-size: 17px;
	}
	
	.navbar_logo_container ul li:hover .sub_menu_item ul li a
	{
		color: white;
	}
	
	.navbar_logo_container ul li:hover .sub_menu_item ul li:hover
	{
		background-color: orange;
		color: darkred;
		
	}
	
	.navbar_logo_container ul li:hover .sub_menu_item ul li:hover a
	{
		color: darkred;
	}
	
	.menu_box
	{
		margin: 0px;
		display: inline-block;
		border: 1px solid orange;
		padding: 10px 20px;
		border-radius: 10px;
		cursor: pointer;
	}
	
	
	
	
	
	.sub_menu
	{
		width: 250px;
		text-align: left;
		background-color: darkred;
		padding-top: 20px;
		height: 100vh;
		overflow: auto;
		position: fixed;
		top: 70px;
		right: 0;
		z-index: 10;
		display: none;
		
	}
	
	
	.sub_menu ul
	{
		margin: 0;
		padding: 0;
	}
	
	.sub_menu ul a
	{
		list-style: none;
		text-decoration: none;
		color: white;
		margin: 0;
		padding: 0;
		display: block;
		
	}
	
	
	
	.sub_menu ul a li
	{
		text-align: left;
		padding: 10px 10px 10px 50px;
		margin: 0;
		
	}
	
	
	.sub_menu ul a li:hover
	{
		background-color: #fD6A02;
		color: white;
		transition: all .8s ease;
	}
	
	
	
	
	
	
	
/* ....................NEW HOME PAGE......................... */	
	
	
	.slider_container
	{
		z-index: 1;
	}
	
	
	
	.wrapper
	{
		min-height: 10px;
		background-color: darkred;
		box-sizing: border-box;
		padding: 80px;
		
	}
		
	
	
	.wrapper2
	{
		width: 100%;
		min-height: 10px;
		box-sizing: border-box;
		padding: 120px 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(images/classroom2.jpg);
		background-repeat: no-repeat;
		background-position: center; 
		background-size: cover;
		background-attachment: fixed;
		
	}
	
	
	
	.wrapper2 a
	{
		display: inline-block;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	

/* ....................FORM......................... */

.form-group
{
	padding: 10px 0;
	margin: 0;
}

.form-group:last-child
{
	padding: 0px;
}

.form_label
{
	margin: 0;
	
}

.form_input
{
	
	border: 1px solid lavender;
	padding: 10px 25px;
	border-radius: 50px;
	width: 100%;
}


.popup_content
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}


.mainContainer
{
	background: white;
	border-radius: 20px;
	padding: 10px;
	flex-basis: 500px;
}


.form_input_message_box
{
	
	border: 1px solid lavender;
	padding: 10px 25px;
	border-radius: 20px;
	width: 100%;
}

.form_input2
{
	
	border: 1px solid lavender;
	padding: 10px 18px;
	border-radius: 5px;
	width: 100%;
	max-width: 800px;
}

.confirm_input
{
	
	border: 1px solid lavender;
	padding: 10px 18px;
	border-radius: 5px;
	width: 100%;
	max-width: 300px;
	
}

.payment_wrapper
{
	text-align: center;
	background-color: white;
	padding: 70px 20px;
	margin: 0px;
	overflow: scroll;
}

.payment_wrapper2
{
	text-align: center;
	padding: 70px 20px;
	margin: 0px;
	
}

.form-wrapper
{
	text-align: left;
	padding: 0px 80px;
	
}

.vote_form-wrapper
{
	text-align: left;
	padding: 0px 80px;
	text-transform: UPPERCASE;
	font-weight: bolder;
	
}

.vote_result_wrapper
{
	display: none;
	
}

.display
{
	display: block;
	
}

.vote_form-wrapper td, .vote_form-wrapper th
{
	padding: 15px 10px;
}




.signuperror{
	color: red;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	border: solid 1px red;
	border-radius: 50px;
	box-shadow: 5px 5px 5px silver;
	padding: 3px 10px;
}

.signupsucess{
	color: green;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	border: solid 1px green;
	border-radius: 50px;
	box-shadow: 5px 5px 5px silver;
	padding: 3px 10px;
}

.signupsucess a
{
	color: green;
}

.signupsucess2{
	
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	background-color: darkred;
	box-shadow: 5px 5px 5px silver;
	padding: 3px;
}

.cost
{
	font-size: 35px;
	font-weight: bold;
	color: red;
}

.signupsucess2 a{
	color: white;
}


.payment_guide
{
	background-color: darkred;
	color: white;
	border-radius: 10px;
	padding: 5px;
	width: 100%;
}

.payment_form
{
	background-color: lavender;
	border-radius: 10px;
	width: 100%;
}

	 .exam_paper
	{
	   margin: 0px 5px 20px 5px;
	   padding:30px;
	   background-color: white;
	   box-shadow: 5px 5px 5px silver;
	   
	}
	
	.correct
	{
		color: green;
		
		text-align: center;
		border: solid 1px green;
		border-radius: 50px;
		box-shadow: 5px 5px 5px silver;
		padding: 3px 10px;
		
	}
/* ....................PROFILE SYSTEM......................... */






		#profile_container
		{
			width: 70%;
			left: 20%;
			margin: auto;
			margin-top: 50px;
			background-color:lavender;
			border-radius: 20px;
			overflow: hidden;
			text-align: center;
			padding: 0px 50px 0px 50px;
		}
		
		
		#profile_menu
		{
			padding-top: 40px;
			text-align: center;
			width: 100%;
		}
		
		#profile_menu a
		{
			background-color: darkred;
			color:#FFF;
			padding: 10px 40px 10px 40px;
			font-size: 18px;
			text-decoration: none;
			border-radius: 5px;
			
			box-shadow:2px 2px rgba(0,0,0,0.4);
			
		}
		
		
		#profile_menu a:hover
		{
			color: #fD6A02;
		}
		
		.profile_picture
		{
			text-align: center;
			background-color:white;
			margin: auto;
			width: 250px;
			height: 250px;
			border-radius: 20px;
			overflow: hidden;
		}
	
	
		
		.profile_picture p
		{
			position: relative;
			padding-top: 50%;
		}
		
			
		#userDetails
		{
			margin: auto;
			border: 1px solid white;
			padding: 30px;
			background: lavender;
			margin-bottom: 80px;
			
		}
		
		
		
		#profile_intro
		{
			margin: 40px 0px 0px 0px;
			text-align: center;
			padding: 20px;
			font-size: 28px;
		}
	
		
	
	
		
		
		.vote
		{
			text-align: center;
			padding: 10px;
			margin: 10px;
			background-color: red;
			border-radius: 10px;
			width: 100%;
			max-width: 900px;
			color: white;
			margin: auto;
			font-weight: bold;
		}
		
		
		.video_box
		{
			min-height: 20px;
			width: 100%;
			max-width:400px;
		}
		
		
		@keyframes button_animation
		{
			0% { background-color: darkred; }
			100% { background-color: red; }
			
		}
		

		.video_gallery
		{
			width:100%;
			max-width: 800px;
		}
	
		.video_gallery_container
		{
			background-color: lavender;
			padding: 20px;
			width: 100%;
		}
		
		.video_gallery_container video
		{
			width: 100 %;
		}
		
		.video_box p
		{
			color:white;
		}
		
		.marquee_container
		{
			background-color: #A91101;
			padding: 15px 0px 10px 0px;
			color: white;
			width: 100%;
		}
		
		


	
	
	/* ....................TABLE......................... */
	
	.price_table
	{
		background-color: white;
		box-shadow: 5px 5px 5px silver;
		width: 95%;
		margin: auto;
	}
	
	
	.price_table th
	{
		background-color: darkred;
		color: white;
		text-align: left;
		padding: 5px 20px;
		text-align: left;
		
	}
	
	.price_table td
	{
		color: darkred;
		text-align: left;
		padding: 20px 40px 20px 20px;
		
	}
	
	.price_table tr:nth-child(even)
	{
		background-color: rgb(239,239,239);
		
	}
	
	.price_table tr:nth-child(odd)
	{
		background-color: white;
		
	}
	
	td
	{
		
		text-align: left;
	}
	
	
	
	
	
	
 /*----------------- FOURTH STYLE --------------------*/
 
 
 .page_heading
 {
	 padding: 1px 0px;
	 background-color: darkred;
	 color: white;
	 
 }
 
 
 	
	
/*
	.info_popup, .login_popup, .register_popup, .voter_register_popup, .payment_popup
	{
	
		width: 100%;
		max-width: 700px;
		margin: auto;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		display: none;
		
	}
*/
 
	
	
	.price_list_popup
	{
		z-index: 200;
		width: 100%;
		max-width: 700px;
		margin: 50px auto;
		height: 100%;
		overflow: auto;
		display: none;
		border: 3px solid darkred;
		border-radius: 10px;
		
	}
	
	
	
	.overlay_container
	{
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: radial-gradient(rgba(79,0,0,0.8), rgba(79,0,0,1));
		position: fixed;
		left: 0;
		top: 0;
		z-index: 400;
		display: none;
	}
	
	
	

	.popup
	{
		width: 100%;
		max-width: 700px;
		margin: auto;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		display: none;
	}

	
	
	
	.loading_container
	{
		position: fixed;
		z-index: 9999;
		background: white;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.dot_container
	{
		display: flex;
		justify-content: center;
	}
	
	.loading_dot
	{
		width: 15px;
		height: 15px;
		background: darkred;
		border-radius: 50%;
		margin: 5px;
	}
	
	
	.highlight
	{
		background: #fD6A02;
	}
	
	
	.loading_content img
	{
		width: 100px;
		display: block;
		text-align: center;
		margin: 20px auto;
		animation-name: logo_opacity;
		animation-duration: 1s;
		animation-iteration-count: infinite;
	}
	
	@keyframes logo_opacity
	{
	   0% {opacity: 1;}
	   20% {opacity: 0.8;}
	   40% {opacity: 1;}
	   60% {opacity: 0.8;}
	   80% {opacity: 1;}
	   100% {opacity: 0.8;}
	}
	
	
	#close_overlay
	{
		display: inline-block;
		position: absolute;
		top: 4px;
		right: 2px;
		color: white;
		text-align: right;
		padding: 20px;
		cursor: pointer;
		transition: 0.8s;
		
	}
	
	#close_overlay:hover
	{
		color: #fD6A02;
		transition: 0.8s;
	}
	
	
	.price_list_popup p, .price_list_popup h1, .price_list_popup h3
	{
		color: white;
		text-align: center;
	}
	
	
	
	
	
	/* ALERT */
	
	.float_msg
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 250;
	}
	
	
	
	.success_message
	{
		width: 100%;
		max-width: 500px;
		padding: 10px;
		background: #DCF8C6;
		color: forestgreen;
		border-radius: 5px;
		margin: auto;
		display: none;
		z-index: 250;
		position: fixed !important;
		right: 5px;
		top: 5px;

	}
	
	.success_message div
	{
		display: flex;
		align-items: center;
	}
	
	.success_message span, .success_message i
	{
		display: inline-block;
		color: forestgreen;
		padding: 0 5px;
		
	}
	
	.success_message span
	{
		flex: 1;
	}
	
	
	
	.fail_message
	{
		width: 100%;
		max-width: 500px;
		padding: 10px;
		background: peachpuff;
		color: forestgreen;
		border-radius: 5px;
		margin: auto;
		display: none;
		z-index: 250;
		position: fixed !important;
		right: 5px;
		top: 5px;
	}
	
	.fail_message div
	{
		display: flex;
		align-items: center;
		
	}
	
	.fail_message span, .fail_message i
	{
		display: inline-block;
		color: darkred;
		padding: 0 5px;
	}
	
	.fail_message span
	{
		flex: 1;
	}
	
	
	
	/* .................... ADVERT SECTION ......................... */

	.ad_container
	{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin: 20px 0;
	}
	
	.ad_container a
	{
		flex-basis: 1000px;
		
	}
	
	.ad_container a img
	{
		width: 100%;
	}
	
	
	
	
	
	

/* ....................RESPONSIVE MEDIA QUERY......................... */

@media only screen and (max-width: 1270px)
{
	.course_register_container
	{
		padding: 50px;
	}

}



	
@media only screen and (max-width: 1200px)
{
	.small_view_button, .small_view_search
	{
		display: none;
	}
	
	.course_register_container
	{
		padding: 20px;
		margin: 0;
	}
	

	
	
	h1
	{
		font-size: 27px;
	} 
		
	h2
	{
		font-size: 24px;
	} 
	
	h3
	{
		font-size: 22px;
	}
	
	
	.small_view_button
	{
		display: none;
	}
	

	.course_register_container
	{
		flex-direction: column;
		padding: 0 10px;
		align-items: center;
	}
	
	.register_course
	{
		margin: 40px 0;
		padding: 0;
	}
	
  
	
	
	.logo3
	{
		float: left;
		margin-right: 10px;
	}
	
	
		
	#profile_menu a
	{
		padding: 10px 20px 10px 20px;
		font-size: 16px;
		margin-right: 10px;
	}
	
	.main_body .title .caution
	{
		top: -400px;
		transition: 5s;
		width: 500px;
	}
}



@media only screen and (max-width: 1199px) 
	
{
	.small_view_search
	{
		display: none;
	}
	
	
	
	
	
	h1
	{
		font-size: 27px;
	} 
		
	h2
	{
		font-size: 24px;
	} 
	
	h3
	{
		font-size: 22px;
	}
	
	
}

	
	
	@media only screen and (max-width: 1000px)
	{
		.talent_slider_container
	   {
		    padding: 120px 50px 0px 50px;
			display: flex;
		
	   }
	   
	   .main_container_img
	   {
		  z-index: 60;
		 right: 0px;
		 bottom: 0;
	   }
	   
	   .talent_slider_content
	   {
		   padding-bottom: 50px;
	   }
	   
	   
	}


@media only screen and (max-width: 991px)
{
	.main_body .title .caution
	{
		top: -400px;
		transition: 5s;
		width: 400px;
	}
	
	
	.logo3
	{
		float: left;
		margin-right: 10px;
	}

	
	
	#profile_menu a
	{
		padding: 10px 20px 10px 20px;
		font-size: 16px;
		margin-right: 10px;
	}
}




	@media only screen and (max-width: 990px)
	{
		.main_img_container
		{
			 margin-top: 50px;
			 border-radius: 10px;
		}
		
		.talent_wrapper_single
		{
			padding: 20px 10px 10px 10px;
			
		}

	}
	
	
	
	
	
	

	
	@media only screen and (max-width: 868px)
	{
		.talent_wrapper.gallery
		{
			width: 868px;
		}
	}




@media only screen and (max-width: 830px)
{
	.single_talent_view_container
	{
		
		border-radius: 0;
		width: 100%;
		box-shadow: 5px 0 5px var(--background_shade1);
		margin: 0px;
		
	}
	
	.talent_wrapper_single
	{
		padding: 0px;
		
	}
	
	
	.wrapper3
	{
		padding: 15px;
	}
	
	.icon_box2 p, .icon_box2 h4
	{
		font-size: 14px;
	}
	
	.icon_box2 
	
	{
		padding: 20px;
		margin: 0;
	}
	
	
	.talent_wrapper_single
	{
		flex-direction: column;
		
	}
	
	
	.sidebar
	{
		width: 100%;
	}

}

@media only screen and (max-width: 767px)
{
	
	.wrapper2
	{
		flex-wrap: wrap;
	}
	
	
	.register_button
	{
		
		font-size: 20px;
		
	}
	
	
	.talent_video
		{
			width: 100%;
			
		}
	
	
	
	.small_view_button
	{
		display: block;
	}
	
	
	.icon_box
	{
		margin: 10px;
	}
	

	
	
	
}



@media only screen and (max-width: 740px)
{
	
	.main_body .title .caution 
	{
		width: 100%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	
	.main_body .title .caution span
	{
		
		font-size: 14px;
		
	}
	
	
	
	.title
	{
		margin: 70 0 10px 0;
		padding: 15px;
		width: 100%;
	}
	
	
	
	.main_container
	{
		flex-direction: column;
	}
	
	.main_body
	{
		width: 100%;
	}
	
	
	
	.classroom_navbar
	{
		display: block;
		background-color: darkred;
		display: flex;
		padding: 15px 20px 10px 20px;
	}
	
	.main_navbar
	{
		display: none;
	}
	
	
}







@media only screen and (max-width: 714px)
{
	.icon_box
	{
		width: 200px;
		padding: 15px;
	}
	
	
	.logo
	{
		display: none;
	}
	
	.logo_only
	{
		visibility: visible;
	}
	
	
	
	.form-wrapper
	{
		padding: 10px 0px;
	}
	
	
	.talent_wrapper
	{
		padding: 20px;
	}
	
}




@media only screen and (max-width: 620px)
{
	.thumbnail_video_icon i
	{
		font-size: 30px;
		
	}
	
	
	.title_container p
	{
		font-size: 14px;
		margin: 0;
	}
	
	.title_container h2
	{
		font-size: 37px;
		margin: 0 0 10px 0;
	}
	
	
	.title_container
	{
		padding: 100px 20px 20px 20px;
	}
	
	
	.talent_display_container.ongoing h3, .talent_display_container h3
	{
		font-size: 24px;
	}
	
	.para_content p
	{
		font-size: 10px;
	}
	
	
	.talent_display_content
	{
		display: grid;
		grid-gap: 0.5em;
		grid-template-columns: repeat(auto-fill, minmax(10em,1fr));
	}
	
	
	.text_container h4
	{
		line-height: 1.5;
		font-size: 12px;
	}
	
	
	.talent_display_container.ongoing h3
	{
		padding: 0 16px;
	}
	
	
	
	.talent_display_container
	{
		padding: 16px;
	}
	
	.talent_wrapper.gallery
	{
		padding: 20px 16px;
	}
	
	
	
	.talent_gallery_container
	{
		flex-direction: column;
	}
	
	.talent_gallery_sidebar
	{
		width: 100%;
	}
	
	
	.register_course_container
	{
		padding: 20px;
	}
	
	
	
	.slider_container
	{
		padding: 0px;
	}
	
	
	 .main_title
	 {
		 text-align: center; 
		 color: white; 
		 font-size: 50px; 
		 font-weight: bold;
	 }
	
	
	
	
	.wrapper2
	{
		padding: 50px 5px;
	}
	
	.wrapper3
	{
		flex-direction: column;
	}
	
	.icon_box2 h4, .icon_box2 p
	{
		text-align: center;
	}
	
	.icon_box2
	{
		padding: 20px 0 0 0;
	}
	
	.vote_form-wrapper
	{
		padding: 0 20px;
	}
	
	
	.candidate_column p
	{
		font-size: 13px;
	}
	
	
	#talent_wrapper_row2
	{
		margin: 0;
		padding: 0px;
	}
		
	
	
	.gallery_container
	{
		padding: 100px 10px 50px 10px;
	
	}
	

}



	@media only screen and (max-width: 600px)
	{
		.talent_slider_content
	   {
		   padding-bottom: 20px;
		 
	   }
	   
	    .talent_slider_container
	   {
		   padding: 100px 20px 0px 20px;
		
	   }
		
		
		#close_overlay
		{
			padding: 0 20px;
			
		}
	}


	@media only screen and (max-width: 490px)
	{
		.course_button
		{
			font-size: 14px;
			
		}
		
		.program_button
		{
			font-size: 14px;
			
		}
		
		
		
		.slider_wrapper
		{
			padding: 120px 20px 50px 20px;
			margin: 0;
			
		}
		
		
		.icon_box
		{
			width: 150px;
			height: 200px;
			padding: 15px;
		}
		
		
		.icon_box p
		{
			font-size: 14px;
			font-weight: bold;
		}
		
		.wrapper, .wrapper2
		{
			padding: 50px 20px;
			margin: 0;
			
		}
		
		
		
		
		#sign_nav
		{
			display: none;
		}
		
		
		.form-wrapper
		{
			padding: 10px 0px;
		}
		
		
	}
	
	
	
	@media only screen and (max-width: 450px)
	{
		
		.sidebar h1
		{
			font-size: 22px;
		}
		
		.sidebar p
		{
			font-size: 16px;
		}
	}

	
	
	
	@media only screen and (max-width: 446px)
	{
		.main_container_img
	   {
		   width: 140px;
		  
	   }
	}

@media only screen and (max-width: 400px)
{
	
	
	.main_body .title .caution
	{
		
		max-width: 320px;
		top: -180px;
		transition: 4s;
		box-sizing: border-box;
	}
}




@media only screen and (max-width: 380px)
{
	.title_container h2
	{
		font-size: 30px;
	
	}
	
	
	.icon_box
	{
		width: 120px;
		height: 200px;
		padding: 10px;
		font-size: 5px;
	}
	
	.icon_box p
	{
		font-size: 12px;
		font-weight: bold;
	}
}