* {
    font-family: 'Inter', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings:
            'FILL' 0,
            'wght' 500,
            'GRAD' 0,
            'opsz' 24
}

/* ===== Scrollbar ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: var(--primary-izt-blue) transparent;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--primary-izt-blue);
    border-radius: 10px;
    border: 3px solid var(--background);
}

/* ===== Preloader ===== */
.inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 90%;
}
@keyframes bouncing-loader {
    to {
        opacity: 0.1;
        transform: translate3d(0, -1rem, 0);
    }
}
.bouncing-loader {
    display: flex;
    justify-content: center;
}
.bouncing-loader > div {
    width: 1.3rem;
    height: 1.3rem;
    margin: 3rem 0.2rem;
    background: var(--primary-izt-blue);
    border-radius: 50%;
    animation: bouncing-loader 0.6s infinite alternate;
}
.bouncing-loader > div:nth-child(2) {
    animation-delay: 0.2s;
}
.bouncing-loader > div:nth-child(3) {
    animation-delay: 0.4s;
}

/*Dropinblog*/
.dib-post-content, .dib-post-content p, .dib-post-title-link, #dib-posts .dib-related .dib-related-post h2 a, .dib-meta-text, .dib-meta-text p, .dib-post-content h2, .dib-post-content h3 span, .dib-post-title, .dib-meta-item, .dib-category-text, .dib-related h2, .dib-highlight h1 span {
    color: white !important;
}

.dib-post-text, .dib-related-post {
    background-color: #1e252c !important;
}
.w-full{
    width: 100%;
}