/*--------------------------------------------------------------
# Tabs
--------------------------------------------------------------*/
.s3t-vpb-tabs .tabs-title-bar {
    display: flex;
}

.s3t-vpb-tabs .tabs-title {
    background-color: #cce8f1;
    border-bottom: none;
    border-left: none;
    color: #000;
    font-weight: 500;
    position: relative;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-property: background, background-color, background-position, border, box-shadow, color, opacity, transform, visibility;
}

.s3t-vpb-tabs .tabs-title:hover,
.s3t-vpb-tabs .tabs-title.active,
.s3t-vpb-tabs .tabs-title.active:after,
.s3t-vpb-tabs .tabs-single.active {
    background-color: #FFFFFF;
    color: #2c2c2c;
}
.s3t-vpb-tabs .tabs-single.active {
    border: #cce8f1 1px solid;
}
.s3t-vpb-tabs .tabs-title{
  border-top: solid 1px #cce8f1;
  border-right: solid 1px #cce8f1;
  border-left: #cce8f1 1px solid;
}

.s3t-vpb-tabs .tabs-title:first-of-type {
    border-left: #cce8f1 1px solid;
    border-top: solid 1px #cce8f1;
    border-right: solid 1px #cce8f1;
}

.s3t-vpb-tabs .tabs-title:last-of-type {
    border-left: none;
}

.s3t-vpb-tabs .tabs-title.active {
    color: #000;
}

.s3t-vpb-tabs .tabs-title:after {
    bottom: -1px;
    content: '';
    left: 0;
    height: 1px;
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s ease;
    right: 0;
    z-index: 1;
}

.s3t-vpb-tabs .tabs-title.active:after {
    opacity: 1;
}

.s3t-vpb-tabs .tabs-single {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    transition: opacity 0.3s ease;
    visibility: hidden;
}

.s3t-vpb-tabs .tabs-single.active> :last-child {
    margin-bottom: 0;
}

.s3t-vpb-tabs .tabs-single.active {
    height: auto;
    opacity: 1;
    padding: 15px 20px;
    visibility: visible;
}

@media all and (max-width: 640px) {
    .s3t-vpb-tabs .tabs-title-bar {
        flex-wrap: wrap;
    }

    .s3t-vpb-tabs .tabs-title {
        width: 100%;
    }

    .s3t-vpb-tabs .tabs-title {
        border: none;
        border-left: #cce8f1 1px solid !important;
        border-right: #cce8f1 1px solid !important;
        border-top: #cce8f1 1px solid !important;
    }
}