@php
$meta_keywords = 'Aurobees | 503 Page';
$meta_description = 'Aurobees | 503 Page';
$meta_keywords = 'Aurobees | 503 Page';
$add_class_header='show-nav';
@endphp
@extends('frontend.user.includes.master')
@section('body')
<style>
    .error-main {
      background-color: #fff;
      height: 100%;
      width: 100%;
      padding: 50px 0;
      margin: 300px 0 170px;
    }
    .error-main h1{
      font-weight: bold;
      color: #444444;
      font-size: 150px;
      text-shadow: 2px 4px 5px #6E6E6E;
      padding-bottom:10px;
    }
    .error-main h6{
      color: #42494F;
      font-size: 20px;
      padding-bottom:10px;
      margin:15px 0;
    }
    .error-main a{
      color: #42494F;
      font-size: 20px;
      border-radius: 10px;
        padding: 20px 60px;
        background-color:#e1eaf0;
        margin:15px 0;
        border-radius: 50px;
    }
    @media only screen and (max-width: 1399px) {
        .error-main {
          padding: 40px 0;
          margin: 230px 0 100px;
        }
        .error-main h1 {
          font-size: 100px;
          line-height: 100px;
        }

        .error-main h6 {
          font-size: 18px;
          padding-bottom: 20px;
        }
        .error-main a {
          font-size: 16px;
          padding: 15px 50px;
        }
      }
      @media only screen and (max-width: 1024px) {
        .error-main { 
          padding: 40px 0;
          margin: 170px 0 70px;
        }
        .error-main h1 {
          font-size: 80px;
          line-height: 80px;
        }
      }
</style>
<center>
<div class="error-main">
    <h1>503</h1>
    <h6>Service Unavailable</h6>
    <a href="{{route('home')}}">Home Page</a>
    </div>
</center>
@endsection