<!-- Favicons-->
<link rel="shortcut icon" href="{{asset('frontend')}}/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" type="image/x-icon" href="{{asset('frontend')}}/img/apple-touch-icon-57x57-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="{{asset('frontend')}}/img/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="{{asset('frontend')}}/img/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="{{asset('frontend')}}/img/apple-touch-icon-144x144-precomposed.png">

<!-- GOOGLE WEB FONT -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap"
    rel="stylesheet">

<!-- BASE CSS -->
<link href="{{asset('frontend')}}/css/bootstrap.min.css" rel="stylesheet">
<link href="{{asset('frontend')}}/css/style.css" rel="stylesheet">
<link href="{{asset('frontend')}}/css/menu.css" rel="stylesheet">
<link href="{{asset('frontend')}}/css/vendors.css" rel="stylesheet">
<link href="{{asset('frontend')}}/css/icon_fonts/css/all_icons_min.css" rel="stylesheet">

<!-- SPECIFIC CSS -->
<link href="{{asset('frontend')}}/css/vegas.min.css" rel="stylesheet">

<!-- YOUR TOASTR CSS -->
<link rel="stylesheet" href="{{asset('frontend')}}/css/select2.min.css">
<link rel="stylesheet" href="{{asset('frontend')}}/css/flatpickr.min.css">
<link rel="stylesheet" href="{{asset('frontend')}}/css/toastr.min.css">
<!-- YOUR IMAGE PREVIEW CSS -->
<link rel="stylesheet" href="{{asset('frontend')}}/image-preview/css/lightcase.css">
<!-- YOUR CUSTOM CSS -->
<link href="{{asset('frontend')}}/css/custom.css" rel="stylesheet">


@yield('styles')