.gredient-bg {
    background: linear-gradient(0deg,#E3E4EA 598px,transparent 0px);
    padding-bottom: 80px
}

.bg-clr-seo {
    background: linear-gradient(151deg, #f79226 42%, #000000 0px);
    padding: 5rem 0
}

section.client-tabs.sec-pd {
    background: #000000;
    padding: 3rem 0
}

.digitalBox {
    padding: 4rem 40px;
    border-radius: 20px;
    transition: .5s
}

.tabs {
    display: flex;
    width: 100%
}

.tab {
    background-color: #ddd;
    border: none;
    padding: 10px;
    margin-right: 10px;
    cursor: pointer
}

.tab.active {
    background-color: #f67d34;
    color: #fff
}

button.tab {
    padding: 15px 2.14rem;
    width: 30%;
    margin: -2px 0 0 -45px;
    border-radius: 52px;
    box-shadow: 1px 1px 10px #00000059
}

.tab-content {
    display: none
}

.tab-content.active {
    display: block
}

.tab:first-child {
    margin-left: 0
}

.col-12.border-line {
    border: 1px solid white!important;
    border-radius: 40px!important;
    padding: 0
}

.taba-image img {
    width: 100%
}

@media (max-width: 991px) {
    .tabs {
        flex-wrap:wrap
    }

    .tabs .tab {
        width: 50%;
        padding: 0;
        height: 50px;
        margin: 0;
        font-size: .8rem
    }
}
