 <!-- favicon -->
 <link rel="shortcut icon" href="{{ get_fav($basic_settings) }}" type="image/x-icon">
 <!-- fontawesome css link -->
 <link rel="stylesheet" href="{{ asset('frontend/assets/css/fontawesome-all.min.css') }}">
 <!-- line-awesome-icon css -->
 <link rel="stylesheet" href="{{ asset('frontend/assets/css/line-awesome.min.css') }}">
 <!-- bootstrap css link -->
 <link rel="stylesheet" href="{{ asset('frontend/assets/css/bootstrap.min.css') }}">
 <!-- swipper css link -->
 <link rel="stylesheet" href="{{ asset('frontend/assets/css/swiper.min.css') }}">
 <!-- lightcase css link -->
 <link rel="stylesheet" href="{{ asset('frontend/assets/css/lightcase.css') }}">
 <!-- animate css link -->
 <link rel="stylesheet" href="{{ asset('frontend/assets/css/animate.css') }}">
 <!-- animate css link -->
 <link rel="stylesheet" href="{{ asset('frontend/assets/css/player.css') }}">
 <!-- Nice Select css link -->
 <link rel="stylesheet" href="{{ asset('frontend/assets/css/nice-select.css') }}">
 <!-- Popup  -->
 <link rel="stylesheet" href="{{ asset('backend/library/popup/magnific-popup.css') }}">
 <!-- style css link -->
 <link rel="stylesheet" href="{{ asset('frontend/assets/css/style.css') }}">


 <style>
     :root {
         --primary-color: {{ $basic_settings->base_color }};
         --secondary-color: {{ $basic_settings->secondary_color }};
     }
 </style>
