.tab-content-space {
    padding: 45px 25px 45px 25px
}

.tabs {
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap
}

.cms-comp-tab .tabs .tab {
    display: inline-block;
    text-align: center;
    line-height: 33px;
    height: 48px;
    padding: 0;
    margin: 0
}

.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    will-change: left, right
}

.tabs .tab a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease, background-color .28s ease;
    transition: color .28s ease, background-color .28s ease
}

#tab-tabs li .active {
    position: relative;
    background: 0 0 !important;
    padding: 0px 15px !important;
    border-bottom: 4px solid #000;
    line-height: 33px
}

.tab-image-img {
    overflow: hidden;
    margin: 10px 20px 20px
}

.tab-text-full-width p {
    padding-bottom: 15px
}

.tab-image-img img {
    width: 100%;
    transition: .8s ease-in-out;
    -webkit-transition: .8s ease-in-out
}

.tab-image-img img:hover {
    -ms-transform: scale(1.1) !important;
    -webkit-transform: scale(1.1) !important;
    transform: scale(1.1) !important
}

.tab-content p,
.tab-content ul li p {
    font-size: 16px;
    line-height: 24px
}

.tab-content h3,
.tab-content p {
    padding: 0 0 15px;
    margin: 0
}

.tab-content ul {
    padding: 0 0 10px 0;
    margin: 0;
    display: table
}

.tab-content ul li {
    padding: 0 0 8px 0px;
    margin: 0;
    position: relative;
    font-size: 16px
}

.tab-content ul li p {
    padding: 0;
    margin: 0
}

/* .tab-content ul li:before {
    font-family: FontAwesome;
    content: "\f08d";
    font-size: 15px;
    left: 5px;
    position: absolute;
    top: 0;
    transform: rotate(-90deg)
} */

.h-tab {
    display: table;
    width: auto !important;
    background: 0 0;
    height: 66px !important
}

.h-tab .tab a {
    /* height: auto !important; */
    display: inline !important;
    /* padding: 8px 25px */
}

.h-tab .tab a:focus,
.h-tab .tab a:focus.active {
    background: 0 0 !important
}

.tabs .indicator {
    background: 0 0 !important
}

.animate-opacity {
    -moz-animation: opac .9s ease;
    -o-animation: opac .9s ease;
    -webkit-animation: opac .9s ease;
    animation: opac .9s ease
}

