#content .lists-with-icons ul, #content .lists-with-icons ol, #content .lists-with-icons li {
    list-style-type: none;
}

.lists-with-icons li:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #00aff0;
    zoom: .8;
    position: absolute;
    margin-top: 3px;
    margin-right: 10px;
    margin-left: -1.7em;
}

.custom-intro-section .content-primary {
    align-self: flex-start !important;
}

.custom-intro-section .content-primary h3 {
    margin-top: 0;
    color: #59686e;
    font-weight: 300;
    max-width: 900px;
}


/*
    use the properties from the feature sections and wrap them into responsive cards
    do only use title and subtitle/body
*/
.custom-tool-overview-section .properties-list {
    display: flex;
}

.custom-tool-overview-section .properties-list > * {
    flex-basis: 50%;
    margin: 7.5px;
    border: 0 solid #d6d6d6 !important;
    border-radius: 5px;
    padding: 30px;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 5px 1px rgba(35,76,86,0.1), 0 10px 20px 0 rgba(57,96,101,0.07);
    text-align: left !important;
    display: flex;
    border-top: 3px solid #E4E4E4 !important;
}

.custom-tool-overview-section .properties-list h4 {
    margin-top: 0;
}

@media (max-width: 767px) {
    .custom-tool-overview-section .properties-list > * {
        flex-basis: 100%;
        margin: 7.5px 15px;
    }

    .custom-tool-overview-section .properties-list {
         flex-direction: column;
     }
 }