/* 
========================================================
======================== HERO-SECTION ==================
========================================================
*/

.iframe-yt-container {
    width: 50%;
    aspect-ratio: 4 / 3;
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
    margin: auto;
}

@media screen and (max-width: 996px) {
    .iframe-yt-container {
        width: 80%;
    }
    
}

/*
========================================================
======================== HERO-SECTION-END ==============
========================================================
*/

/* 
========================================================
======================== ARTICLES ======================
========================================================
*/



/*
========================================================
======================== ARTICLES-END ==================
========================================================
*/

/* 
========================================================
======================== CUSTOM-SPAN ==================
========================================================
*/

.custom-span.h1.tag-1 {
    background: var(--mmx-blue-font);
    filter: var(--mmx-blue-bg);
    background-clip: text;
}

.custom-span.span.tag-1 {
    background: var(--mmx-green-font);
    filter: var(--mmx-green-bg);
    background-clip: text;
}
/* 
.custom-span.h1.tag-2.span-0
    {
        background: var(--mmx-red-font);
        filter: var(--mmx-red-bg);
        background-clip: text;
    }
.custom-span.h2.tag-2.span-0 {
    background: var(--mmx-green-font);
    filter: var(--mmx-green-bg);
    background-clip: text;
}
 */
/* 
=========================================================
======================== CUSTOM-SPAN-END ================
=========================================================
*/