@font-face {
  font-family: 'WixMadeforDisplayRegular';
  src: url('../assets/fonts/WixMadeforDisplay-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'WixMadeforTextRegular';
  src: url('../assets/fonts/WixMadeforText-Regular.ttf') format('truetype');
}

/* @font-face {
  font-family: 'Inter';
  src: url('assets/fonts/Inter-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Barlow';
  src: url('assets/fonts/Barlow-Regular.ttf') format('truetype');
} */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Optional: Create custom utility classes */
.font-wix-display-regular {
  font-family: 'WixMadeforDisplayRegular';
}

.font-wix-text-regular {
  font-family: 'WixMadeforTextRegular';
}


.font-inter {
  font-family: 'Inter';
}

/* .font-barlow {
  font-family: 'Barlow', sans-serif;
}  */

@layer utilities {
  .fade-in {
    animation: fadeIn 1s ease-in-out both;
  }

  .fade-in-up {
    animation: fadeInUp 1s ease-in-out both;
  }

  .fade-in-down {
    animation: fadeInDown 1s ease-in-out both;
  }

  .fade-in-right {
    animation: fadeInRight 1s ease-in-out both;
  }

  .fade-in-left {
    animation: fadeInLeft 1s ease-in-out both;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes fadeInDown {
    from {
      opacity: 0;
      transform: translateY(-20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translateX(-40px);
    }

    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translateX(40px);
    }

    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
}