/* Element */

.tabs_image_text{
    padding-top: 25px;
    padding-bottom: 25px;
}

/* Tab-links */

.tabs_image_text .nav-tabs{border-bottom: 1px solid #D8D8D8;}
.tabs_image_text .nav-tabs li{
    display: flex;
    flex-grow: 1;
    background-color: white;
    transition: background-color 0.2s;
    height: 58px;
}

.tabs_image_text .nav-tabs a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    text-align: center;
    line-height: 48px;
    color: #6B6F7B;
    text-decoration: none;
    transition: color 0.2s;
}
.tabs_image_text .nav-tabs :not(.active) a:hover{
    color: #6B6F7B;
}

    /* Tab-link switch animation */
.tabs_image_text .nav-tabs li.active a{
    color: white;
    transition: color 0.2s;
}
.tabs_image_text .nav-tabs li.active{
    background-color: #B8C5D0;
    transition: background-color 0.2s ease-in-out;
}
.tabs_image_text .nav-tabs li:not(.active):hover{
    background-color: #F7F7F8;
    transition: background-color 0.2s ease-in-out;
}

/* Content */

.tabs_image_text .tab-content{margin-top: 30px;}
.tabs_image_text .tab-content img:first-child{margin-bottom: 20px;}

@media(max-width: 576px){
    .tabs_image_text .nav-tabs{
        flex-direction: column;
    }
}
