.button-item {
    list-style-type: none;
    background-color: #0071B9;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 335px;
    min-height: 50px;
    box-sizing: border-box;
    flex-direction: row;
}

.button-item-container {
    width: 100%;
    max-width: 335px;
}

.button-item .button-icon i {
    font-size: 16px;
    color: white;
}

.button-item .button-icon-left {
    margin-right: 10px;
}

.button-item .button-icon-right {
    margin-left: 10px;
}

.button-item .text {
    font-size: 18px;
    color: white;
    font-weight: 700;
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
    text-align: center;
}.pageelement-education-center.no-margin {
    margin-bottom: 0;
}

.pageelement-education-center .list-item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top : 5px solid #0071B9;
    display: flex;
    flex-flow: row;
    gap: 40px;
}

.pageelement-education-center .list-item .image {
    min-width: 300px;
    width: 33%;
    max-width: 480px;
}

.pageelement-education-center .content {
    width: 66%;
}

.pageelement-education-center.has-icon .content {
    width: 100%;
    max-width: 1000px;
}

.pageelement-education-center .list-item .heading {
    display: flex;
    gap: 10px;
    max-width: 1000px;
}

.pageelement-education-center .list-item .heading .icon {
    display: none;
}

.pageelement-education-center.has-icon .list-item .heading .icon {
    display: block;
}

.pageelement-education-center .list-item .heading .icon:before {
    content: '\e56b';
    font-family: 'Font Awesome 6 Sharp';
    font-size: 25px;
}

.pageelement-education-center .list-item .heading .headline {
    font-weight: 700;
    color: #009CDA;
}

.pageelement-education-center .list-item .heading .subheadline {
    font-weight: 200;
}

.pageelement-education-center .list-item .text {
    max-width: 1000px;
    font-weight: 200;
}

.pageelement-education-center.has-icon .list-item .text {
    padding-left: 40px;
}

.pageelement-education-center .list-item .buttons {
    display: flex;
    flex-flow: column;
    gap: 5px;
    margin-top: 10px;
}

.pageelement-education-center .list-item .list-button {
    color: #00377A;
    width: fit-content;
    display: flex;
    gap: 8px;
    font-weight: 200;
}

.pageelement-education-center.has-icon .list-item .list-button {
    padding-left: 40px;
}

.pageelement-education-center .list-item .list-button.email:before {
    content: '\f0E0';
    font-family: 'Font Awesome 6 Pro';
}

.pageelement-education-center .list-item .list-button.website:before {
    content: '\f0ac';
    font-family: 'Font Awesome 6 Pro';
}

.pageelement-education-center .list-item .list-button.flyer:before {
    content: '\f019';
    font-family: 'Font Awesome 6 Pro';
}

@media only screen and (max-width: 900px){
    .pageelement-education-center .list-item {
        flex-flow: column;
        gap: 15px;
    }

    .pageelement-education-center .list-item .image {
        margin: auto;
        max-width: 480px;
        width: 100%;
        min-width: unset;
    }

    .pageelement-education-center .content {
        width: 100%;
    }
}