CSS Structure

Here is the general CSS structure of the template:

    <!-- Favicon -->
<link rel="shortcut icon" href="../../../assets/images/favicon.ico" />
<!-- Library / Plugin Css Build -->
<link rel="stylesheet" href="../../../assets/css/core/libs.min.css">
<link rel="stylesheet" href="../../../assets/css/datum.min.css?v=3.0.0">
<!-- Custom Css -->
<link rel="stylesheet" href="../../../assets/css/custom.min.css?v=3.0.0">
<!-- Customizer Css -->
<link rel="stylesheet" href="../../../assets/css/customizer.min.css?v=3.0.0">
<!-- font-awesome css -->
<link rel="stylesheet" href="../../../assets/vendor/font-awesome/css/font-awesome.min.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">