.pricing-box-items {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #060606;
    padding: 0px 40px 40px;
    @include transition;

    .pricing-header {
        h2 {
            font-size: 40px;
            color: $text-color;
            @include transition;
        }

        p {
            margin-top: 5px;
            @include transition;
        }
    }

    .circle-icon {
        background-color: transparent;
        width: 60px;
        border: 1px solid rgba(255, 255, 255, 0.20);
        height: 60px;
        line-height: 60px;
        text-align: center;
        border-radius: 50%;
        color: $text-color;
        @include transition;
        display: inline-block;
        margin-top: 40px;
    }

    ul {
        margin-top: 40px;

        li {
            i {
                margin-right: 18px;
            }

            &:not(:last-child) {
                margin-bottom: 15px;
            }
        }
    }

    h2 {
        color: #303030;
        margin-top: 40px;
        @include transition;
    }

    &.style-2 {
        .pricing-header {
            @include flex;
            justify-content: space-between;

            span  {
                border-radius: 100px;
                background: rgba(191, 247, 71, 0.10);
                color: $theme-color;
                line-height: 1;
                padding: 10px;
            }
        }
    }

    &:hover {
        border-radius: 10px;
        border: 1px solid #BFF747;
        background: #1A1A1A;

        .pricing-header {
            h2 {
                color: $theme-color;
            }
        }

        .circle-icon {
            background-color: $theme-color;
            color: #060606;
        }

        h2 {
            color: $white;
        }
    }

    &.active {
        border-radius: 10px;
        border: 1px solid #BFF747;
        background: #1A1A1A;

        .pricing-header {
            h2 {
                color: $theme-color;
            }
        }

        .circle-icon {
            background-color: $theme-color;
            color: #060606;
        }

        h2 {
            color: $white;
        }
    }
}

.pricing-content {
    margin-left: 40px;
    position: relative;
    z-index: 9;

     @include breakpoint (max-xl){
       margin-left: 0;
    }

    .section-title {
        h2 {
            font-size: 50px
        }
    }

    .shape-1 {
        position: absolute;
        z-index: -1;
        left: 10%;

        @include breakpoint (max-xxl){
            display: none;
        }
        
    }

    .client-info {
        @include flex;
        gap: 20px;
        margin-top: 150px;
        margin-left: 90px;

        @include breakpoint (max-xxl){
            margin-left: 0;
            margin-top: 30px;
        }
    }
}