CSS Structure

Here is the general CSS structure of the template:

<!-- Favicon -->
<link rel="shortcut icon" href=" asset('images/favicon.ico') " />
<link rel="stylesheet" href=" asset('vendor/@fortawesome/fontawesome-free/css/all.min.css')">

<link rel='stylesheet' href=" asset('vendor/fullcalendar/core/main.css') " />
<link rel='stylesheet' href=" asset('vendor/fullcalendar/daygrid/main.css') " />
<link rel='stylesheet' href="asset('vendor/fullcalendar/timegrid/main.css') " />
<link rel='stylesheet' href="asset('vendor/fullcalendar/list/main.css') " />
<link rel="stylesheet" href=" asset('vendor/choiceJS/style/choices.min.css') " />
<link rel="stylesheet" href="asset('vendor/quill/quill.snow.css') " />

<link rel="stylesheet" href="asset('css/custom.css') ">
<link rel="stylesheet" href="asset('css/customizer.css') ">
<link rel="stylesheet" href=" asset('css/datum.css') ">
<!-- font-awesome css -->
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap"
    rel="stylesheet">
<link
    href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"
    rel="stylesheet">
<link rel="stylesheet" href="asset('vendor/vanillajs-datepicker/dist/css/datepicker.min.css')">
<link rel="stylesheet" href="asset('vendor/Leaflet/leaflet.css')" />