/* .breadcrumb {
    background: #21304F;
    border-radius: 0;
    font: 14px poppinsR;
    margin: 0;
    padding: 10px 15px;
    width: calc(100%);
}

#notfrontwrap #page-title {
    width: 100%;
    padding: 1.5em 30px;
} */


/* 
        functions
*/

#mne-func-wrap .horizantal {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-between;
    /* margin: 115px 0 0; */
}

#mne-func-wrap .vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -16em;
}

#mne-func-wrap {
    background: url(../images/functionscircle.png) no-repeat bottom center;
    /* padding: 16em 2em 0; */
    padding: 16em 0 0;
    margin: 4em 0 0;
}



.page_4207#notfrontwrap {
    padding: 0;
}





.function-title {
    margin: 0 0 6px;
    font: 22px 'playFairB', sans-serif;
    text-align: center;
}

#mne-func-wrap .horizantal,
#mne-func-wrap .vertical {
    padding: 0;
}

#mne-func-wrap .horizantal:first-child .function-title {
    color: #18b998;
}

#mne-func-wrap .vertical .function-title {
    color: #f38923;
}

#mne-func-wrap .horizantal:last-child .function-title {
    color: #f31f36;
}

#mne-func-wrap .func-text {
    padding: 8px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius: 4px;
    margin: 0 0 12px;
    /* backdrop-filter: blur(5px); */
    display: block;
    /* width: fit-content; */
    width: 300px;
    height: 300px;
    transition: all 0.4s ease;
    text-decoration: none;
    border: none;
    position: relative;
    z-index: 0;
    transform: rotate(2deg);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

#mne-func-wrap .func-img-wrap {
    width: 100px;
}

#mne-func-wrap .func-img-wrap img {
    display: block;
    width: 100%;
    height: auto;
}

#mne-func-wrap .func-text:hover,
#mne-func-wrap .func-text:focus {
    transform: translateY(-4px);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    text-decoration: none;
}

.func-list li {
    padding: 0 0 4px !important;
}

#mne-func-wrap .func-text::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(218, 233, 248, 0);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

#mne-func-wrap .func-text::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2;
    opacity: 1;
    background: #fff;
}

/* #mne-func-wrap #monitoring-func .func-text::after {
    background: url('../images/monitoring-block-bg.jpeg') no-repeat center center /cover;
}

#mne-func-wrap #validation-func .func-text::after {
    background: url('../images/third-party-validation-block-bg.jpeg') no-repeat center center /cover;
}

#mne-func-wrap #eval-func .func-text::after {
    background: url('../images/evaluation-block-bg.jpeg') no-repeat center center /cover;
} */

#mne-func-wrap .function-title {
    font: 26px 'playFairB', sans-serif;
}

.func-list {
    font: 17px poppinsR;
}

@media screen and (max-width: 1024px) {
    #mne-func-wrap .horizantal {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #mne-func-wrap .horizantal:last-child {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 767px) {
    #mne-func-wrap {
        margin: 0;
        padding: 2em 0;
    }

    #mne-func-wrap .horizantal:first-child {
        flex-direction: column-reverse;
    }

    #mne-func-wrap .vertical {
        top: unset;
        flex-direction: column-reverse;
    }

    .func-text {
        text-align: center;
    }

    .func-list {
        text-align: left;
    }

    .func-img-wrap {
        margin: 0 0 2em;
    }

    #mne-func-wrap>div {
        margin: 0 0 2em;
    }

    #mne-func-wrap .horizantal:last-child {
        flex-direction: column;
    }
}