.c-steps {
    --_icon-size: 8.5rem;
    --_items-gap: 4rem;
}

.c-hero-bottom__data {
    .c-hero-data__num {
        font-size: 2.8em;
    }
    .c-hero-data__text {
        font-size: 1em;
    }
}

.c-signup-cta {
    padding: 1.8rem 6rem 2.6rem 6rem;

    .c-hero__logo{
        width: 100%;
        max-width: 28rem;
        margin: 0px auto 25px auto;
    }
    .c-heading__text {
        font-size: 2.4em;
    }
}

.c-steps__list {
    .c-steps__item {
        .c-steps__pic {
            border-radius: 50%;
            border: 4px solid #0053a5;
            padding: 10px;
        }

        .c-steps__text {
            strong {
                color: var(--color-primary);
            }
        }
    }
}

.c-winners__card {
    height: 380px;

    .c-winners__card-holder {
        padding: 0px;
    }

    .c-winners__avatar {
        width: 100%;
        height: 200px;
        border-radius: 10px 10px 0px 0px;
        background-size: cover;
        background-position: center center;
        background-color: #003fd0;
    }

    .c-winners__avatar.no-photo {
        background-size: 80%;
    }

    .c-winners__top {
        p {
            display: flex;
            height: 80px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: #004689;
            padding: 10px 10px 10px 10px;
            color: #fff;
        }
    }

    .c-winners__prize {
        margin-top: 2px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .c-winners__quote{
        display: flex;
        height: 100px;
        justify-content: center;
        align-items: center;
        padding: 0px 10px 10px 10px;
        font-style: normal;
        font-weight: 600;
        font-size: 1.6em;
    }
}

.c-heading--faqs .c-heading__icon {
    width: 50px;
    height: 50px;
    background-image: url(../images/icons/heading-faqs.svg);
}

.c-home-faqs {
    margin: 0px auto;
    display: block;
    width: 100%;
    max-width: 800px;
    font-size: 2.2em;
    padding-left: 5%;
    padding-right: 5%;

    .c-home-faqs__item {
        padding: 20px 0px;
        border-bottom: 1px solid #EAECF0;

        a {
            color: #001F3E;
            display: flex;
            font-weight: 600;
            justify-content: space-between;
            align-items: center;
        }

        .c-home-faqs__question-icon {
            display: inline-block;
            width: 22px;
            height: 22px;
            background-repeat: no-repeat;
            background-image: url(../images/icons/faq-closed.svg);
            background-size: contain;
        }

        .c-home-faqs__answer {
            display: none;
            margin-top: 20px;
            font-size: .9em;
            color: #666666;
        }
    }

    .c-home-faqs__item.open {
        .c-home-faqs__answer {
            display: inline-block;
        }
        .c-home-faqs__question-icon {
            background-image: url(../images/icons/faq-open.svg);
        }
    }

}

/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 48rem) /* 768px */ {
    .c-hero-bottom__data {
        padding-bottom: calc(var(--padding-bottom) + 12rem);

        .c-hero-data__num {
            font-size: 1.5em;
        }
        .c-hero-data__text {
            font-size: .6em;
        }

        &:nth-child(2) .c-hero-data__num,
        &:nth-child(2) .c-hero-data__text  {
            text-align: right;
        }

        &:nth-child(3) .c-hero-data__num,
        &:nth-child(3) .c-hero-data__text  {
            text-align: left;
        }
    }

    .c-steps__list {
        align-items: flex-start;

        .c-steps__item:not(:last-child)::before {
            background-color: var(--color-primary);
            height: 6px;
            border-radius: 10px;
            width: 100px;
            right: calc(var(--_items-gap)* -1 + var(--_arrow-size)* -1);
        }
    }
}

@media (min-width: 75rem) /* 1200px */ {
    .c-nav__menu {
        gap: 2rem;
    }
}