<!-- BEGIN: Theme CSS-->
<!-- Web Fonts  -->
<link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CShadows+Into+Light&display=swap" rel="stylesheet" type="text/css">

<!-- Vendor CSS -->
@vite([
    "resources/assets/vendor/bootstrap/css/bootstrap.min.css",
    "resources/assets/vendor/fontawesome-free/css/all.min.css",
    "resources/assets/vendor/animate/animate.compat.css",
    "resources/assets/vendor/simple-line-icons/css/simple-line-icons.min.css",
    "resources/assets/vendor/owl.carousel/assets/owl.carousel.min.css",
    "resources/assets/vendor/owl.carousel/assets/owl.theme.default.min.css",
    "resources/assets/vendor/magnific-popup/magnific-popup.min.css",
])

<!-- Theme CSS -->
@vite([
    "resources/css/theme.css",
    "resources/css/theme-elements.css",
    "resources/css/theme-blog.css",
    "resources/css/theme-shop.css",
])


<!-- Skin CSS -->
@vite([
    "resources/css/skins/default.css",
])

<!-- Theme Custom CSS -->
@vite([
    "resources/css/custom.css",
])


@yield('vendor-style')

<!-- Page Styles -->
@yield('page-style')