.shptSection {
    min-height: 700px;
}

.shpt h2 {
    font-size: var(--dfeh-font-size-medium-plus);
}

.shpt h2,
.shpt h3 {
    font-family: inherit;
    color: var(--dfeh-color-white);
    text-align: inherit;
    padding: 0;
    margin-bottom: -20px;
}

.shpt .sectionTitle h2 {
    font-size: var(--dfeh-font-size-xxxLarge);
    margin-bottom: 98px;
    color: var(--dfeh-color-black);
    text-align: left;
    font-weight: var(--dfeh-font-weight-regular);
}

.shpt .introPage {
    padding-left: 8%;
    padding-right: 8%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 45px;
    line-height: 21px;
}

.shpt .content ul {
    padding-bottom: 0;
    list-style-type: disc;
    padding-left: var(--dfeh-indent-single)!important;
    line-height: 21px;
}

.shpt .content {
    width: 100%;
    padding: 60px 56px;
}

.shpt .complete {
    border: none;
    width: 500px;
    height: 340px;
    background-color: var(--dfeh-color-darkPurple);
    color: var(--dfeh-color-white);
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    text-align: center;
    margin: auto;
    margin-top: 100px;
    line-height: 21px;
}

.shpt .content,
.shpt a:not(.btn).button,
.shpt .button {
    background-color: var(--dfeh-color-darkPurple);
    color: var(--dfeh-color-white);
    margin-top: 70px;
    margin-bottom: 65px;
}

.shpt a:not(.btn).button:hover,
.shpt a:not(.btn).button:focus,
.shpt .content a,
.shpt .complete a {
    color: var(--dfeh-color-white);
}

.shpt .buttonPage {
    padding: 0 10%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.shpt .button {
    border: none;
    width: 252px;
    height: 142px;
    margin: 10px;
    
}

.shpt a.button {
    display: flex;
    justify-content: center;
    align-items: center;
}

.shpt a.button:not(.btn) {
    text-decoration: none!important;
}

.shpt .button.continue {
    height: 82px;
    width: 240px;
}

.shpt a:not(.btn).button:hover,
.shpt a:not(.btn).button:focus,
.shpt .button:hover,
.shpt .button:focus {
    background-color: var(--dfeh-color-violet);
}

.shpt iframe {
    width: 100%;
    height: calc(75vw + 105px);
    max-height: calc(100vh - 145px);
    margin-top: 30px;
    margin-bottom:30px;
}

.shpt .buttonLong {
    width: 100%;
}

.shpt .buttonLong:disabled:hover,
.shpt .buttonLong:disabled:focus {
    background-color: var(--dfeh-color-darkPurple);
}