﻿.MyAccessDEQ {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
    .MyAccessDEQ h1 {
        text-align: center;
        padding-bottom: 25px;
    }
    .MyAccessDEQ .bi {
        font-size: 60px;
        padding-bottom: 15px;
    }
.paragraph--type--cta-card {
    max-width: 770px;
    margin: 0 auto;
    display: flex;
    text-align: center;
    justify-content: center;
    height: calc(100% - 2rem)
}

@media(max-width: 767.98px) {
    .paragraph--type--cta-card {
        height: auto;
        margin-bottom: 1.875rem
    }
}

.paragraph--type--cta-card a {
    text-decoration: none;
    align-self: center
}

.paragraph--type--cta-card .meta {
    padding: 2.5rem
}

    .paragraph--type--cta-card .meta [itemprop=name] {
        font-size: 1.75rem
    }

    .paragraph--type--cta-card .meta [class*=icon-] {
        display: block;
        margin: 0 0 1.25rem;
        font-size: 75px
    }

    .paragraph--type--cta-card .meta .cta-svg-icon svg {
        height: 75px;
        width: 75px;
        fill: currentColor
    }

        .paragraph--type--cta-card .meta .cta-svg-icon svg.feather {
            fill: none;
            stroke: currentColor
        }




.paragraph--type--cta-card {
    background-color: #f1faf3;
    color: #122518;
    transition: background-color 1s ease
}

    .paragraph--type--cta-card :is(h2,h3,h4,h5,a) {
        color: #122518;
        transition: color .5s ease
    }

    .paragraph--type--cta-card:hover {
        background: #c04c00;
        color: #fff
    }

        .paragraph--type--cta-card:hover :is(h2,h3,h4,h5,a) {
            color: #fff
        }

    .paragraph--type--cta-card.theme-core-blue {
        background-color: #122518;
        color: #fff
    }

        .paragraph--type--cta-card.theme-core-blue :is(h2,h3,h4,h5,a) {
            color: #fff;
        }

        .paragraph--type--cta-card.theme-core-blue:hover {
            background: #529866;
            color: #fff
        }

            .paragraph--type--cta-card.theme-core-blue:hover :is(h2,h3,h4,h5,a) {
                color: #fff
            }
