@font-face {
    font-family: 'dongding'; /* Give it a name */
    src: url('../assets/fonts/dongding.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

@font-face {
    font-family: 'cutedino'; /* Give it a name */
    src: url('../assets/fonts/CuteDino.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

@font-face {
    font-family: 'catcafe'; /* Give it a name */
    src: url('../assets/fonts/CatCafe.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

  @font-face {
    font-family: 'nunito'; /* Give it a name */
    src: url('../assets/fonts/Nunito-SemiBold.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

  @font-face {
    font-family: 'atkinson'; /* Give it a name */
    src: url('../assets/fonts/AtkinsonHyperlegibleRegular102.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

  @font-face {
    font-family: 'poppins'; /* Give it a name */
    src: url('../assets/fonts/Poppins-Medium.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

  @font-face {
    font-family: 'poppin'; /* Give it a name */
    src: url('../assets/fonts/Poppin-Regular.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --nav-bg-colour: rgba(0, 0, 0, 0.85);
    --card-bg-colour: rgba(0, 0, 0, 0.65);
    --white: #fff;
    --overlay-colour: rgba(0, 0, 0, 0.5);
    --orange: #fc5b44;
    --purple-gradient: linear-gradient(14deg,rgba(160, 43, 189, 1) 0%, rgba(242, 39, 225, 1) 93%);
    --green: #7af04b;
    --red: #ec2456;
    --blue: #005f92;
    --primary: #6366f1;
    --secondary: #22d3ee;
    --instructional: #6b7280;
    --danger: #ef4444;
    --bg: linear-gradient(135deg, #eef2ff, #ecfeff);
    --card-bg: #ffffff;
    --text: #1f2937;

    --hero-primary: #6f4cc3;
    --hero-primary-dark: #5b3bb0;
    --hero-text: #12284c;
    --hero-text-light: #35486a;
    --hero-bg: #f7f3ef;
    --hero-card-bg: #f7f3ef;
    --hero-divider: #a7bf68;
    --hero-shadow:
        0 10px 30px rgba(15, 23, 42, 0.06),
        0 2px 8px rgba(15, 23, 42, 0.04);
    --hero-radius: 42px;
    --hero-container-width: 1180px;

}

html {
  scroll-behavior: smooth;
  scrollbar-color: var(--orange) #f1f1f1; /* thumb and track color for Firefox */
  line-height: 1.7rem;
  scrollbar-width: 1px;
}

body {
  margin: 0;
  padding: 0;
  background: var(--bg-colour);
  width: 100%;
  line-height: 1.6;
  font-size: 17px;
}

p {
  max-width: 680px;
  font-size: 'atkinson';
}

.hidden {
  display: none !important;
}

/* Amelia Overrides */
.am-icon-check {
  background-color: #ffd3d3 !important;
}

@media screen and (min-width: 768px) and (max-width: 1366px) {}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
  html,body {
    overflow-x: hidden;
  }
}