@keyframes opac {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tab-text-full-width ol {
    /* padding: 0 20px; */
    margin: 0
}

.tab-text-full-width ol li {
    padding: 5px 0 0 0;
    margin: 0;
    font-size: 16px
}

.tab-text-full-width ul li {
    padding: 0 0 8px 0px;
    margin: 0;
    position: relative;
    font-size: 16px
}

/* .tab-text-full-width ul li:before {
    font-family: FontAwesome;
    content: "\f08d";
    font-size: 15px;
    left: 2px;
    position: absolute;
    top: 0;
    transform: rotate(-90deg)
} */

.speak {
    position: relative;
    display: inline-block;
    min-width: 2.7em;
    margin: 1em;
    text-align: center;
    cursor: pointer;
    overflow: visible !important
}

.speak span {
    transition: color .3s ease-out;
    color: inherit
}

@media (min-width:280px) and (max-width:767px) {
    .tab-text-full-width ul li {
        font-size: 14px
    }

    .tab-content-space {
        padding: 10px
    }

    .tab-content-space .tab-content {
        padding: 0
    }

    .left .tab-image-img img {
        padding: 0;
        margin: 0
    }

    .right .tab-image-img img {
        padding: 10px 0 0 0;
        margin: 0
    }

    .tab-title h1,
    .tab-title h2,
    .tab-title h3,
    .tab-title h4,
    .tab-title h5,
    .tab-title h6 {
        font-size: 22px !important
    }

    .tab-title h1 span,
    .tab-title h2 span,
    .tab-title h3 span,
    .tab-title h4 span,
    .tab-title h5 span,
    .tab-title h6 span {
        font-size: 22px !important
    }

    .tab-title p span {
        font-size: 22px !important
    }

    .tab-text-full-width p span {
        font-size: 14px !important
    }

    .tab-text-full-width p {
        font-size: 14px !important
    }

    .tab-text-full-width h1,
    .tab-text-full-width h2,
    .tab-text-full-width h3,
    .tab-text-full-width h4,
    .tab-text-full-width h5,
    .tab-text-full-width h6 {
        font-size: 20px !important;
        line-height: 24px !important
    }

    .tab-text-full-width h1 span,
    .tab-text-full-width h2 span,
    .tab-text-full-width h3 span,
    .tab-text-full-width h4 span,
    .tab-text-full-width h5 span,
    .tab-text-full-width h6 span {
        font-size: 20px !important
    }

    .tab-content h1,
    .tab-content h2,
    .tab-content h3,
    .tab-content h4,
    .tab-content h5,
    .tab-content h6 {
        line-height: 24px !important;
        font-size: 20px !important
    }

    .tab-content h1 span,
    .tab-content h2 span,
    .tab-content h3 span,
    .tab-content h4 span,
    .tab-content h5 span,
    .tab-content h6 span {
        font-size: 20px !important
    }

    .tab-content .h3-head p span {
        font-size: 20px !important
    }

    .tab-content .flow-text p {
        font-size: 16px !important
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .tab-text-full-width ul li {
        font-size: 15px
    }

    .tab-content-space {
        padding: 15px 25px 10px 25px
    }

    .tab-title h1,
    .tab-title h2,
    .tab-title h3,
    .tab-title h4,
    .tab-title h5,
    .tab-title h6 {
        font-size: 26px !important
    }

    .tab-title h1 span,
    .tab-title h2 span,
    .tab-title h3 span,
    .tab-title h4 span,
    .tab-title h5 span,
    .tab-title h6 span {
        font-size: 26px !important
    }

    .tab-title p span {
        font-size: 24px !important
    }

    .tab-text-full-width p span {
        font-size: 16px !important
    }

    .tab-text-full-width p {
        font-size: 16px !important
    }

    .tab-text-full-width h1,
    .tab-text-full-width h2,
    .tab-text-full-width h3,
    .tab-text-full-width h4,
    .tab-text-full-width h5,
    .tab-text-full-width h6 {
        font-size: 20px !important;
        line-height: 24px !important
    }

    .tab-text-full-width h1 span,
    .tab-text-full-width h2 span,
    .tab-text-full-width h3 span,
    .tab-text-full-width h4 span,
    .tab-text-full-width h5 span,
    .tab-text-full-width h6 span {
        font-size: 20px !important;
        line-height: 24px !important
    }

    .tab-content h1,
    .tab-content h2,
    .tab-content h3,
    .tab-content h4,
    .tab-content h5,
    .tab-content h6 {
        line-height: 24px !important;
        font-size: 20px !important
    }

    .tab-content h1 span,
    .tab-content h2 span,
    .tab-content h3 span,
    .tab-content h4 span,
    .tab-content h5 span,
    .tab-content h6 span {
        font-size: 20px !important
    }

    .tab-content .h3-head p span {
        font-size: 20px !important
    }

    .tab-content .flow-text p {
        font-size: 16px !important
    }
}

#tab-tabs li .active:before {
    position: absolute;
    content: "";
    font-family: FontAwesome;
    font-size: 40px;
    left: 0;
    bottom: 0;
    background-color: #000;
    width: 3px;
    height: 20px
}

#tab-tabs li .active:after {
    position: absolute;
    content: "";
    font-family: FontAwesome;
    font-size: 40px;
    right: 0;
    bottom: 0;
    background-color: #000;
    width: 3px;
    height: 20px
}

#tab-tabs li:last-child .active:after {
    display: none !important
}

@media (min-width:280px) and (max-width:399px) {
    .cms-comp-tab {
        overflow: scroll !important
    }

    .tab-text-full-width {
        padding: 20px
    }
}

.tab-text-full-width ul li {
    text-align: left !important
}

.tab-content ol {
    padding: 0 0px;
    margin: 0
}

.tab-content ol li {
    padding: 5px 0 0 0;
    margin: 0;
    font-size: 16px
}

.tab a {
    text-decoration: none;
}

.tab-content a {
    text-decoration: none;
}


/* @media only screen and (min-width: 993px) {
    .mobile-image-tab {
        display: none !important;
    }
}

@media only screen and (max-width: 992px) {
    .desktop-image-tab {
        display: none !important;
    }
} */

.small img {
    width: 60%;
    display: block;
    margin: auto ;
}
.medium img {
    width: 80% ;
    display: block;
    margin: auto ;
}
.large img {
    width: 100%;
    display: block;
}
.indicator {
    display: none;
}
.common-btn  {
    padding: 10px 40px 10px 30px;
    margin: 0;
    font-size: 16px;
    position: relative;
}
.tab-text-image .row {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .tab-text-image .row {
        display: block;
    }
    .tab-text_image-desktop {
        margin: 0px;
    }
    .tab-text_image-desktop img {
        width: 100% !important;
    }
}
.tab_txtimg_rite {
    flex-direction: row-reverse;
}
.tab_txtimg_left {
    flex-direction: row;
}