/* --- tabs to accord --- */
.tabs-wrap .tabs {
    display: flex;
    flex-direction: row;
    padding-bottom: 93px;
    padding-top: 0;
    flex-wrap: wrap;
}
.tabs-wrap .tabs .tap-label {
    cursor: pointer;
    font-family: 'Museo Sans 900';
    font-style: normal;
    /*font-weight: 700;*/
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #C8C8C8;
    border-bottom: #C8C8C8 7px solid;
    flex-grow: 1;
    padding-bottom: .1em;
}
.tabs-wrap .tabs .tap-label.tap-active {
    color: #355F92;
    border-color: #355F92;
}
.tabs-wrap .accord.tap-label {
    cursor: pointer;
}
.tabs-wrap .accord.tap-label.tap-active {
    color: #F05544;
}
.tabs-wrap .content {
    opacity: 0;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    transition: all 0.4s ease;
    padding-left: 80px;
    padding-right: 80px;
}
.tabs-wrap .content h3 {
    font-family: 'Klinic Slab Book';
    font-style: normal;
    /*font-weight: 400;*/
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    color: #F26723;
}
.tabs-wrap .content p {
    font-family: 'Museo Sans 300';
    font-style: normal;
    /*font-weight: 400;*/
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #424548;
}
/* there can be no top/bottom margin in the content for the script to work */
.tabs-wrap .content > * > *:first-child {
    margin-top: 0;
}
.tabs-wrap .content > * > *:last-child {
    margin-bottom: 0;
}
.tabs-wrap .content.tap-active {
    opacity: 1;
    z-index: 1;
}
.tabs-wrap .wrap2 {
    position: relative;
    transition: all 0.4s ease;
}