@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
  color: #393939;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  background: #f6f9fd;
}

:root {
  --white: #fff;
  --green: #009d66;
  --blue: #253e89;
  --red: #df2127;
  --black: #000;
  --gray: #7d7d7d;
  --darkGray: "#393939";
  --bold-500: 500;
  --bold-600: 600;
  --bold-700: 700;
}

::-webkit-scrollbar {
  width: 7px;
  background-color: #aaa;
}

::-webkit-scrollbar-thumb {
  background-color: var(--red);
  border-radius: 3px;
}

::-moz-selection {
  color: var(--white);
  background: var(--blue);
}

::selection {
  color: var(--white);
  background: var(--blue);
}

a:hover {
  color: var(--blue);
}

.bgColor {
  background: #f6f9fd;
}

.mb-2-5 {
  margin-bottom: 2.5rem;
}

.middle_content {
  padding: 5rem;
  text-align: center;
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1300px;
  }
}