/*====================
1. site variables
======================*/

:root {
  --body-font: "Manrope", sans-serif;
   --font-18:18px;
    --font-16:16px;
    --font-13:13px;
     --font-14:14px;
     --font-15:15px;
    --font-10:10px;
   --font-20:20px;
   --font-28:28px;
  --para-font:1.15rem;
  --para-font-small:16px;
  --title-font:40px;
  --title-font-ipad:30px;
  --theme-color: #262d7b;
  --theme-color2: #00ADB8;
  --theme-bg-light: #F6F6F6;
  --theme-color-light: rgba(255, 122, 124, .1);
  --body-text-color: #757F95;
  --color-white: #ffffff;
  --color-light-100: #f5f5f5;
   --color-light-200: #ccc;
    --color-light-300: #e8f9f0;
     --color-light-400: #fdecea;
   --color-black: #000;
    --color-black-100: #2b2d33;
  --color-dark: #2C374B;
  --color-green: #4caf50;
  --color-blue: #0049D0;
  --color-skyblue: #00BFFF;
  --color-yellow: #ffcf6d;
  --color-purple: #b588f4;
  --color-gray: #ECECEC;
  --color-red: #F05454;
  --box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
    --box-shadow3: 0 0 10px 0 rgba(23, 25, 74, 0.1);
  --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: #2C374B;
  --footer-text-color: #F5FAFF;
  --light-background: #f2f3ff;
  --primary-color: #494FC9;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-bold:600;
  --font-weight-extrabold:800;
  --para-line-height:1.7;
  --color-achor-tag:#43449b;
  --font-achor-tag:#43449b;
  --text-achor-weight:bold;
  --text-achor-decoration:underline;
}