/*===================================================
Project: Manos Dev | IT Solutions & Business Services HTML landing page  
Author: @bairondev
Site: http://bairondev.com
====================================================*/

/* start global classes */
:root {
  /* body bg color */
  --bodyColor: #fffffe;

  /* box bg color */
  --boxColor: #eff0ef;

  /* dark brand color */
  --dark-brand-color: #202020;

  /* brand color */
  --brand-color: #1fa84f;

  /* Primary Text Color */
  --primaryColor: rgb(64, 71, 66);

  /* title 2 Color (subtitle-color) */
  --title-2-color: #292836;

  /* Secondary Text Color */
  --secendaryColor: #5e5e5e;

  /* border radius */
  --border-radius: 5px;
}

body {
  font-family: "Outfit", sans-serif;
  color: var(--primaryColor);
  background-color: var(--bodyColor);
  text-align: left;
  position: relative;
  overflow-x: hidden;
}

/* ========== start dark-mode colors ============ */

body.dark-mode {
  --bodyColor: #151515;
  /* box bg color */
  --boxColor: #1e1e1e;

  /* Primary Text Color */
  --primaryColor: #e4e6e4;

  /* brand color */
  --brand-color: rgba(31, 168, 79, 0.87);

  /* Secondary Text Color */
  --secendaryColor: #bcbcbc;

  /* title 2 Color (subtitle-color) */
  --title-2-color: #ebebeb;
}

/* ========== end dark-mode colors ============ */


/* ==== start  preloader style  ===== */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--bodyColor);
  z-index: 9999;
}

#preloader svg {
  width: 300px;
  visibility: hidden;
}

/* ==== end  preloader style  ===== */