/* src/styles.css */
:root {
  --navy: #343594;
  --navy-dark: #27287a;
  --navy-light: #4344aa;
  --red: #C22D31;
  --red-dark: #9e2428;
  --yellow: #ECC238;
  --green: #089347;
  --white: #FFFFFF;
  --cream: #FFFEF1;
  --text: #1a1a2e;
  --gray-light: #f5f5f0;
  --wa: #25D366;
  --font-title: "Poppins", sans-serif;
  --font-body: "Poppins", sans-serif;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: var(--font-body);
  background: var(--white);
  color: var(--text);
  overflow-x: hidden;
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: var(--navy-dark);
}
::-webkit-scrollbar-thumb {
  background: var(--yellow);
  border-radius: 10px;
}
.rise {
  opacity: 0;
  transform: translateY(-32px);
  transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
.rise.on {
  opacity: 1;
  transform: translateY(0);
}
.slide-right {
  opacity: 0;
  transform: translateX(80px);
  transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}
.slide-right.on {
  opacity: 1;
  transform: translateX(0);
}
.d1 {
  transition-delay: 0.1s;
}
.d2 {
  transition-delay: 0.2s;
}
.d3 {
  transition-delay: 0.3s;
}
.d4 {
  transition-delay: 0.4s;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.skip-link {
  position: absolute;
  left: -9999px;
  top: 16px;
  z-index: 99999;
  background: var(--navy);
  color: var(--white);
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: 700;
  text-decoration: none;
  transition: left 0s;
}
.skip-link:focus {
  left: 16px;
}

/* angular:styles/global:styles */