body {
    font-family: 'RFDewi Regular', sans-serif;
    /* Fallback to sans-serif if RFDewi Regular is not available */
}

h1,
h2,
h3 {
    font-family: 'Britanica Extra Bold', sans-serif;
}

.radial-gradient-bg {
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 25%, rgba(255, 255, 255, 0) 57%, rgba(255, 255, 255, 0) 100%);
    border-radius: 50%;
    filter: blur(8px);
    opacity: 0.1;
}

.radial-gradient-bg-title {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0) 57%, rgba(255, 255, 255, 0) 100%);
    filter: blur(30px);
    transform: rotate(45deg);
}

@media screen and (min-width: 768px) {
    .text-gradient {
        background: linear-gradient(to right, rgb(224 224 224 / 65%), #fdfdfdf0, rgb(221 221 221 / 56%));
        /* Define your gradient colors */
        -webkit-background-clip: text;
        /* Apply background only to text */
        -webkit-text-fill-color: transparent;
        /* Make the text transparent */
    }
}

.text-brand-500 {
    color: #22c55e!important;
}

.bg-brand-500 {
    background-color: #22c55e;
}

.scroll-container {
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
}

.scroll-container::-webkit-scrollbar {
    display: none;
}

.scroll-container {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.container {
    padding: 0rem 1rem;
}

@media (min-width: 640px) {
    .container {
        padding: 0rem 2rem;
    }
}