.module-product {
    background: #000;
    background: url(../../../../../../../hubfs/mktv/lp/competitors/bg-faq.png) no-repeat top;
    background-size: contain;
    padding: 5rem 0 2rem;
    position: relative;
    z-index: 99
}

.container-product h2 {
    color: #fff;
    font-size: var(--font-size-t1);
    margin-bottom: 1rem
}

.container-product h2,
.container-product h3 {
    text-align: center
}

.container-product h3 {
    font-size: var(--font-size-t2);
    margin: 4rem 0 1rem
}

.container-product .intro,
.container-product .intro p {
    color: hsla(0, 0%, 100%, .6);
    font-size: var(--font-size-p);
    margin: 0 auto;
    text-align: center
}

#tab-2 {
    display: none
}

.container-product .content-tab {
    background: url(https://www.flowbank.com/hubfs/mktv/lp/competitors/bg-tab.png) no-repeat 50% 21px;
    background-size: contain
}

.container-product .filters {
    display: flex;
    justify-content: center;
    margin: 5rem auto 0
}

.container-product a.bt-switch {
    background: #000;
    border: 1px solid #333;
    border-radius: 100px;
    font-size: var(--font-size-p);
    font-weight: 300
}

.container-product a.bt-switch em {
    background: #000;
    border: 1px solid #09d674;
    border-radius: 100px;
    color: #09d674;
    display: inline-block;
    font-style: normal;
    margin: -1px 0;
    padding: .8rem 2rem
}

.container-product a.bt-switch span {
    background: #000;
    border: 1px solid #333;
    border-bottom-left-radius: unset;
    border-left-color: #000;
    border-radius: 100px;
    border-top-left-radius: unset;
    color: #fff;
    display: inline-block;
    margin: -1px 0;
    padding: .8rem 2rem
}

.container-product a.bt-switch-classic em {
    background-color: #000;
    border: 1px solid #333;
    border-bottom-right-radius: unset;
    border-right-color: #000;
    border-top-right-radius: unset;
    color: #fff
}

.container-product a.bt-switch-classic span {
    background-color: #000;
    border: 1px solid #09d674;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
    color: #09d674
}

.container-product .content {
    animation-duration: .25s;
    animation-name: motionblur;
    margin-top: 0
}

@keyframes motionblur {
    0% {
        filter: blur(.8rem)
    }

    75% {
        filter: blur(.5rem)
    }

    to {
        filter: blur(0)
    }
}

.container-product .categories {
    justify-content: space-around
}

.container-product .categories div {
    flex-grow: 1;
    padding: 0 1rem;
    text-align: center
}

.container-product .categories .cta a {
    width: 100% !important
}

.container-product .tab {
    margin: 0 -1rem;
    padding: 3rem 0
}

.container-product .tab table {
    margin: 0 auto;
    width: calc(100% - 2rem)
}

.container-product .tab table thead tr {
    border-bottom: 1px solid #3f4641
}

.container-product .tab table th {
    color: #848c86;
    color: hsla(0, 0%, 100%, .5);
    font-size: 1.6rem;
    letter-spacing: 1px;
    padding: 1.5rem .5rem;
    text-transform: uppercase
}

.container-product .tab table td {
    border-bottom: 1px solid #3f4641;
    color: #fff;
    font-size: 1.6rem;
    padding: 1.5rem .5rem;
    text-align: center
}

.container-product .tab table td,
.container-product .tab table th {
    width: 20%
}

.container-product .tab table td.tab-left,
.container-product .tab table th.tab-left {
    text-align: left
}

.container-product .tab table td.tab-center,
.container-product .tab table th.tab-center {
    text-align: center
}

.container-product .tab table td.tab-right,
.container-product .tab table th.tab-right {
    text-align: right
}

.container-product .tab table tr.fb td {
    color: #09d674
}

.container-product .tab table td p {
    font-size: 1.6rem
}

.container-product .tab .tr_selected td {
    background: rgba(7, 28, 13, .4);
    color: #09d674
}

.container-product .cta-type8 a:hover {
    background-color: #2c2e39;
    border: 2px solid #2c2e39;
    color: #fff;
    font-weight: 500;
    transition: all .2s ease
}

.container-product p.txt-footer {
    color: hsla(0, 0%, 100%, .7);
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 3rem;
    margin-top: -2rem;
    max-width: 70rem
}

.container-product p.txt2-footer {
    color: hsla(0, 0%, 100%, .6);
    font-size: 1.3rem;
    margin-top: -2rem;
    max-width: 70rem
}

.container-product p.txt2-footer a {
    color: hsla(0, 0%, 100%, .6)
}

.container-product p.txt2-footer a:hover {
    color: hsla(0, 0%, 100%, .8)
}

@media (max-width:920px) {

    .container-product .tab table td,
    .container-product .tab table th {
        padding: 1.4rem .2rem
    }

    .container-product .tab table th {
        letter-spacing: 0
    }
}

@media (max-width:768px) {
    .module-product {
        padding: 4rem 0 7rem
    }

    .container-product .content-tab {
        background-size: cover;
        margin: 0 -1rem
    }

    .container-product .cta-type8 a {
        font-size: 1.6rem;
        padding: .6rem 1rem
    }

    .container-product .fbcol2,
    .container-product .fbcol4 {
        background: rgba(7, 28, 13, .9) !important
    }

    .container-product .tab * {
        font-size: 1.4rem !important
    }

    .container-product .tab .tr_selected .fbcol2,
    .container-product .tab .tr_selected .fbcol4 {
        background: #071c0d !important
    }

    .container-product .tab table td,
    .container-product .tab table th {
        padding: 1.5rem 1.5rem 1.5rem .5rem
    }

    .container-product .tab table td.fbcol1,
    .container-product .tab table th.fbcol1 {
        padding: 1.5rem .5rem 1.5rem 1.5rem
    }
}

@media (max-width:600px) {
    .container-product h2 {
        font-size: var(--font-size-t1-mobile)
    }

    .container-product .intro,
    .container-product .intro p,
    .container-product a.bt-switch {
        font-size: var(--font-size-p-mobile)
    }

    .container-product .tab * {
        font-size: var(--font-size-p-mobile) !important
    }

    .container-product .tab table td,
    .container-product .tab table th {
        padding: 1rem .5rem 1rem .1rem
    }

    .container-product .tab table td.fbcol1,
    .container-product .tab table th.fbcol1 {
        padding: 1rem .1rem 1rem .5rem
    }

    .container-product .tab {
        overflow-x: scroll;
        padding: 3rem 2rem
    }

    .container-product .tab table {
        overflow-x: scroll;
        width: max-content
    }

    .container-product .tab table td,
    .container-product .tab table th {
        padding: 1.4rem .5rem;
        width: max-content
    }

    .container-product .tab table th {
        padding-left: 1.5rem !important
    }

    .container-product .tab table th.fbcol1 {
        padding-left: .5rem !important
    }

    .container-product .tab table td,
    .container-product .tab table th {
        padding: 1rem .5rem
    }

    .container-product .tab table td.fbcol1,
    .container-product .tab table th.fbcol1 {
        padding: 1rem .5rem
    }

    .container-product p.txt2-footer {
        margin-top: 1rem;
        padding-left: 1.5rem
    }
}