.abbed-slider-outer {
    padding: 70px 0
}

@media (min-width:768px) {
    .abbed-slider-outer {
        padding: 140px 0
    }
}

.abbed-slider-outer .header-sec {
    text-align: center
}

.cience-module__tabbed-slider {
    margin: 30px auto 0;
    max-width: 1208px
}

@media (min-width:768px) {
    .cience-module__tabbed-slider {
        margin: 70px auto 0
    }
}

.cience-module__tabbed-slider .tab {
    background: var(--gray-400);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    min-height: 74px;
    padding: 10px 58px 10px 72px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.cience-module__tabbed-slider .tab:not(.active):hover {
    background: #11292c;
    color: #fff;
    position: relative;
    z-index: 1
}

.cience-module__tabbed-slider .tab.active {
    background: var(--brand-primary);
    color: #fff;
    pointer-events: none;
    position: relative;
    z-index: 1
}

.cience-module__tabbed-slider .tab.active .tab-number {
    background: #fff
}

.cience-module__tabbed-slider .tab-number {
    background: #f4f4f4;
    border-radius: 100%;
    color: #000;
    font-family: Lexend, sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 24px;
    left: 24px;
    line-height: 1;
    text-align: center;
    top: 25px;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    width: 24px
}

.cience-module__tabbed-slider .tab-arrow,
.cience-module__tabbed-slider .tab-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cience-module__tabbed-slider .tab-arrow {
    height: 20px;
    right: 27px;
    top: 28px;
    width: 21px
}

.cience-module__tabbed-slider__tabs {
    margin-bottom: -12px
}

.cience-module__tabbed-slider__slides .item-title {
    color: #11292c;
    font-weight: 700;
    margin-bottom: 14px
}

@media (max-width:767px) {
    .cience-module__tabbed-slider__slides .item {
        text-align: center
    }
}

@media (min-width:768px) {
    .cience-module__tabbed-slider .swiper-pagination {
        display: none !important
    }
}