.elementor-5312 .elementor-element.elementor-element-e70b49f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:13em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-5312 .elementor-element.elementor-element-29b7bfc{--display:flex;}.elementor-5312 .elementor-element.elementor-element-11abf1b > .elementor-widget-container{margin:0px 0px -2px 0px;}.elementor-5312 .elementor-element.elementor-element-11abf1b{text-align:center;}.elementor-5312 .elementor-element.elementor-element-11abf1b .elementor-heading-title{color:var( --e-global-color-text );}.elementor-5312 .elementor-element.elementor-element-9ca2534 > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-5312 .elementor-element.elementor-element-9ca2534{text-align:center;color:#000000;font-size:23px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}/* Start custom CSS for jws_pmpro_level, class: .elementor-element-f1601af *//* General button style for both containers */
.jws-pmpro-level-element .button-custom {
    border: 2px solid var(--main);
    color: var(--main);
}

/* Styling for the active (Diamond Plan) container */
.active .pmpro-level-inner {
    padding: 57px 30px;
    background: var(--main) !important;
    color: #fff !important;
}

.active .pmpro-level-inner .button-custom {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #fff;
    border: 1px solid;
}

.active h4, 
.active h6, 
.active li,
.active svg
{
    color: #fff !important;
}

/* Styling for the Free Plan container */
.pmpro-level-item:not(.active) .pmpro-level-inner {
    padding: 57px 30px;
    background: #f8f9fa; /* Subtle gray background for inactive plans */
    color: #333 !important;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.pmpro-level-item:not(.active) .pmpro-level-inner .button-custom {
    background: transparent !important;
    color: var(--main);
    border: 1px solid var(--main);
}

.pmpro-level-item:not(.active) h4, 
.pmpro-level-item:not(.active) h6, 
.pmpro-level-item:not(.active) li {
    color: #333 !important;
}

/* Hover effects for inactive plans */
.pmpro-level-item:not(.active):hover .pmpro-level-inner {
    background: #e9ecef; /* Slightly darker gray on hover */
    border-color: var(--main);
}
 .active  ul li:before {
    content: '\e803';
    font-family: "jws_icon";
    font-size: 24px;
    color: #fff!important;

}

.row {

    justify-content: center;
}/* End custom CSS */