@charset "UTF-8";
/*
@File: Energyls Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

/*--------------------------------
=========Table Of Contents========

1.  General Styles 
2.  Back To Top Button CSS
3.  Preloader CSS
4.  Button & Link CSS
5.  Section Title, Overlay & Shape CSS
6.  Pagination CSS
7.  Breadcrumb CSS
8.  Hero CSS
----------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Exo:ital,wght@0,100..900;1,100..900&family=Martian+Mono:wght@100..800&display=swap");

:root {
  --primaryFont: "DM Sans", sans-serif;
  --secondaryFont: "Exo", sans-serif;
  --optionalFont: "Martian Mono", monospace;
  --primaryColor: #FF5E14;
  --secondaryColor: #FBBD06;
  --optionalColor: #2D1C22;
  --paraColor: #555;
  --titleColor: #000;
  --whiteColor: #fff;
  --offwhiteColor: rgba(255, 255, 255, 0.5);
  --altoColor: #ddd;
  --fontSize: 16px;
  --aztechColor: #111828;
  --darkChocolateColor: #121212;
  --charcoalColor: #30363D;
  --codColor: #12131B;
  --darkborder: #4c4c4c;
  --borderColor: rgba(255, 255, 255, 0.18);
  --darkParaColor: #C0C0C0;
  --slateGrayColor: #2a3439;
  --fontSize: 16px;
  --transition: all ease .5s;
}