:root {
  --body-font: 'Roboto', sans-serif;
  --heading-font: 'Inter', sans-serif;
  --theme-color: #36424f;
  --theme-color2: #f89117;
  --theme-bg-light: #F6F9FC;
  --theme-bg-light2: #F1F6FA; 
  --theme-bg-light3: #C6EBFE;
  --theme-bg-light4: #FDFBEF;
  /* --body-text-color: #757F95; */
  --body-text-color: #676767;
  --color-white: #ffffff;
  --color-dark: #081828;
  --color-dark2: #272727;
  --color-green: #11B76B;
  --color-blue: #0049D0;
  --color-skyblue: #00BFFF;
  --color-yellow: #FBA707;
  --color-gray: #ECECEC;
  --color-red: #F05454;
  --new-green: #28a745;
  --new-green2: #00e676;
  --new-green3: #4cd964;
  --new-green4: #1f8e3e;
  --new-bg-green: #f4fdf6;
  --muted: #f9f9f9;
  --hero-overlay-color: #01060F;
  --slider-arrow-bg: rgba(255, 255, 255, 0.2);
  --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
  --transition: all .5s ease-in-out;
  --transition2: all .3s ease-in-out;
  --border-info-color: rgba(0, 0, 0, 0.08);
  --border-info-color2: rgba(0, 0, 0, 0.05);
  --border-white-color: rgba(255, 255, 255, 0.08);
  --border-white-color2: rgba(255, 255, 255, 0.05);
  --footer-bg: #081828;
  --footer-text-color: #F5FAFF;
}