:root{
    /* COLORS */
    --Primary-Color : #004366 ;
    --Secondery-Color : #475467;
    --Borders-Color : #D0D8DD;
    --Body-Color : #fafbfc ;
}
.gradiant{
    background: radial-gradient(
    63.56% 100% at 50% 0%,
    rgba(0, 67, 102, 0.02) 0%,
    rgba(54, 97, 125, 0.04) 70%,
    rgba(209, 129, 122, 0.12) 100%
  );
}

.fade-in {
  animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
  from {
      opacity: 0;
      transform: translateY(10px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

.loader {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}