:root {
  --primary-color: #2c3e50;
  --secondary-color: #34495e;
  --white: #ffffff;
  --black: #000000;
  --blue: #29abe2;
  --hover-color: #1a252f;
  --light-grey-color: #f6f7f8;
  --grey-border: #a8a8a8;
  --text-color: #2c3e50;
  --red:#FF001F;
}

@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/fontInter/Inter24pt-Medium.woff2") format("woff2"),
    url("../assets/fonts/fontInter/Inter24pt-Medium.woff") format("woff");
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

body,
html {
  margin: 0;
  padding: 0;
  background-color: #f6f7f8;
  font-family: "Inter", sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.login-section {
  display: flex;
  flex: 1;
}

button {
  background-color: #2a3647;
  cursor: pointer;
}

.white-color-text {
  color: #ffffff;
}

.grey-text {
  color: #cdcdcd;
}

body {
  background-color: var(--light-grey-color);
  color: var(--text-color);
  border: unset;
}

h1 {
  font-size: 40px;
  font-weight: 600;
  color: var(--black);
}

.hide {
  display: none !important;
}

.dFlex{
  display: flex;
}

.dBlock{
  display: block !important;
}