/* ==================
    Utility Classes
===================== */
.community__topic-title-text {
    font-weight: 600;
    font-size: 1.5em;

    @media (min-width: 768px) {
        font-size: 2em;
    }

    @media (min-width: 1280px) {
        font-size: 3.5em;
    }
}

.community__section-subtitle-text {
    font-size: 1.1em;

    @media (min-width: 768px) {
        font-size: 1.3em;
    }

    @media (min-width: 1280px) {
        font-size: 1.5em;
    }
}

.community__section-title-text {
    font-weight: 600;
    font-size: 1.5em;

    @media (min-width: 768px) {
        font-size: 2em;
    }

    @media (min-width: 1280px) {
        font-size: 2.5em;
    }
}

.community__title-padding-container {
    padding: 30px 16px;

    @media (min-width: 768px) {
        padding: 64px 0;
    }

    @media (min-width: 1280px) {
        padding: 128px 0;
    }
}

.community__main-padding-container {
    padding: 32px 16px;

    @media (min-width: 768px) {
        margin: 0;
        padding: 48px 0;
    }

    @media (min-width: 1280px) {
        padding: 64px 0 128px;
    }
}

/* #region Support Articles section */
/* ==================
    Typography
===================== */
.community__support-articles__article-section-title-text {
    color: var(--white);
    margin-bottom: 10px;
}

.community__support-articles__article-link-text {
    color: var(--white);
    font-size: 1em;

    @media (min-width: 768px) {
        font-size: 1.2em;
    }

    @media (min-width: 1280px) {
        font-size: 1.5em;
    }
}

.community__support-articles__contact-text {
    color: var(--white);
    font-size: 1.2em;
    margin-top: 75px;

    @media (min-width: 768px) {
        font-size: 1.5em;
    }

    @media (min-width: 1280px) {
        font-size: 1.8em;
    }
}


/* ==================
    Layout
===================== */
.community__support-articles__articles-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 50px;


    @media (min-width: 768px) {
        flex-direction: row;
        justify-content: space-between;
    }

    @media (min-width: 1280px) {
        gap: 0;
    }
}

.community__support-articles__links-container {
    color: var(--white);
    list-style-type: disc;
    display: grid;
    gap: 10px;
    padding: 0 0 18px 18px;
    max-width: 600px;
}

/* #endregion Support Articles section */

/* #region Learn section */
/* ==================
    Typography
===================== */
.community__learn-title-text {
    font-weight: 600;
    font-size: 2em;

    @media (min-width: 768px) {
        font-size: 2.5em;
    }

    @media (min-width: 1280px) {
        font-size: 3.5em;
    }
}

/* ==================
    Layout
===================== */
.community__learn-container-main {
    display: grid;
    gap: 50px;

    @media (min-width: 768px) {
        gap: 75px;
    }

    @media (min-width: 1280px) {
        gap: 100px;
    }
}

.community__learn-section-container {
    display: grid;
    gap: 75px;

    @media (min-width: 768px) {
        gap: 100px;
    }

    @media (min-width: 1280px) {
        gap: 150px;
    }
}

/* #region Tutorials section */
/* ==================
    Typography
===================== */
.community__learn-tutorials-title-text {
    margin-bottom: 10px;
}

/* ==================
    Layout
===================== */
.community__learn-tutorials-container-main {
    display: grid;
    grid-auto-flow: row;
    gap: 25px;

    @media (min-width: 768px) {
        gap: 50px;
        grid-template-columns: repeat(2, 1fr);
    }

}

.community__learn-tutorials-img-container {
    max-width: 600px;
}

.community__learn-tutorials-img {
    width: 100%;
}

/* #endregion Tutorials section */

/* #endregion Learn section */

/* #region Training section */
/* ==================
    Typography
===================== */
.community__training-subtitle-text {
    font-size: 1.1em;

    @media (min-width: 768px) {
        font-size: 1.3em;
    }

    @media (min-width: 1280px) {
        font-size: 1.5em;
    }
}

.community__training-link-text {
    color: var(--main-orange);
}

/* ==================
    Layout
===================== */
.community__training-main-container {
    display: grid;
    gap: 20px;
}

.community__training-section-container {
    display: grid;
    gap: 10px;
}

/* #endregion Training section */

/* #region Collaborate section */
/* ==================
    Layout
===================== */
.community__collaborate__container-main {
    display: grid;
    gap: 25px;

    @media (min-width: 768px) {
        gap: 50px;
    }

    @media (min-width: 1280px) {
        gap: 75px;
    }
}

.community__collaborate__section-container {
    display: grid;
    gap: 75px;

    @media (min-width: 768px) {
        gap: 100px;
    }

    @media (min-width: 1280px) {
        gap: 150px;
    }
}

/* #region forum section */
.community__forum__title-link-text {
    color: var(--main-orange);
}

/* #endregion forum section */

/* #region Events section */
/* ==================
    Typography
===================== */
.community__events__title-text {
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 10px;

    @media (min-width: 768px) {
        font-size: 2em;
    }

    @media (min-width: 1280px) {
        font-size: 2.5em;
    }
}

