html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
}

body {
    overflow-x: hidden;
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

@keyframes blob {

    0%,
    100% {
        border-radius: 42% 58% 69% 31% / 41% 42% 58% 59%;
    }

    50% {
        border-radius: 61% 39% 30% 70% / 47% 68% 32% 53%;
    }
}

.blob-animate {
    animation: blob 6s infinite ease-in-out;
}

.whyChooseSVG {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding-bottom: 15px;
}

@keyframes rotate-slow {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate-fast {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.icon-rotation-wrapper {
    animation: rotate-slow 18s linear infinite;
    transform-origin: 152px 152px;
}

.icon-rotation-wrapper-inner {
    animation: rotate-fast 8s linear infinite;
    transform-origin: 152px 152px;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

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

@keyframes slideDown {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(40px);
    }
}

.toast-enter {
    animation: slideUp 0.4s ease-out forwards;
}

.toast-exit {
    animation: slideDown 0.4s ease-in forwards;
}