@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0')
      format('embedded-opentype'),
    url('fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Define CSS Variables */
:root {
  --font-primary: 'Poppins', sans-serif;
  --font-secondary: 'Lexend', sans-serif;
  --font-icon: 'FontAwesome';

  /* Font Sizes */
  --font-size-base: 1rem;
  --font-size-h1: 2.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.25rem;
  --font-size-h6: 1.1rem;

  /* Colors */
  --color-text: #333;
  --color-background: #f8f8fb;
  --color-primary: #05b3ee;
  --color-secondary: #5e78ff;
  --color-white: #fff;
  --color-form: #f5f7fa;

  /* Button */
  --btn-primary-bg: var(--color-primary);
}

/* Global Styles */
html,
body,
form,
fieldset,
table,
tr,
td,
img,
span.menu-text,
span.sub-menu-text {
  font-family: var(--font-primary) !important;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-text);
  background: var(--color-background);
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

h1 {
  font-size: var(--font-size-h1);
}

h2 {
  font-size: var(--font-size-h2);
}

h3 {
  font-size: var(--font-size-h3);
}

h4 {
  font-size: var(--font-size-h4);
}

h5 {
  font-size: var(--font-size-h5);
}

h6 {
  font-size: var(--font-size-h6);
}

p {
  font-size: var(--font-size-base);
}

/* Bold Text */
b,
strong {
  font-family: var(--font-secondary);
  font-weight: 700;
}

/* Authentication & Login Styles */
body.authentication.forgot-password,
body.login_admin {
  background: var(--color-background);
}

/* Company Logo */
.company-logo a {
  font-size: 25px;
  color: var(--color-white);
}

/* Login Page Primary Button */
body.login_admin .btn.btn-primary.btn-block {
  background: var(--btn-primary-bg);
}

/* Login Page Links */
body.login_admin a {
  color: var(--color-primary);
}

.form-control {
  background-color: var(--color-form);
  padding: 20px 10px;
}

@media (min-width: 600px) and (max-width: 1024px) {
  body.login_admin,
  body.authentication.forgot-password {
    height: 100vh !important;
    display: flex;
    justify-content: center;
    align-content: start;
    align-items: start !important;
    margin-top: 10%;
    overflow: hidden !important;
  }
}