/*Theme Name: Stratus - Child Theme Theme URI: http://themovation.com/stratus Template: stratusx Author: Themovation Author URI: http://themovation.com Version: 4.0 Text Domain: stratus Domain Path: /languages/ */
.my-tabs .tab-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
}

.my-tabs .tab-links li {
    margin: 0;
    padding: 0
}

.my-tabs .tab-links a {
    display: block;
    padding: 10px 35px;
    min-height: 105px;
    min-width: 220px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    border-bottom: 2px solid transparent;
    transition: border-color .3s, color .3s;
    background-color: transparent;
    box-sizing: border-box;
    position: relative;
    font-weight: 800
}

.my-tabs .tab-links a:hover,
.my-tabs .tab-links a:focus,
.my-tabs .tab-links a.active {
    top: 2px
}

.my-tabs .tab-links a:hover,
.my-tabs .tab-links a:focus {
    color: #e0e0e0;
    border-bottom-color: #e0e0e0
}

.my-tabs .tab-content {
    color: #fff;
    /* border: 2px solid #fff;
    border-radius: 5px */
}

.my-tabs .tab-content .tab {
    display: none;
    padding: 15px
}

.my-tabs .tab-title {
    text-align: left;
    margin-bottom: 20px;
    color: #fff;
    font-size: 28px;
    padding: 10px
}

.my-tabs .tab-left,
.my-tabs .tab-right {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.my-tabs .tab-description {
    width: 100%;
    padding: 10px;
    font-size: 20px
}

.my-tabs .tab-video,
.my-tabs .tab-image {
    width: 100%
}

.my-tabs .tab-image img {
    max-width: 100%;
    height: auto;
    display: block
}

.my-tabs .tab-links a.active {
    border-bottom-color: #007bff
}

.my-tabs .tab-links a[href="#t-1"]:hover,
.my-tabs .tab-links a.active[href="#t-1"] {
    color: #4072ee;
    border-bottom-color: #4072ee
}

.my-tabs .tab-links a[href="#t-2"]:hover,
.my-tabs .tab-links a.active[href="#t-2"] {
    color: #b558f6;
    border-bottom-color: #b558f6
}

.my-tabs .tab-links a[href="#t-3"]:hover,
.my-tabs .tab-links a.active[href="#t-3"] {
    color: #21a279;
    border-bottom-color: #21a279
}

.my-tabs .tab-links a[href="#t-4"]:hover,
.my-tabs .tab-links a.active[href="#t-4"] {
    color:  #4072ee;
    border-bottom-color:  #4072ee
}

.my-tabs .tab-links a[href="#t-5"]:hover,
.my-tabs .tab-links a.active[href="#t-5"] {
    color: #b558f6;
    border-bottom-color:  #b558f6
}

.my-tabs .tab-links a[href="#t-6"]:hover,
.my-tabs .tab-links a.active[href="#t-6"] {
    color: #799cf3;
    border-bottom-color: #799cf3
}

.my-tabs .tab-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px
}

.my-tabs .tab-content .tab[id="tab-0"] .tab-title {
    color: #4072ee
}

.my-tabs .tab-content .tab[id="tab-1"] .tab-title {
    color: #b558f6
}

.my-tabs .tab-content .tab[id="tab-2"] .tab-title {
    color: #21a279
}

.my-tabs .tab-content .tab[id="tab-3"] .tab-title {
    color: #4072ee
}

.my-tabs .tab-content .tab[id="tab-4"] .tab-title {
    color: #b558f6
}

.my-tabs .tab-content .tab[id="tab-5"] .tab-title {
    color: #f65860
}

.my-tabs .tab-left,
.my-tabs .tab-right {
    display: table-cell;
    vertical-align: middle
}

.my-tabs .tab-content .tab {
    display: table;
    width: 100%
}

@media (max-width: 768px) {
    .my-tabs {
        width: 100%
    }

    .tab-links {
        display: flex;
        flex-direction: row
    }

    .tab-links li {
        flex: 0 0 auto;
        width: 100%
    }

    .my-tabs .tab-content {
        display: block;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 5px
    }

    .my-tabs .tab-content .tab {
        display: block
    }
}

@media (max-width: 768px) {

    .my-tabs .tab-left,
    .my-tabs .tab-right {
        display: block;
        width: 100%
    }
}

@media (max-width: 768px) {
    .my-tabs .tab-links {
        display: none
    }

    .my-tabs .tab-content .tab {
        display: block
    }
}

.slick-prev,
.slick-next {
    top: 30% !important
}