CSS Structure
Here is the general CSS structure of the template:
<!-- Google Font -->
<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=Inter:wght@300;400;500;700&display=swap`" rel="stylesheet">
<!-- Config Options -->
<meta name="setting_options" content=''>
<!-- Favicon -->
<link rel="shortcut icon" href="../../../assets/images/favicon.ico" />
<!-- SwiperSlider css -->
<link rel="stylesheet" href="../../../assets/vendor/swiper-slider/swiper-bundle.min.css"/>
<link rel="stylesheet" href="../../../assets/vendor/swiper-slider/swiper-bundle.min.css"/>
<!-- SweetAlert2 css -->
<link rel="stylesheet" href="../../../assets/vendor/sweetalert2/dist/sweetalert2.min.css"/>
<!-- Uppy css -->
<link rel="stylesheet" href="../../../assets/vendor/uppy/uppy.min.css"/>
<!-- QuillEditor css -->
<link rel="stylesheet" href="../../../assets/vendor/quill/quill.snow.css"/>
<!-- Flatpickr css -->
<link rel="stylesheet" href="../../../assets/vendor/flatpickr/dist/flatpickr.min.css" />
<!-- btn hover css -->
<link rel="stylesheet" href="../../../assets/vendor/button-hover/css/hover-min.css"/>
<!-- Choisejs css -->
<link rel="stylesheet" href="../../../assets/vendor/choicejs/style/choices.min.css">
<link rel="stylesheet" href="../../../assets/vendor/sheperd/dist/css/sheperd.css">
<!-- Fullcalender CSS -->
<link rel='stylesheet' href='../../../assets/vendor/fullcalendar/core/main.css' />
<link rel='stylesheet' href='../../../assets/vendor/fullcalendar/daygrid/main.css' />
<link rel='stylesheet' href='../../../assets/vendor/fullcalendar/timegrid/main.css' />
<link rel='stylesheet' href='../../../assets/vendor/fullcalendar/list/main.css' />
<link rel="stylesheet" href="../../../assets/css/core/libs.min.css">
<link rel="stylesheet" href="../../../assets/css/tailwind.css?v=1.0.0">
<link rel="stylesheet" href="../../../assets/css/responsive.css?v=1.0.0">