.error-page{
min-height:75vh;
}
.error-page .error-box {
background-color: var(--background-color);
padding: 40px 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
max-width:700px;
}
.error-page .error-box .error-img {
max-width: 30%;
height: auto;
}
.error-page .error-box h2{
color:var(--accent-color);
font-family:var(--heading-font);
font-weight:500;
}
.error-page .error-box p{
font-size:14px;
font-weight:500;
color:#444444;
font-family:var(--default-font);
}
.error-page .error-box .btn-home {
display: inline-block;
padding: 10px 30px;
margin-top: 20px;
font-size:14px;
border:1px solid var(--orange-color);
color: var(--orange-color);
border-radius: 20px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.error-page .error-box .btn-home:hover {
background-color: var(--orange-color);
text-decoration: none;
color: var(--background-color);
}
/*--------------------------------------------------------------
# Media Query For Mobile Devices | Tablet Devices - HomePage
--------------------------------------------------------------*/
/* For Mobile Devices */
@media screen and (min-width: 320px) and (max-width: 480px){
.header .container-fluid , .footer .container{
max-width:calc(100% - 5%);
}
.error-page{
    max-width: calc(100% - 10%);
}
}
/* For Tablet Devices */
@media screen and (min-width: 768px) and (max-width: 1024px){
.header .container-fluid , .footer .container{
max-width:calc(100% - 10%);
}
}