<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="{{ asset('assets/images/logo.png') }}" type="image/png" sizes="">
<title>@yield('title') | {{ $business_name->name }}</title>
<link href="{{ asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet"/>
<!-- Alertify css -->
<link href="{{ asset('assets/plugins/alertify/css/alertify.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('assets/') }}/bootstrap-rtl-master/dist/css/bootstrap-rtl.min.css" rel="stylesheet">
<link href="{{ asset('assets/') }}/css/waves.min.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('assets/') }}/css/nanoscroller.css">
<link href="{{ asset('assets/') }}/css/morris-0.4.3.min.css" rel="stylesheet">
<link href="{{ asset('assets/') }}/css/menu-light.css" type="text/css" rel="stylesheet">
<link href="{{ asset('assets/') }}/css/style.css" type="text/css" rel="stylesheet">
<link href="{{ asset('assets/') }}/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic&display=swap" rel="stylesheet">

<style>
    @font-face {
        src: url('{{ public_path('assets/fonts/alqalam.ttf') }}');
        font-family: "custom_font";
    }

    .nav > li > a {
        padding: 15px 10px !important;
    }

    div {
        font-family: 'Noto Nastaliq Urdu', serif !important;

    }

    select {
        font-family: 'Noto Sans Arabic', sans-sarif !important;
        margin-bottom: 10px !important;
        height: auto !important;
        padding: 0 12px !important;
    }
</style>
<script>

</script>
