@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
@import url("https://api.fontshare.com/v2/css?f[]=satoshi@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");

:root {
  --brand-white: #ffffff;
  --primary-green: #53a04f;
  --secondary-lime: #ccd752;
  --dark-gray: #404247;
  --dark-blue-gray: #263038;
  --darkest-blue-gray: #222737;

  --medium-gray: #838383;
  --fs-2xs: clamp(0.625rem, 0.8vw, 0.75rem); /* 10px → 12px */
  --fs-xs: clamp(0.75rem, 1vw, 0.875rem); /* 12px → 14px */
  --fs-sm: clamp(0.875rem, 1.5vw, 1rem); /* 14px → 16px */
  --fs-base: clamp(0.9rem, 2vw, 1.125rem); /* 16px → 18px */
  --fs-md: clamp(1.125rem, 2.5vw, 1.25rem); /* 18px → 20px */
  --fs-lg: clamp(1.25rem, 3vw, 1.5rem); /* 20px → 24px */
  --fs-xl: clamp(1.3rem, 3.3vw, 2rem); /* 24px → 32px */
  --fs-2xl: clamp(1.5rem, 4vw, 3rem); /* 32px → 48px */
  --fs-3xl: clamp(2.5rem, 6vw, 4rem); /* 40px → 64px  */
}

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

html,
body {
  font-family: "Poppins", sans-serif;
  font-family: "Outfit", sans-serif;
}

a {
  text-decoration: none;
}

.container {
  @media (min-width: 768px) {
    .container {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }
}