/*
 * GC RTT ROADMAPS FEATURE CARD DESKTOP V1
 *
 * Scope:
 * production page 362 only
 * standalone First $10 Million feature card only
 *
 * Mobile real-device layer remains untouched.
 */

@media screen and (min-width: 701px) {

    body.page-id-362
    .gc-first-10-million-feature-card {
        width: min(1180px, calc(100% - 48px)) !important;
        max-width: 1180px !important;

        margin: 34px auto 56px !important;
        padding: 34px 38px !important;

        box-sizing: border-box !important;

        border:
            1px solid rgba(86, 205, 232, .26) !important;

        border-radius: 22px !important;

        background:
            linear-gradient(
                145deg,
                rgba(13, 31, 53, .98),
                rgba(9, 22, 38, .98)
            ) !important;

        box-shadow:
            0 18px 46px rgba(0, 0, 0, .20) !important;
    }

    body.page-id-362
    .gc-first-10-million-feature-card
    .wp-block-heading {
        max-width: 860px !important;

        margin: 0 0 16px !important;

        color: #f4f7fb !important;

        font-size:
            clamp(2rem, 3.2vw, 3.1rem) !important;

        line-height: 1.06 !important;
        letter-spacing: -.02em !important;
    }

    body.page-id-362
    .gc-first-10-million-feature-card
    > p {
        max-width: 820px !important;

        margin: 0 0 26px !important;

        color: #b9c7da !important;

        font-size: 1.12rem !important;
        line-height: 1.55 !important;
    }

    body.page-id-362
    .gc-first-10-million-feature-card
    .wp-block-buttons {
        margin: 0 !important;
    }

    body.page-id-362
    .gc-first-10-million-feature-card
    .wp-block-button__link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 50px !important;

        padding: 13px 22px !important;

        border:
            1px solid rgba(255, 176, 0, .45) !important;

        border-radius: 999px !important;

        background: #ffb000 !important;
        color: #07111e !important;

        font-weight: 800 !important;
        text-decoration: none !important;

        box-shadow:
            0 8px 22px rgba(255, 176, 0, .12) !important;
    }

    body.page-id-362
    .gc-first-10-million-feature-card
    .wp-block-button__link:hover,
    body.page-id-362
    .gc-first-10-million-feature-card
    .wp-block-button__link:focus {
        background: #ffc13a !important;
        color: #07111e !important;
    }
}