:root {
  --firoozeh-200: #b2dfdb;
  --firoozeh-300: #4db6ac;
  --firoozeh-600: #00897b;
  --firoozeh-800: #00695c;
  --zershk-500: #d81b60;
  --zershk-600: #c2185b;
  --zershk-700: #ad1457;
  --saffron-100: #fef3c7;
  --ivory: #ffff;
}

/* Background Colors */
.bg-firoozeh-200 {
  background-color: var(--firoozeh-200);
}
.bg-firoozeh-300 {
  background-color: var(--firoozeh-300);
}
.bg-firoozeh-600 {
  background-color: var(--firoozeh-600);
}
.bg-firoozeh-800 {
  background-color: var(--firoozeh-800);
}
.bg-zershk-500 {
  background-color: var(--zershk-500);
}
.bg-zershk-600 {
  background-color: var(--zershk-600);
}
.bg-zershk-700 {
  background-color: var(--zershk-700);
}
.bg-saffron-100 {
  background-color: var(--saffron-100);
}
.bg-ivory {
  background-color: var(--ivory);
}

/* Text Colors */
.text-firoozeh-200 {
  color: var(--firoozeh-200);
}
.text-firoozeh-300 {
  color: var(--firoozeh-300);
}
.text-firoozeh-600 {
  color: var(--firoozeh-600);
}
.text-firoozeh-800 {
  color: var(--firoozeh-800);
}
.text-zershk-500 {
  color: var(--zershk-500);
}
.text-zershk-600 {
  color: var(--zershk-600);
}
.text-zershk-700 {
  color: var(--zershk-700);
}
.text-saffron-100 {
  color: var(--saffron-100);
}
.text-ivory {
  color: var(--ivory);
}

header {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), var(--ivory));
}

@media (min-width: 768px) {
    header {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    }
    
}
.carousel {
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
}
.carousel-inner {
  display: flex;
  user-select: none;
  touch-action: pan-y;
}
.carousel-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}