/* ------------------------------------------------ */
/* HERO SECTION START */
/* ------------------------------------------------ */

.hero__section .description__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
    text-align: center;

    margin-top: 1.5rem;
}

.hero__section .description__container .description {
    width: 100%;
    color: var(--clr-ddd-black-title);
    font-size: var(--size-text);
    font-weight: 300;
}


/* xxxs */
/* @media (min-width: 320px) {} */

/* xxs */
/* @media (min-width: 380px) {} */

/* xs */
/* @media (min-width: 475px) {} */

/* sm */
/* @media (min-width: 640px) {} */

/* md */
/* @media (min-width: 768px) {} */

/* lg */
/* @media (min-width: 1024px) {} */

/* xl */
@media (min-width: 1280px) {

    .hero__section .description__container {
        margin-top: 1rem;
    }
    
    .hero__section .description__container .description {
        width: 980px;
        font-size: var(--size-text);
    }
}

/* 2xl */
/* @media (min-width: 1536px) {} */


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


.news__widget__section {
    margin-top: 4rem;
}

.news__widget__section .title {
    color: var(--clr-white);
    font-size: var(--size-3xl);
    font-weight: 400;
    text-align: center;

    padding-bottom: 1rem;
}

.news__widget__container {
    height: 720px;
}

.top__stories__section .top__stories__container {
    height: 520px;
}

.forex__cross__rates__section .forex__cross__rates__container {
    height: 520px;
}

.crypto__coins__heatmap__widget__section .crypto__coins__heatmap__widget__container {
    height: 620px;
}

/* xxxs */
/* @media (min-width: 320px) {} */

/* xxs */
/* @media (min-width: 380px) {} */

/* xs */
/* @media (min-width: 475px) {} */

/* sm */
/* @media (min-width: 640px) {} */

/* md */
@media (min-width: 768px) {

    .news__widget__section .title {
        font-size: var(--size-4xl);

        padding-bottom: 1rem;
    }
}

/* lg */
@media (min-width: 1024px) {

    .news__widget__section .title {
        font-size: var(--size-4xl);

        padding-bottom: 1rem;
    }
}

/* xl */
/* @media (min-width: 1280px) {} */

/* 2xl */
/* @media (min-width: 1536px) {} */