.pxl-pricing1 {
    .pxl-item-inner {
        border: 1px solid #d9d9d9;
        padding: 20px;
        .pxl-item-content-top {
            background-color: $link_color;
            padding: 19px 28px 40px 26px;
            clip-path: polygon(90% 0, 100% 14%, 100% 100%, 0 100%, 0 0);
            @media (max-width: 767px) {
                padding: 19px 15px 40px 15px;
            }
            .pxl-item--title {
                font-size: 20px;
                color: #ffffff;
                font-weight: 500;
                margin-bottom: 17px;
            }
            .pxl-item--desc {
                font-size: 16px;
                color: #c2c2c2;
                border-bottom: 1px solid #313131;
                padding-bottom: 28px;
                margin-bottom: 31px;
            }
            .pxl-item-content {
                position: relative;
                padding-left: 55px;
                .pxl-icon {
                    width: 44px;
                    height: 44px;
                    @include border-radius(50%);
                    background-color: rgba(#fff, 0.251);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    top: 3px;
                    left: 2px;
                    padding-top: 2px;
                    @include transition(all 0.3s);
                    svg {
                        height: 24px;
                        width: auto;
                        fill: #fff;
                    }
                    &.on {
                        opacity: 1;
                    }
                    &.off {
                        opacity: 0;
                    }
                    @media (max-width: 1200px) {
                        width: 40px;
                        height: 40px;
                    }
                }
                .pxl-price-time {
                    display: flex;
                    align-items: baseline;
                    justify-content: end;
                    font-size: 55px;
                    color: #fff;
                    @include ft_theme_default($ft_theme_default);
                    line-height: 1;
                    @media (max-width: 1200px) {
                        font-size: 40px;
                    }
                    .pxl-item--prev {
                        color: $primary_color;
                    }
                    .pxl-item--time {
                        color: #c2c2c2;
                        font-size: 16px;
                    }
                }
            }
        }
        .pxl-button-down {
            .btn-dow {
                height: 67px;
                background-color: $primary_color;
                color: #fff;
                font-size: 14px;
                letter-spacing: 0.75px;
                text-transform: uppercase;
                font-weight: 500;
                @include ft_theme_default($ft_theme_default);
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 0 31px 0 36px;
                border: 1px solid $primary_color;
                @media (max-width: 1200px) {
                    padding: 0 20px;
                }
                svg {
                    height: 29px;
                    width: auto;
                    fill: #fff;
                    @include transition(all 0.3s);
                    @media (max-width: 767px) {
                        height: 24px;
                    }
                }
                &:hover {
                    background-color: #fff;
                    border-color: #d9d9d9;
                    color: $link_color;
                    svg {
                        fill: $link_color;
                    }
                }
            }
        }
        .pxl-item--meta {
            .pxl-item--feature {
                margin-bottom: 12px;
                padding: 40px 24px 30px 24px;
                @media (max-width: 1200px) {
                    padding: 40px 15px 30px 15px;
                }
                @media (max-width: 480px) {
                    padding: 30px 0;
                }
                li {
                    list-style: none;
                    display: flex;
                    align-items: center;
                    font-size: 18px;
                    color: $link_color;
                    margin-bottom: 11px;
                    @media (max-width: 1200px) {
                        font-size: 16px;
                    }
                    &:last-child {
                        margin-bottom: 0;
                    }
                    svg {
                        height: 20px;
                        width: auto;
                        fill: $primary_color;
                    }
                    &.is-active {
                        color: #999999;
                        svg {
                            fill: #999999;
                        }
                    }
                }
            }
            .pxl-item--button {
                .pxl-button-pricing {
                    height: 55px;
                    border: 1px solid #d9d9d9;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background-color: #fff;
                    font-size: 14px;
                    text-transform: uppercase;
                    color: #000000;
                    font-weight: 500;
                    letter-spacing: 0.75px;
                    @include ft_theme_default($ft_theme_default);
                    &:hover {
                        color: #fff;
                        background-color: $primary_color;
                        border-color: $primary_color;
                    }
                }
            }
        }
    }
}
body.rtl {
	
}