/*
Template Name: Error 404
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

:root {
	--border_light:#25282e;
	--brown:#763c31;
	--bg_black_transparent:#000000ed;
}
body{
	 font-family: "Poppins", serif;
}
ul{
	list-style:none;
	padding:0;
}
h1, h2, h3, h4, h5 {
	  font-family: "Libertinus Sans", sans-serif;
	  font-weight: 600 !important;
}
a{
	color: var(--bs-gray-900);
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color: var(--brown);
}
a:focus{
	text-decoration:none;
	color: var(--brown);
}

.link:hover{
	text-decoration:none;
	color: var(--brown)!important
}
.link:focus{
	text-decoration:none;
	color: var(--brown)!important;
}
.button{
	transition: 0.3s;
	padding: 14px 36px 14px 36px;
	display: inline-block;
	color:var(--bs-white);
	background:var(--brown);
}

.button:hover{
	background:var(--bs-white);
	color:var(--brown);
}

.button:focus{
	background:var(--bs-white);
	color:var(--brown);
}

.bg_black_transparent {
    background: var(--bg_black_transparent);
}
.col_brown {
    color: var(--brown);
}
p{
	color:var(--bs-gray-700);
	line-height:1.8em;
}

/*********************error****************/
#error {
    background-image: url(../image/1.jpg);
    background-position: center center;
    background-size: cover;
}
.error_2 .error_num  li{
	border:14px solid  var(--brown);
	width:150px;
	height:150px;
	line-height:125px;
	font-size:100px;
	color:  var(--brown);
	box-shadow: 0px 4px 29px 0px rgb(245 45 45 / 48%);
}
.error_2_inner{
	border:2px solid var(--border_light);
}
.social_icon li{
	margin-left:10px;
	margin-right:10px;
}
/*********************error_end****************/


@media screen and (max-width : 767px){
.error_1_right{
	text-align:left!important;
}
.error_2 .error_num li {
    margin-top:10px;
	margin-bottom:10px;
	width: 100px;
	height: 100px;
	line-height: 75px;
	font-size: 50px;
}
.w-75{
	width:100%!important;
}
.w-50{
	width:80%!important;
}
 }


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {


 }

@media (min-width:992px) and (max-width:1200px) {


 }

@media (min-width:1201px) and (max-width:1300px) {

 }
@media screen and (min-width : 1400px){


 }