@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400&display=swap");
:root {
  --blue_text: #76809c;
  --white: #fff;
  --darkBlue: #7f1ad1;
  --darkBlueLText: #2b3674;
  --light_white: #f4f7fe;
  --border_color: #ebebeb;

  --fs_12: 12px;
  --fs_14: 14px;
  --fs_16: 16px;
  --fs_18: 18px;
  --fs_20: 20px;
  --fs_22: 22px;
  --fs_24: 24px;
  --fs_25: 25px;
  --fs_28: 28px;
  --value: 42;
  --headings-font-family: "Roboto";
}

body {
  font-family: "Inter", sans-serif;
  background-color: #f4f7fe;
  color: var(--darkBlueLText);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.28px;
}

@media (max-width: 767px) {
  :root {
    --fs_14: 14px;
    --fs_16: 16px;
    --fs_18: 18px;
    --fs_20: 18px;
    --fs_22: 20px;
    --fs_24: 22px;
    --fs_28: 24px;
  }
}