:root {
  --accent-color: #38B2AC;
  --accent2-color: #9F7AEA;
  --accent3-color: #ECC94B;
  --accent4-color: #F56565;
  --primary-color: #0078AA;
  --dark-text-color: #1A202C;
  --gray-text-color: #718096;
  --button-padding-x: 16px;
  --button-padding-y: 8px;
  --font-family-body: "Work Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --font-family-heading: "Quicksand", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --light-text-color: #F7FAFC;
  --dark-border-color: #4A5568;
  --light-border-color: #E2E8F0;
  --dark-background-color: #1A202C;
  --light-background-color: #EEF2F3;
  --very-light-background-color: #f8fafc;
  --medium-background-color: #CCEAF1;
  --primary-button-text-color: #FFFFFF;
  --secondary-button-bg-color: #F1F5F9;
  --secondary-button-text-color: #0078AA;
  --primary-button-hover-bg-color: #005F7D;
  --primary-button-hover-text-color: #FFFFFF;
  --secondary-button-hover-bg-color: #E2E8F0;
  --secondary-button-hover-text-color: #005F7D;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: var(--font-family-body);
  background-color: #ffffff;
}

@keyframes blob {
  0% {
    transform: translate(0px, 0px) scale(1);
  }
  33% {
    transform: translate(30px, -20px) scale(1.1);
  }
  66% {
    transform: translate(-20px, 20px) scale(0.9);
  }
  100% {
    transform: translate(0px, 0px) scale(1);
  }
}

.animate-blob {
  animation: blob 18s infinite;
}

.animation-delay-2000 {
  animation-delay: 2s;
}

.animation-delay-4000 {
  animation-delay: 4s;
}

.faq-item-open i.fa-chevron-down,
.faq-item-open i.fa-chevron-right,
.faq-item-open i.fa-chevron-up {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

[data-faq-question] i {
  transition: transform 0.2s ease;
}