/*======================
    404 page
=======================*/

:root {
 /*   use  --> var(--Name_color);  */

 
  
/*header value*/  
  --theme_color_header		:#10aab2;
  --theme_color_nav_item	:#ffec3c;
  --theme_color_red			:#e21e26;
 
 
  
 
 
  
/*responsive value */  
  --burger_color:#ffd81a;  
  --drawer_bg	:#0c7a80;
  
  --dark_white	:#ebebeb;
  --light_white	:#ffffff;
  --gray		:#888888;  
  --black		:#010101;
  --toast		:#99004d;
  --tag_p		:#222222;
  --tag_h1		:#010101;
  --tag_h2		:#000095;
  --tag_h3		:#454EF6;
  --tag_h4		:#5F1B9E;
  --tag_h5		:#950000;
  --tag_a		:#4169e1;

}




 @font-face { font-family: b_yekan; src: url('/fonts/b_yekan.ttf'); }

 

 *{
		
 		font-family:'b_yekan','B Yekan';font-weight:bold;
   
		 
 }



  /* custom scrollbar start */

 .hide_scrollbar {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.hide_scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.hide_scrollbar::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 2px solid transparent;
}
.hide_scrollbar::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.hide_scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
}
.hide_scrollbar::-webkit-scrollbar-corner, .hide_scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
 
 /* custom scrollbar end*/



 body {
  background: #ffffff;
  display: flex; 
  align-items: center;
  justify-content: center;
  flex-direction:  column ;
  
}

a {text-decoration: none;
	outline:none;}


.top {
  margin-top: 30px;
}
 
.bottom {
  margin-top: 10px;
}

/*text styling*/
h1 {
  font-family: "Abril Fatface", serif;
  color: #EDEDED;
  text-align: center;
  font-size: 5em;
  margin: 0;
  text-shadow: -1px 0 #BFC0C0, 0 1px #BFC0C0, 1px 0 #BFC0C0, 0 -1px #BFC0C0;
  z-index:2;
}

h3 {
  font-family: "Lato", sans-serif;
  font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  color: #BFC0C0;
  margin-top: -20px;
  font-weight: 900;
}

h4 {
  font-family: "Lato", sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  color: #BFC0C0;
  margin-top: 20px;
  font-weight: 900;
}

p {
  text-align: center;
  font-family: "Lato", sans-serif;
  color: #585959;
  font-size: 1em;
  margin-top: -20px;
  text-transform: uppercase;
}


.not_found{
	width:500px;
	max-width:800px;

}

 
.buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
 

.btn {
  color: #fff !important;
  padding: 10px 20px;
  background: #39ac31;
  margin: 20px 0;
  display: inline-block;
  border-radius: 25px;
  font-size: 1em;
}
.btn:hover {
  opacity:0.8;
  transition: all 0.4s ease-out;
}
 
 
 
 
 
 /****************** category start ******************/



 
 




.category_list {
	height: auto;
	max-width: 80%;
	margin: 0 auto;
	font-size: 1rem;
	position: relative;
	margin-bottom:400px
}



.category_list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.category_list ul li {
	flex: auto;
	min-width: 100px;
	margin: 0.5rem;
	padding: 0 5px;
	position: relative;
	color: #fff;
	border-radius: 0.5rem;
	background: linear-gradient(45deg, var(--burger_color), #ffde58);
	box-shadow: 0px 4px 10px rgba(19, 127, 212, 0.2);
	transition: all 0.3s ease;
	 
}
.category_list ul li.submenu:after {
	content: "+";
	font-size: 16px;
	display: inline-block;
	position: absolute;
	right: 12px;
	top: 14px;
	color: var(--black);
  transition:  0.6s ease-out;
}
.category_list ul li.submenu:hover:after {
  content: "\2014";
  transform: rotateY(180deg);
}
.category_list ul li:hover {
	background: linear-gradient(45deg, #1da1f2, #0e71c8);
	background: linear-gradient(45deg,  #ffde58 , var(--burger_color));
	box-shadow: 0px 4px 10px rgba(19, 127, 212, 0.3);
}
.category_list ul li a {
	padding: 1rem;
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	color:var(--black);
}
.category_list ul li a .icon_category {
	color: #fff;
	display: block;
	position: absolute;
	vertical-align: baseline;
	left: 1rem;
	top: 1rem;
	transition: all 0.3s ease;
}
.category_list ul li:hover a .icon_category {
	transform: scale(1.4);
	
}
.category_list ul li>ul { /* this last menu */
	position: absolute;
	display: none;
	z-index: 1;
	width: 200%;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
	opacity:0;
	transition: all 1s ease;
	max-height:320px;
	overflow-y:auto;
	
	
}
.category_list ul li>ul>li {
	margin-top:8px;
	padding: 0;
	width: 80%;
	color: #333333;
	background: linear-gradient(45deg, #fafafa, #ffffff);
	box-shadow: 0px 4px 10px rgba(63, 65, 67, 0.6);
	
	 
}
.category_list ul li>ul>li:hover {
	transform: scale(1.05);
	background: linear-gradient(45deg, #ffffff, #fafafa);
	box-shadow: 0px 4px 15px rgba(63, 65, 67, 0.6);
}
.category_list ul li>ul>li a {
	color: #333333;
	margin-right:-10px;
}
 
/****************** category end ******************/