CSS Structure

Here is the general CSS structure of the template:

<!-- Config Options -->
<meta name="setting_options" content=''>
<!-- End Config Options -->
<link rel="shortcut icon" href="../../../assets/images/" />
<link rel="stylesheet" href="../../../assets/css/libs.min.css">
<link rel="stylesheet" href="../../../assets/css/socialv.css?v=1.0.0">
<link rel="stylesheet"
    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap"
    rel="stylesheet">
<!-- flatpickr css -->
<link rel="stylesheet" href="../../../assets/vendor/flatpickr/dist/flatpickr.min.css" />
<!-- Sweetlaert2 css -->
<link rel="stylesheet" href="../../../assets/vendor/sweetalert2/dist/sweetalert2.min.css" />

<!-- vanillajs css -->
<link rel="stylesheet" href="../../../assets/vendor/vanillajs-datepicker/dist/css/datepicker.min.css">

<!-- zuck -->

<!-- Custom Css -->
<link rel="stylesheet" href="../../../assets/css/custom.css?v=1.0.0" />

<!-- Customizer Css -->
<link rel="stylesheet" href="../../../assets/css/customizer.css?v=1.0.0" />