.pxl-tabs {
    .pxl-tab--title {
        cursor: pointer;
        @include transition(all 250ms linear 0ms);
    }
    .pxl-tab--content {
        display: none;
        width: 100%;
    }
    .elementor-section.elementor-section-stretched {
        width: auto !important;
        left: 0 !important;
    }
    .pxl-tabs--elementor > .elementor {
        margin: 0 -15px;
    }
    &.tab-effect-fade {
        .pxl-tab--content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 100% !important;
            display: block !important;
            opacity: 0 !important;
            visibility: hidden;
            @include transition(all .25s cubic-bezier(.645,.045,.355,1));
            &.active {
                position: static;
                opacity: 1 !important;
                visibility: visible;
            }
        }
        .pxl-tabs--content {
            position: relative;
        }
    }
}

.pxl-tabs1 {
    .pxl-tabs--title {
        display: inline-flex;
        align-items: center;
        border: 1px solid #F6F6F6;
        border-radius: 10px;
        @include box-shadow(0 9px 18px rgba(#181010, 0.05));
        margin-bottom: 45px;
        .pxl-tab--title {
            line-height: 44px;
            padding: 0 25px;
            font-size: 16px;
            color: #1C2539;
            font-weight: 700;
            @extend .ft-theme-default;
            position: relative;
            z-index: 1;
            &:before {
                content: '';
                position: absolute;
                top: -1px;
                right: -1px;
                bottom: -1px;
                left: -1px;
                background-color: $primary_color;
                border-radius: 10px;
                z-index: -1;
                @include transition(opacity 250ms linear 0ms);
                opacity: 0;
            }
            &.active {
                color: #fff;
                &:before {
                    opacity: 1;
                }
            }
        }
    }
    .pxl-tabs--inner {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .pxl-tabs--content {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
}

.pxl-tabs-banner1 {
    background-color: #012F5B;
    .pxl-col--left {
        width: 345px;
        display: flex;
        align-items: flex-end;
        padding-top: 90px;
        padding-bottom: 103px;
        @media #{$max-sm} {
            padding-right: 15px;
            padding-bottom: 60px;
        }
        .pxl-col--inner {
            width: 100%;
        }
    }
    .pxl-col--right {
        width: calc(100% - 345px);
        @media #{$max-sm} {
            width: 100%;
            padding-right: 15px;
        }
    }
    .pxl-tabs--title {
        border-top: 1px solid rgba(255,255,255,0.2);
        .pxl-tab--title {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            font-size: 16px;
            font-weight: 700;
            color: #FFFFFF;
            @extend .ft-theme-default;
            padding: 11px 5px;
            border-bottom: 1px solid rgba(255,255,255,0.2);
            @include transition(all 300ms linear 0ms);
            &:before {
                content: "\f110";
                font-family: "Caseicon";
                margin: 0 15px;
                font-size: 11px;
                font-weight: 400;
            }
            &.active {
                background-color: $primary_color;
                color: $secondary_color;
            }
        }
    }
    .pxl-tabs--content {
        .pxl-content--wrap {
            max-width: 580px;
            width: 100%;
            position: absolute;
            bottom: -36px;
            left: 0;
            padding: 50px 40px;
            color: #fff;
            background-color: $primary_color;
            transform: translateX(40px);
            @include transition(all 300ms linear 0ms);
            opacity: 0;
            @media #{$max-lg} {
                padding-left: 15px;
                padding-right: 15px;
            }
            @media #{$max-md} {
                max-width: 365px;
            }
            @media #{$max-sm} {
                position: static;
                margin-bottom: 15px;
            }
            > svg {
                fill: $secondary_color;
                position: absolute;
                bottom: 0px;
                right: -51px;
                @media #{$max-sm} {
                    display: none;
                }
            }
        }
        .pxl-tab--content {
            min-height: 578px;
            z-index: 1;
            @media #{$max-sm} {
                min-height: auto;
            }
            .bg-image {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                @media #{$max-sm} {
                    display: none;
                }
            }
            &.active .pxl-content--wrap {
                opacity: 1;
                transform: translateX(0px);
                transition-delay: 200ms;
            }
        }
    }
    .pxl-tabs--inner {
        display: flex;
        flex-wrap: wrap;
    }
    .pxl-tab-heading {
        margin-bottom: 37px;
        .pxl-item--wgtitle {
            font-size: 40px;
            color: #fff;
            margin-bottom: 0;
            @media #{$max-md} {
                font-size: 36px;
            }
            @media #{$max-sm} {
                font-size: 30px;
            }
        }
    }
}