.community__events-subtitle-text {
    font-size: 1.2em;

    @media (min-width: 768px) {
        font-size: 1.5em;
    }

    @media (min-width: 1280px) {
        font-size: 1.8em;
    }
}

.community__events-text {
    font-size: 1.1em;
    line-height: 1.1;

    @media (min-width: 768px) {
        font-size: 1.3em;
    }

    @media (min-width: 1280px) {
        font-size: 1.5em;
    }
}

/* ==================
    Layout
===================== */
.community__events-container {
    display: grid;
    gap: 15px;
}
/* #endregion Events section */

/* #region Become a Partner section */
/* ==================
    Typography
===================== */
.community__partner-title-text {
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 10px;

    @media (min-width: 768px) {
        font-size: 2em;
    }

    @media (min-width: 1280px) {
        font-size: 2.5em;
    }
}

.community__partner-subtitle-text {
    font-size: 1.2em;
    line-height: 1.1;

    @media (min-width: 768px) {
        font-size: 1.5em;
    }

    @media (min-width: 1280px) {
        font-size: 1.8em;
    }
}

.community__partner-link-text {
    color: var(--white);
    font-weight: 600;
    background: var(--main-orange);
    padding: 20px 25px;
    width: fit-content;
}

.community__partner-link-text:hover {
    color: var(--white);
    background: var(--main-orange-hover-color);
}

.community__partner-text {
    line-height: 1.1;

    @media (min-width: 768px) {
        font-size: 1.2em;
    }

    @media (min-width: 1280px) {
        font-size: 1.3em;
    }
}

/* ==================
    Layout
===================== */
.community__partner-container-main {
    display: grid;
    gap: 75px;

    @media (min-width: 768px) {
        gap: 100px;
    }

    @media (min-width: 1280px) {
        gap: 150px;
    }
}

.community__partner-section-container {
    display: grid;
    gap: 15px;
}

/* #endregion Become a Partner  section */

/* #region Partner Commitments section */
/* ==================
    Typography
===================== */
.community__partner-commitments__title-text {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.1;
    margin: 20px 0 10px;

    @media (min-width: 768px) {
        font-size: 1.5em;
    }

    @media (min-width: 1280px) {
        font-size: 1.8em;
    }
}

.community__partner-commitments__subtitle-text {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 5px;

    @media (min-width: 768px) {
        font-size: 1.3em;
    }

    @media (min-width: 1280px) {
        font-size: 1.5em;
    }
}

.community__partner-commitments__text {
    @media (min-width: 768px) {
        font-size: 1.1em;
    }

    @media (min-width: 1280px) {
        font-size: 1.2em;
    }
}

/* ==================
    Layout
===================== */
.community__partner-commitments__list-container {
    display: flex;
    flex-direction: column;
    gap: 32px;

    @media (min-width: 768px) {
        flex-direction: row;
        justify-content: space-between;
    }

    @media (min-width: 1280px) {
        gap: 0;
    }
}

.community__partner-commitments__links-container {
    list-style-type: disc;
    display: grid;
    gap: 10px;
    padding: 0 0 18px 18px;
    max-width: 600px;
}

/* #endregion Parnter Commitments section */

/* #region Partner Pricing section */
/* ==================
    Typography
===================== */


/* ==================
    Layout
===================== */

/* #endregion Partner Pricing section */

/* #endregion Collaborate section */

/* #region Services section */
/* ==================
    Typography
===================== */
.community__services-title-text {
    font-weight: 600;
    font-size: 2em;

    @media (min-width: 768px) {
        font-size: 2.5em;
    }

    @media (min-width: 1280px) {
        font-size: 3.5em;
    }
}

.community__services-section-title-text {
    font-weight: 600;
    font-size: 1.5em;

    @media (min-width: 768px) {
        font-size: 2em;
    }

    @media (min-width: 1280px) {
        font-size: 2.5em;
    }
}

.community__services-section-subtitle-text {
    font-size: 1.2em;
    line-height: 1.1;

    @media (min-width: 768px) {
        font-size: 1.5em;
    }

    @media (min-width: 1280px) {
        font-size: 1.8em;
    }
}

.community__services-link-text {
    color: var(--white);
    font-weight: 600;
    background: var(--main-orange);
    padding: 18px 25px;
    width: fit-content;
}

.community__services-link-text:hover {
    color: var(--white);
    background: var(--main-orange-hover-color);
}

.community__services-text {
    line-height: 1.1;

    @media (min-width: 768px) {
        font-size: 1.2em;
    }

    @media (min-width: 1280px) {
        font-size: 1.3em;
    }
}

/* ==================
    Layout
===================== */
.community__services-container-main {
    display: grid;
    gap: 50px;

    @media (min-width: 768px) {
        gap: 75px;
    }
}

.community__services-all-sections-container {
    display: grid;
    gap: 65px;

    @media (min-width: 768px) {
        gap: 100px;
    }

    @media (min-width: 1280px) {
        gap: 150px;
    }
}

.community__services-section-container {
    display: grid;
    gap: 15px;

    @media (min-width: 768px) {
        gap: 20px;
    }
}

/* #endregion Services section */