CSS Structure

Here is the general CSS structure of the template:

<!-- Google Font Api KEY-->
<meta name="google_font_api" content="">
<!-- Favicon -->
<link rel="shortcut icon" href="../../../assets/images/favicon.ico" />

<!-- Library / Plugin Css Build -->
<link rel="stylesheet" href="../../../assets/css/core/libs.min.css" />

<!-- flaticon css -->
<link rel="stylesheet" href="../../../assets/vendor/flaticon/css/flaticon.css" />

<!-- font-awesome css -->
<link rel="stylesheet" href="../../../assets/vendor/font-awesome/css/font-awesome.min.css" />

<!-- Xray Design System Css -->
<link rel="stylesheet" href="../../../assets/css/xray.min.css?v=1.0.0" />

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

<!-- RTL Css -->
<link rel="stylesheet" href="../../../assets/css/rtl.min.css?v=1.0.0" />

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

<!-- 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/css?family=Poppins:200,200i,300,400,500,600,700,800,900&display=swap"
    rel="stylesheet">

<link href="https://cdn.jsdelivr.net/npm/remixicon/fonts/remixicon.css" rel="stylesheet">

<link rel="stylesheet" href="../../../assets/vendor/dripicons/webfont/webfont.css" />

<link rel="stylesheet" href="../../../assets/vendor/ionicons/css/ionicons.min.css" />

<link rel="stylesheet" href="../../../assets/vendor/line-awesome/css/line-awesome.min.css" />