.elementor-3457 .elementor-element.elementor-element-a2764b4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3457 .elementor-element.elementor-element-a2764b4:not(.elementor-motion-effects-element-type-background), .elementor-3457 .elementor-element.elementor-element-a2764b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-3457 .elementor-element.elementor-element-a2764b4 > .elementor-background-overlay{background-color:#1A1A1A;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3457 .elementor-element.elementor-element-a2764b4{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF33;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:190px 32px 90px 32px;}.elementor-3457 .elementor-element.elementor-element-a2764b4, .elementor-3457 .elementor-element.elementor-element-a2764b4 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-3457 .elementor-element.elementor-element-93f349c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3457 .elementor-element.elementor-element-93f349c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3457 .elementor-element.elementor-element-bff8f11 > .elementor-container{max-width:900px;}.elementor-3457 .elementor-element.elementor-element-9bcc376.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-3457 .elementor-element.elementor-element-fe2933b{width:initial;max-width:initial;background-color:#0F0F0F80;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;padding:8px 16px 8px 16px;grid-column:span 5;grid-row:span 1;border-style:solid;border-width:1px 1px 1px 1px;border-color:#BFBFBF4D;border-radius:30px 30px 30px 30px;}.elementor-3457 .elementor-element.elementor-element-fe2933b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-fe2933b .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:7px;}.elementor-3457 .elementor-element.elementor-element-fe2933b .elementor-icon-box-title{margin-block-end:0px;color:#8C8C8C;}.elementor-3457 .elementor-element.elementor-element-fe2933b.elementor-view-stacked .elementor-icon{background-color:#BFBFBF;}.elementor-3457 .elementor-element.elementor-element-fe2933b.elementor-view-framed .elementor-icon, .elementor-3457 .elementor-element.elementor-element-fe2933b.elementor-view-default .elementor-icon{fill:#BFBFBF;color:#BFBFBF;border-color:#BFBFBF;}.elementor-3457 .elementor-element.elementor-element-fe2933b .elementor-icon{font-size:20px;}.elementor-3457 .elementor-element.elementor-element-fe2933b .elementor-icon-box-title, .elementor-3457 .elementor-element.elementor-element-fe2933b .elementor-icon-box-title a{font-size:14px;font-weight:600;}.elementor-3457 .elementor-element.elementor-element-fe2933b:has(:hover) .elementor-icon-box-title,
					 .elementor-3457 .elementor-element.elementor-element-fe2933b:has(:focus) .elementor-icon-box-title{color:#8C8C8C;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3457 .elementor-element.elementor-element-b10faba{padding:0% 0% 0% 0%;text-align:center;}.elementor-3457 .elementor-element.elementor-element-b10faba.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-b10faba .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:700;line-height:1em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3457 .elementor-element.elementor-element-58c8182.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-58c8182{text-align:center;font-family:"Open Sans", Sans-serif;font-size:16px;line-height:28px;color:#666666;}.elementor-3457 .elementor-element.elementor-element-58c8182 p{margin-block-end:0px;}.elementor-3457 .elementor-element.elementor-element-38f341e > .elementor-container{max-width:1300px;}.elementor-3457 .elementor-element.elementor-element-38f341e{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF33;padding:0px 0px 70px 0px;}.elementor-3457 .elementor-element.elementor-element-6378646 > .elementor-container{max-width:1100px;}.elementor-3457 .elementor-element.elementor-element-6378646{margin-top:0%;margin-bottom:0%;padding:15px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-82e26b7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3457 .elementor-element.elementor-element-82e26b7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D2D2DA1;}.elementor-3457 .elementor-element.elementor-element-82e26b7 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF33;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:32px 24px 32px 24px;}.elementor-3457 .elementor-element.elementor-element-82e26b7 > .elementor-element-populated, .elementor-3457 .elementor-element.elementor-element-82e26b7 > .elementor-element-populated > .elementor-background-overlay, .elementor-3457 .elementor-element.elementor-element-82e26b7 > .elementor-background-slideshow{border-radius:12px 12px 12px 12px;}.elementor-3457 .elementor-element.elementor-element-82e26b7:hover > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#BFBFBF;box-shadow:0px 0px 40px 0px rgba(191, 191, 191, 0.30196078431372547);}.elementor-3457 .elementor-element.elementor-element-82e26b7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-807827c .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-807827c .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-807827c span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-85522c0 .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-85522c0 .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-85522c0 span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-6b27173 .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-6b27173 .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-6b27173 span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-e981aad .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-e981aad .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-e981aad span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-1d7ed2d .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-1d7ed2d .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-1d7ed2d span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-9bbb85e .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-9bbb85e .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-9bbb85e span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-eed461d .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-eed461d .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-2e01999 .elementor-repeater-item-eed461d span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-2e01999{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-2e01999.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing .eael-pricing-item{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-style:none;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing.style-1 .eael-pricing-item .header:after, .elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing.style-3 .eael-pricing-item .header:after{background:#dbdbdb;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .header .title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .eael-pricing-tag .price-tag .original-price, .elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .eael-pricing-tag .price-tag .original-price .price-currency{color:#6F6F6F;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .eael-pricing-tag .price-tag .original-price{font-family:"Montserrat", Sans-serif;font-size:24px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .eael-pricing-tag .price-tag .original-price .price-currency{color:#6F6F6F;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:600;margin:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price, .elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price .price-currency{color:#FFFFFF;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price{font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price .price-currency{margin:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .price-period{color:#878787;font-family:"Quicksand", Sans-serif;font-size:18px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .body ul li.eael-pricing-item-feature{justify-content:left;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .body ul li{font-family:"Quicksand", Sans-serif;font-size:14px;font-weight:500;border-style:solid;border-width:1px 0px 0px 0px;border-color:#73737342;padding:15px 0px 15px 0px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .body ul li .li-icon img{height:15px;width:15px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .body ul li .li-icon svg{height:15px;width:15px;font-size:20px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .body ul li .li-icon i{font-size:15px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing-item .body ul li .li-icon{width:20px;height:20px;}div.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border,
					div.tooltipster-base.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#3d3d3d;}div.tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border, .tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#3d3d3d;}div.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border,
					div.tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#3d3d3d;}div.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border,
					div.tooltipster-base.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#3d3d3d;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing .eael-pricing-button img{height:16px;width:16px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing .eael-pricing-button svg{height:16px;width:16px;fill:#fff;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing .eael-pricing-button i{font-size:16px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing .eael-pricing-button{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:500;text-transform:capitalize;text-decoration:none;color:#fff;background:#007BFF;border-radius:10px;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing .eael-pricing-button:hover{color:#f9f9f9;background:#007BFFBD;}.elementor-3457 .elementor-element.elementor-element-2e01999 .eael-pricing .eael-pricing-button:hover svg{fill:#f9f9f9;}.elementor-3457 .elementor-element.elementor-element-e4f1569:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3457 .elementor-element.elementor-element-e4f1569 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D2D2DA1;}.elementor-3457 .elementor-element.elementor-element-e4f1569 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF33;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:32px 24px 32px 24px;}.elementor-3457 .elementor-element.elementor-element-e4f1569 > .elementor-element-populated, .elementor-3457 .elementor-element.elementor-element-e4f1569 > .elementor-element-populated > .elementor-background-overlay, .elementor-3457 .elementor-element.elementor-element-e4f1569 > .elementor-background-slideshow{border-radius:12px 12px 12px 12px;}.elementor-3457 .elementor-element.elementor-element-e4f1569:hover > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#BFBFBF;box-shadow:0px 0px 40px 0px rgba(191, 191, 191, 0.30196078431372547);}.elementor-3457 .elementor-element.elementor-element-e4f1569 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-807827c .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-807827c .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-807827c span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-85522c0 .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-85522c0 .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-85522c0 span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-6b27173 .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-6b27173 .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-6b27173 span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-e981aad .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-e981aad .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-e981aad span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-1d7ed2d .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-1d7ed2d .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-1d7ed2d span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-9bbb85e .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-9bbb85e .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-9bbb85e span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-bb58bd1 .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-bb58bd1 .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .elementor-repeater-item-bb58bd1 span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-7f6e476{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-3457 .elementor-element.elementor-element-7f6e476.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-7f6e476:hover{border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing .eael-pricing-item{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-style:none;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing.style-1 .eael-pricing-item .header:after, .elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing.style-3 .eael-pricing-item .header:after{background:#dbdbdb;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .header .title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .eael-pricing-tag .price-tag .original-price, .elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .eael-pricing-tag .price-tag .original-price .price-currency{color:#6F6F6F;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .eael-pricing-tag .price-tag .original-price{font-family:"Montserrat", Sans-serif;font-size:24px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .eael-pricing-tag .price-tag .original-price .price-currency{color:#6F6F6F;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:600;margin:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price, .elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price .price-currency{color:#FFFFFF;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price{font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price .price-currency{margin:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .price-period{color:#878787;font-family:"Quicksand", Sans-serif;font-size:18px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .body ul li.eael-pricing-item-feature{justify-content:left;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .body ul li{font-family:"Quicksand", Sans-serif;font-size:14px;font-weight:500;border-style:solid;border-width:1px 0px 0px 0px;border-color:#73737342;padding:015px 0px 15px 0px;margin:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .body ul li .li-icon img{height:15px;width:15px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .body ul li .li-icon svg{height:15px;width:15px;font-size:20px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .body ul li .li-icon i{font-size:15px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing-item .body ul li .li-icon{width:20px;height:20px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing .eael-pricing-button img{height:16px;width:16px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing .eael-pricing-button svg{height:16px;width:16px;fill:#fff;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing .eael-pricing-button i{font-size:16px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing .eael-pricing-button{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:500;text-transform:capitalize;text-decoration:none;color:#fff;background:#007BFF;border-radius:10px;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing .eael-pricing-button:hover{color:#f9f9f9;background:#007BFFBD;}.elementor-3457 .elementor-element.elementor-element-7f6e476 .eael-pricing .eael-pricing-button:hover svg{fill:#f9f9f9;}.elementor-3457 .elementor-element.elementor-element-008e013{padding:0px 0px 15px 0px;}.elementor-3457 .elementor-element.elementor-element-008e013.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-060062f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3457 .elementor-element.elementor-element-060062f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D2D2DA1;}.elementor-3457 .elementor-element.elementor-element-060062f > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF33;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:32px 24px 32px 24px;}.elementor-3457 .elementor-element.elementor-element-060062f > .elementor-element-populated, .elementor-3457 .elementor-element.elementor-element-060062f > .elementor-element-populated > .elementor-background-overlay, .elementor-3457 .elementor-element.elementor-element-060062f > .elementor-background-slideshow{border-radius:12px 12px 12px 12px;}.elementor-3457 .elementor-element.elementor-element-060062f:hover > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#BFBFBF;box-shadow:0px 0px 40px 0px rgba(191, 191, 191, 0.30196078431372547);}.elementor-3457 .elementor-element.elementor-element-060062f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-807827c .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-807827c .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-807827c span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-85522c0 .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-85522c0 .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-85522c0 span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-6b27173 .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-6b27173 .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-6b27173 span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-e981aad .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-e981aad .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-e981aad span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-1d7ed2d .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-1d7ed2d .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-1d7ed2d span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-9bbb85e .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-9bbb85e .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-9bbb85e span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-bb58bd1 .li-icon i{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-bb58bd1 .li-icon svg{fill:#E6E6E6 !important;}.elementor-3457 .elementor-element.elementor-element-23860a4 .elementor-repeater-item-bb58bd1 span{color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-23860a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-23860a4.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing .eael-pricing-item{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-style:none;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing.style-1 .eael-pricing-item .header:after, .elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing.style-3 .eael-pricing-item .header:after{background:#dbdbdb;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .header .title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .eael-pricing-tag .price-tag .original-price, .elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .eael-pricing-tag .price-tag .original-price .price-currency{color:#6F6F6F;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .eael-pricing-tag .price-tag .original-price{font-family:"Montserrat", Sans-serif;font-size:24px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .eael-pricing-tag .price-tag .original-price .price-currency{color:#6F6F6F;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:600;margin:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price, .elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price .price-currency{color:#FFFFFF;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price{font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .eael-pricing-tag .price-tag .sale-price .price-currency{margin:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .price-period{color:#878787;font-family:"Quicksand", Sans-serif;font-size:18px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .body ul li.eael-pricing-item-feature{justify-content:left;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .body ul li{font-family:"Quicksand", Sans-serif;font-size:14px;font-weight:500;border-style:solid;border-width:1px 0px 0px 0px;border-color:#73737342;padding:15px 0px 15px 0px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .body ul li .li-icon img{height:15px;width:15px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .body ul li .li-icon svg{height:15px;width:15px;font-size:20px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .body ul li .li-icon i{font-size:15px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing-item .body ul li .li-icon{width:20px;height:20px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing .eael-pricing-button img{height:16px;width:16px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing .eael-pricing-button svg{height:16px;width:16px;fill:#fff;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing .eael-pricing-button i{font-size:16px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing .eael-pricing-button{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:500;text-transform:capitalize;text-decoration:none;color:#fff;background:#007BFF;border-radius:10px;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing .eael-pricing-button:hover{color:#f9f9f9;background:#007BFFBD;}.elementor-3457 .elementor-element.elementor-element-23860a4 .eael-pricing .eael-pricing-button:hover svg{fill:#f9f9f9;}.elementor-3457 .elementor-element.elementor-element-326b562{padding:0px 0px 15px 0px;}.elementor-3457 .elementor-element.elementor-element-326b562.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-89e51f3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-cbf34a7 > .elementor-container{max-width:1300px;}.elementor-3457 .elementor-element.elementor-element-cbf34a7{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF33;padding:30px 0px 70px 0px;}.elementor-3457 .elementor-element.elementor-element-627efd8{padding:0px 0px 0px 0px;text-align:center;}.elementor-3457 .elementor-element.elementor-element-627efd8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-627efd8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-3457 .elementor-element.elementor-element-248da39.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-9617793.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-9617793{text-align:center;font-family:"Open Sans", Sans-serif;font-size:16px;line-height:28px;color:#666666;}.elementor-3457 .elementor-element.elementor-element-9617793 p{margin-block-end:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3457 .elementor-element.elementor-element-6ed95f9{--divider-border-style:solid;--divider-color:#FFFFFF33;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-6ed95f9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-6ed95f9 .elementor-divider-separator{width:30%;margin:0 auto;margin-center:0;}.elementor-3457 .elementor-element.elementor-element-6ed95f9 .elementor-divider{text-align:center;}.elementor-3457 .elementor-element.elementor-element-ed4ea70 > .elementor-container{max-width:900px;}.elementor-3457 .elementor-element.elementor-element-ed4ea70{margin-top:0%;margin-bottom:0%;padding:20px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-6c9de90:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3457 .elementor-element.elementor-element-6c9de90 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D2D2D;}.elementor-3457 .elementor-element.elementor-element-6c9de90 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF33;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;padding:32px 24px 32px 24px;}.elementor-3457 .elementor-element.elementor-element-6c9de90 > .elementor-element-populated, .elementor-3457 .elementor-element.elementor-element-6c9de90 > .elementor-element-populated > .elementor-background-overlay, .elementor-3457 .elementor-element.elementor-element-6c9de90 > .elementor-background-slideshow{border-radius:12px 12px 12px 12px;}.elementor-3457 .elementor-element.elementor-element-6c9de90 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3457 .elementor-element.elementor-element-5937c5b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-5937c5b{text-align:center;}.elementor-3457 .elementor-element.elementor-element-5937c5b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:600;line-height:24px;color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-e45dfda{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF33;text-align:center;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.5px;color:#666666;}.elementor-3457 .elementor-element.elementor-element-e45dfda.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-e45dfda p{margin-block-end:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-3457 .elementor-element.elementor-element-a594fe3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:15px;}.elementor-3457 .elementor-element.elementor-element-a594fe3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-icon i{color:#E6E6E6;transition:color 0.3s;}.elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-icon svg{fill:#E6E6E6;transition:fill 0.3s;}.elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-icon{padding-inline-end:8px;}.elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-item > a{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:500;letter-spacing:0.4px;}.elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3457 .elementor-element.elementor-element-4fce781 .elementor-button{background-color:#007BFF;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.3px;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:15px 20px 15px 20px;}.elementor-3457 .elementor-element.elementor-element-4fce781 .elementor-button:hover, .elementor-3457 .elementor-element.elementor-element-4fce781 .elementor-button:focus{background-color:#007BFF;color:#FFFFFF;box-shadow:0px 0px 7px 0px rgba(255, 255, 255, 0.30196078431372547);}.elementor-3457 .elementor-element.elementor-element-4fce781{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-3457 .elementor-element.elementor-element-4fce781.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-4fce781 .elementor-button:hover svg, .elementor-3457 .elementor-element.elementor-element-4fce781 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3457 .elementor-element.elementor-element-7b1f3b2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3457 .elementor-element.elementor-element-7b1f3b2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D2D2D;}.elementor-3457 .elementor-element.elementor-element-7b1f3b2 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF33;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:32px 24px 32px 24px;}.elementor-3457 .elementor-element.elementor-element-7b1f3b2 > .elementor-element-populated, .elementor-3457 .elementor-element.elementor-element-7b1f3b2 > .elementor-element-populated > .elementor-background-overlay, .elementor-3457 .elementor-element.elementor-element-7b1f3b2 > .elementor-background-slideshow{border-radius:12px 12px 12px 12px;}.elementor-3457 .elementor-element.elementor-element-7b1f3b2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3457 .elementor-element.elementor-element-864a3f6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-864a3f6{text-align:center;}.elementor-3457 .elementor-element.elementor-element-864a3f6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:600;line-height:24px;color:#E6E6E6;}.elementor-3457 .elementor-element.elementor-element-f10ca01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF33;text-align:center;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.5px;color:#666666;}.elementor-3457 .elementor-element.elementor-element-f10ca01.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-f10ca01 p{margin-block-end:0px;}.elementor-3457 .elementor-element.elementor-element-29ff74b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:15px;}.elementor-3457 .elementor-element.elementor-element-29ff74b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-icon i{color:#E6E6E6;transition:color 0.3s;}.elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-icon svg{fill:#E6E6E6;transition:fill 0.3s;}.elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-icon{padding-inline-end:8px;}.elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-item > a{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:500;letter-spacing:0.4px;}.elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-3457 .elementor-element.elementor-element-7182695 .elementor-button{background-color:#007BFF;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.3px;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:15px 20px 15px 20px;}.elementor-3457 .elementor-element.elementor-element-7182695 .elementor-button:hover, .elementor-3457 .elementor-element.elementor-element-7182695 .elementor-button:focus{background-color:#007BFF;color:#FFFFFF;box-shadow:0px 0px 7px 0px rgba(255, 255, 255, 0.30196078431372547);}.elementor-3457 .elementor-element.elementor-element-7182695{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-3457 .elementor-element.elementor-element-7182695.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-7182695 .elementor-button:hover svg, .elementor-3457 .elementor-element.elementor-element-7182695 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3457 .elementor-element.elementor-element-ef393ca > .elementor-container{max-width:1300px;}.elementor-3457 .elementor-element.elementor-element-ef393ca{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF33;padding:30px 0px 30px 0px;}.elementor-3457 .elementor-element.elementor-element-da9872d{padding:0px 0px 0px 0px;text-align:center;}.elementor-3457 .elementor-element.elementor-element-da9872d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-da9872d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-3457 .elementor-element.elementor-element-3a4ecba.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-3a4ecba{text-align:center;font-family:"Open Sans", Sans-serif;font-size:16px;line-height:28px;color:#666666;}.elementor-3457 .elementor-element.elementor-element-3a4ecba p{margin-block-end:0px;}.elementor-3457 .elementor-element.elementor-element-b33bf71{--divider-border-style:solid;--divider-color:#FFFFFF33;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-b33bf71.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-b33bf71 .elementor-divider-separator{width:30%;margin:0 auto;margin-center:0;}.elementor-3457 .elementor-element.elementor-element-b33bf71 .elementor-divider{text-align:center;}.elementor-3457 .elementor-element.elementor-element-02fe89c{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:15px 20px 0px 20px;}.elementor-3457 .elementor-element.elementor-element-02fe89c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-7c9ee34 .elementor-button{background-color:#007BFF;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.3px;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:11px 40px 11px 40px;}.elementor-3457 .elementor-element.elementor-element-7c9ee34 .elementor-button:hover, .elementor-3457 .elementor-element.elementor-element-7c9ee34 .elementor-button:focus{background-color:#007BFF;color:#FFFFFF;box-shadow:0px 0px 7px 0px rgba(255, 255, 255, 0.30196078431372547);}.elementor-3457 .elementor-element.elementor-element-7c9ee34{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-3457 .elementor-element.elementor-element-7c9ee34.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-7c9ee34 .elementor-button:hover svg, .elementor-3457 .elementor-element.elementor-element-7c9ee34 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3457 .elementor-element.elementor-element-57b0dce:not(.elementor-motion-effects-element-type-background), .elementor-3457 .elementor-element.elementor-element-57b0dce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(120deg, #1A1A1A 0%, #2D2D2D 100%);}.elementor-3457 .elementor-element.elementor-element-57b0dce > .elementor-background-overlay{opacity:0.85;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3457 .elementor-element.elementor-element-57b0dce{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0%;margin-bottom:0%;padding:70px 20px 70px 20px;}.elementor-3457 .elementor-element.elementor-element-d2549c1{padding:0px 0px 0px 0px;text-align:center;}.elementor-3457 .elementor-element.elementor-element-d2549c1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-d2549c1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.elementor-3457 .elementor-element.elementor-element-204d0af.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-204d0af{text-align:center;font-family:"Open Sans", Sans-serif;font-size:16px;line-height:26px;color:#666666;}.elementor-3457 .elementor-element.elementor-element-204d0af p{margin-block-end:0px;}.elementor-3457 .elementor-element.elementor-element-b3bae08 .elementor-button{background-color:#007BFF;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0.3px;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:15px 30px 15px 30px;}.elementor-3457 .elementor-element.elementor-element-b3bae08 .elementor-button:hover, .elementor-3457 .elementor-element.elementor-element-b3bae08 .elementor-button:focus{background-color:#007BFF;color:#FFFFFF;}.elementor-3457 .elementor-element.elementor-element-b3bae08{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-3457 .elementor-element.elementor-element-b3bae08.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-3457 .elementor-element.elementor-element-b3bae08 .elementor-button:hover svg, .elementor-3457 .elementor-element.elementor-element-b3bae08 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3457 .elementor-element.elementor-element-6b9fa3d.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(max-width:1024px){.elementor-3457 .elementor-element.elementor-element-a2764b4{padding:160px 30px 90px 30px;}.elementor-3457 .elementor-element.elementor-element-bff8f11 > .elementor-container{max-width:600px;}.elementor-3457 .elementor-element.elementor-element-b10faba .elementor-heading-title{font-size:32px;}.elementor-3457 .elementor-element.elementor-element-58c8182{font-size:16px;}.elementor-3457 .elementor-element.elementor-element-6378646{padding:10px 10px 0px 10px;}.elementor-3457 .elementor-element.elementor-element-82e26b7 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:9% 6% 9% 6%;}.elementor-3457 .elementor-element.elementor-element-e4f1569 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:9% 6% 9% 6%;}.elementor-3457 .elementor-element.elementor-element-060062f > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:9% 6% 9% 6%;}.elementor-3457 .elementor-element.elementor-element-6c9de90 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:9% 6% 9% 6%;}.elementor-3457 .elementor-element.elementor-element-5937c5b .elementor-heading-title{font-size:20px;}.elementor-3457 .elementor-element.elementor-element-e45dfda{font-size:15px;}.elementor-3457 .elementor-element.elementor-element-4fce781 .elementor-button{padding:15px 18px 15px 18px;}.elementor-3457 .elementor-element.elementor-element-7b1f3b2 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:9% 6% 9% 6%;}.elementor-3457 .elementor-element.elementor-element-864a3f6 .elementor-heading-title{font-size:20px;}.elementor-3457 .elementor-element.elementor-element-f10ca01{font-size:15px;}.elementor-3457 .elementor-element.elementor-element-7182695 .elementor-button{padding:15px 18px 15px 18px;}.elementor-3457 .elementor-element.elementor-element-02fe89c{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:010px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-7c9ee34 .elementor-button{padding:15px 18px 15px 18px;}.elementor-3457 .elementor-element.elementor-element-57b0dce{padding:70px 40px 70px 40px;}.elementor-3457 .elementor-element.elementor-element-d2549c1 .elementor-heading-title{font-size:32px;}.elementor-3457 .elementor-element.elementor-element-b3bae08 .elementor-button{padding:18px 35px 18px 35px;}}@media(max-width:767px){.elementor-3457 .elementor-element.elementor-element-a2764b4{padding:0180px 15px 096px 15px;}.elementor-3457 .elementor-element.elementor-element-93f349c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-fe2933b .elementor-icon-box-wrapper{text-align:start;}.elementor-3457 .elementor-element.elementor-element-b10faba{text-align:center;}.elementor-3457 .elementor-element.elementor-element-b10faba .elementor-heading-title{font-size:32px;line-height:1.1em;}.elementor-3457 .elementor-element.elementor-element-58c8182{text-align:center;font-size:16px;}.elementor-3457 .elementor-element.elementor-element-6378646{padding:12px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-82e26b7 > .elementor-element-populated{margin:25px 0px 25px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:40px 18px 40px 018px;}.elementor-3457 .elementor-element.elementor-element-e4f1569 > .elementor-element-populated{margin:25px 0px 25px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:40px 18px 40px 018px;}.elementor-3457 .elementor-element.elementor-element-060062f > .elementor-element-populated{margin:25px 0px 25px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:40px 18px 40px 018px;}.elementor-3457 .elementor-element.elementor-element-627efd8 .elementor-heading-title{font-size:36px;}.elementor-3457 .elementor-element.elementor-element-ed4ea70{margin-top:0%;margin-bottom:0%;padding:20px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-6c9de90 > .elementor-element-populated{margin:25px 0px 25px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:40px 018px 40px 0018px;}.elementor-3457 .elementor-element.elementor-element-5937c5b .elementor-heading-title{font-size:20px;}.elementor-3457 .elementor-element.elementor-element-e45dfda{font-size:15px;}.elementor-3457 .elementor-element.elementor-element-e45dfda p{margin-block-end:0px;}.elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3457 .elementor-element.elementor-element-a594fe3 .elementor-icon-list-item > a{font-size:14px;}.elementor-3457 .elementor-element.elementor-element-4fce781 .elementor-button{font-size:15px;line-height:1.2em;padding:12px 15px 12px 15px;}.elementor-3457 .elementor-element.elementor-element-7b1f3b2 > .elementor-element-populated{margin:25px 0px 25px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:40px 18px 40px 018px;}.elementor-3457 .elementor-element.elementor-element-864a3f6 .elementor-heading-title{font-size:20px;}.elementor-3457 .elementor-element.elementor-element-f10ca01{font-size:15px;}.elementor-3457 .elementor-element.elementor-element-f10ca01 p{margin-block-end:0px;}.elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3457 .elementor-element.elementor-element-29ff74b .elementor-icon-list-item > a{font-size:14px;}.elementor-3457 .elementor-element.elementor-element-7182695 .elementor-button{font-size:15px;line-height:1.2em;padding:12px 15px 12px 15px;}.elementor-3457 .elementor-element.elementor-element-da9872d .elementor-heading-title{font-size:36px;}.elementor-3457 .elementor-element.elementor-element-02fe89c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;}.elementor-3457 .elementor-element.elementor-element-7c9ee34 .elementor-button{font-size:15px;line-height:1.2em;padding:12px 15px 12px 15px;}.elementor-3457 .elementor-element.elementor-element-57b0dce{padding:70px 15px 70px 15px;}.elementor-3457 .elementor-element.elementor-element-d2549c1 .elementor-heading-title{font-size:28px;}.elementor-3457 .elementor-element.elementor-element-204d0af{font-size:16px;}.elementor-3457 .elementor-element.elementor-element-b3bae08 .elementor-button{font-size:15px;line-height:1.2em;padding:12px 15px 12px 15px;}}@media(min-width:768px){.elementor-3457 .elementor-element.elementor-element-93f349c{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3457 .elementor-element.elementor-element-6c9de90{width:50%;}.elementor-3457 .elementor-element.elementor-element-7b1f3b2{width:50%;}}/* Start custom CSS for column, class: .elementor-element-cc56931 */<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>A4B Combo Builder</title>
    <style>
        /* A4B Combo Builder - Screenshot Match */
        :root {
            --bg-body: #111827;
            /* Dark Blue-ish Grey */
            --bg-card: #1f2937;
            --bg-header: #1f2937;
            --primary: #3b82f6;
            /* Blue Button */
            --primary-hover: #2563eb;
            --text-main: #f3f4f6;
            --text-sub: #9ca3af;
            --border: #374151;
            --pill-bg: #374151;
            --success: #10b981;
        }

        body {
            font-family: 'Inter', sans-serif;
            background: var(--bg-body);
            color: var(--text-main);
            margin: 0;
            padding: 20px;
        }

        .a4b-wrapper {
            max-width: 1100px;
            margin: 0 auto;
        }

        /* --- TOP CONTROLS --- */
        .a4b-top-bar {
            text-align: center;
            margin-bottom: 30px;
        }

        /* TIER PILLS (Personal/Business/Agency) */
        .a4b-tier-toggles {
            display: inline-flex;
            background: var(--pill-bg);
            padding: 4px;
            border-radius: 50px;
            margin-bottom: 20px;
        }

        .a4b-tier-btn {
            background: transparent;
            border: none;
            color: var(--text-sub);
            padding: 8px 24px;
            border-radius: 40px;
            cursor: pointer;
            font-weight: 600;
            transition: all 0.2s;
        }

        .a4b-tier-btn.active {
            background: var(--primary);
            color: white;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

        /* FREQ & HEADER */
        .a4b-sub-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: var(--bg-card);
            padding: 15px 25px;
            border-radius: 8px 8px 0 0;
            border-bottom: 1px solid var(--border);
        }

        .a4b-freq-toggles {
            display: flex;
            gap: 10px;
        }

        .a4b-freq-btn {
            background: var(--primary);
            color: white;
            border: none;
            padding: 6px 16px;
            border-radius: 4px;
            font-size: 0.9rem;
            cursor: pointer;
        }

        .a4b-freq-btn.inactive {
            background: transparent;
            color: var(--text-sub);
        }

        /* --- MAIN GRID --- */
        .a4b-grid {
            display: grid;
            grid-template-columns: 1.5fr 1fr;
            /* Left List, Right Summary */
            gap: 20px;
            margin-top: 20px;
        }

        /* --- PRODUCT LIST (Left) --- */
        .a4b-prod-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .a4b-prod-card {
            display: flex;
            align-items: center;
            background: var(--bg-card);
            padding: 15px 20px;
            border-radius: 8px;
            border: 1px solid var(--border);
            transition: all 0.2s;
        }

        .a4b-prod-card:hover {
            border-color: #4b5563;
        }

        .a4b-icon-box {
            width: 45px;
            height: 45px;
            border-radius: 8px;
            background: #374151;
            /* Placeholder Icon Bg */
            margin-right: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
        }

        .a4b-prod-details {
            flex: 1;
        }

        .a4b-prod-title {
            display: block;
            font-weight: 700;
            font-size: 1rem;
            color: white;
        }

        .a4b-prod-meta {
            display: block;
            font-size: 0.8rem;
            color: var(--text-sub);
            margin-top: 3px;
        }

        .a4b-price-badge {
            color: #10b981;
            font-weight: 600;
            margin-right: 5px;
        }

        .a4b-add-btn {
            background: var(--primary);
            color: white;
            border: none;
            padding: 6px 16px;
            border-radius: 6px;
            cursor: pointer;
            font-weight: 600;
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 5px;
            transition: background 0.2s;
        }

        .a4b-add-btn:hover {
            background: var(--primary-hover);
        }

        .a4b-add-btn.added {
            background: #ef4444;
            /* Red for remove? Or strictly Toggle */
        }

        .a4b-add-btn.included-badge {
            background: transparent;
            color: var(--success);
            cursor: default;
            border: 1px solid var(--success);
        }

        /* --- SUMMARY (Right) --- */
        .a4b-summary-card {
            background: var(--bg-card);
            border-radius: 8px;
            border: 1px solid var(--border);
            padding: 30px;
            text-align: center;
            position: sticky;
            top: 20px;
            height: fit-content;
        }

        .a4b-empty-cart-icon {
            font-size: 3rem;
            color: var(--primary);
            background: rgba(59, 130, 246, 0.1);
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px auto;
        }

        .a4b-summary-title {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .a4b-summary-text {
            color: var(--text-sub);
            margin-bottom: 30px;
        }

        .a4b-cart-list {
            text-align: left;
            margin-bottom: 20px;
            border-top: 1px solid var(--border);
            padding-top: 15px;
        }

        .a4b-cart-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            font-size: 0.9rem;
        }

        .a4b-total-line {
            display: flex;
            justify-content: space-between;
            font-size: 1.2rem;
            font-weight: bold;
            color: var(--primary);
            border-top: 1px solid var(--border);
            padding-top: 15px;
            margin-top: 20px;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .a4b-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>

<body>

    <div class="a4b-wrapper">

        <!-- LEVEL 1: TIER TOGGLE -->
        <div class="a4b-top-bar">
            <div class="a4b-tier-toggles">
                <button class="a4b-tier-btn" onclick="setTier('free')" id="tier_free">Free (Starter)</button>
                <button class="a4b-tier-btn active" onclick="setTier('pro')" id="tier_pro">Pro (Manual)</button>
                <button class="a4b-tier-btn" onclick="setTier('pro_plus')" id="tier_pro_plus">Pro+ (Auto)</button>
                <button class="a4b-tier-btn" onclick="setTier('elite')" id="tier_elite">Elite (All-In-One)</button>
            </div>
        </div>

        <div class="a4b-sub-header">
            <div class="a4b-freq-toggles">
                <button class="a4b-freq-btn" onclick="setFreq('yearly')" id="freq_yearly">Yearly</button>
                <button class="a4b-freq-btn inactive" onclick="setFreq('lifetime')" id="freq_lifetime">Lifetime</button>
            </div>
            <div style="color:var(--text-sub); font-size:0.9rem;">
                Have a coupon? <a href="#" style="color:#ef4444;">Click Here</a>.
            </div>
        </div>

        <!-- MAIN CONTENT -->
        <div class="a4b-grid">

            <!-- LEFT: PRODUCT LIST -->
            <div class="a4b-prod-list" id="productList">
                <!-- JS Populated -->
            </div>

            <!-- RIGHT: SUMMARY -->
            <div class="a4b-summary-card">
                <div id="emptyState" style="display:block;">
                    <div class="a4b-empty-cart-icon">🛒</div>
                    <div class="a4b-summary-title">Choose Products</div>
                    <div class="a4b-summary-text">Select multiple products to unlock special combo discounts.</div>
                </div>

                <div id="cartState" style="display:none;">
                    <h3 style="margin-top:0;">Your Bundle</h3>
                    <div class="a4b-cart-list" id="cartList"></div>
                    <div class="a4b-total-line">
                        <span>Total</span>
                        <span id="cartTotal">$0</span>
                    </div>
                    <button
                        style="width:100%; padding:15px; margin-top:20px; background:var(--primary); border:none; border-radius:6px; color:white; font-weight:bold; cursor:pointer;">Checkout
                        Now</button>
                </div>
            </div>

        </div>

    </div>

    <script>
        // --- DATA (A4B Logic) ---
        // Simulating Backend Logic: 'tiers_included' means this product is FREE for that tier.
        // 'tiers_compat' means it is VISIBLE for that tier.
        const products = [
            {
                id: 101, name: "Volume Profile Pro", cat: "indicator",
                tiers_included: ['elite'], tiers_compat: ['free', 'pro', 'pro_plus', 'elite'],
                price: { yearly: 99, lifetime: 199 }, icon: "📊"
            },
            {
                id: 102, name: "Order Flow Delta", cat: "indicator",
                tiers_included: ['elite'], tiers_compat: ['free', 'pro', 'pro_plus', 'elite'],
                price: { yearly: 99, lifetime: 199 }, icon: "🌊"
            },
            {
                id: 103, name: "Market Depth Map", cat: "indicator",
                tiers_included: ['elite'], tiers_compat: ['free', 'pro', 'pro_plus', 'elite'],
                price: { yearly: 99, lifetime: 199 }, icon: "🗺️"
            },
            {
                id: 104, name: "Trade Copier", cat: "system",
                tiers_included: ['elite'], tiers_compat: ['pro', 'pro_plus', 'elite'], // Hidden from Free
                price: { yearly: 149, lifetime: 299 }, icon: "🔄"
            },
            {
                id: 105, name: "Auto-Stop Manager", cat: "system",
                tiers_included: ['pro', 'pro_plus', 'elite'], tiers_compat: ['free', 'pro', 'pro_plus', 'elite'],
                price: { yearly: 49, lifetime: 99 }, icon: "🛑"
            },
            {
                id: 106, name: "Renko Hybrid Strategy", cat: "strategy",
                tiers_included: [], tiers_compat: ['pro_plus', 'elite'], // Only for Auto-Traders
                price: { yearly: 299, lifetime: 599 }, icon: "🤖"
            }
        ];

        // --- STATE ---
        let state = {
            tier: 'pro',
            freq: 'yearly',
            cart: new Set()
        };

        // --- INIT ---
        function init() {
            const urlParams = new URLSearchParams(window.location.search);

            if (urlParams.get('type')) {
                const type = urlParams.get('type');
                state.freq = (type === 'yearly' || type === 'lifetime') ? type : 'yearly';
            }

            const plans = urlParams.get('plan_ids');
            if (plans) {
                plans.split(',').forEach(id => state.cart.add(parseInt(id)));
            }

            render();
        }

        // --- ACTIONS ---
        function setTier(t) { state.tier = t; render(); }

        function setFreq(f) {
            state.freq = f;
            render();
        }

        function toggleProd(id) {
            if (state.cart.has(id)) state.cart.delete(id);
            else state.cart.add(id);
            render();
        }

        // --- RENDER ---
        function render() {
            // 1. Toggles UI
            updateToggleUI();

            // 2. Product List
            const listContainer = document.getElementById('productList');
            listContainer.innerHTML = '';

            products.forEach(p => {
                // Compatibility Check
                if (!p.tiers_compat.includes(state.tier)) return;

                // Logic Check
                const isIncluded = p.tiers_included.includes(state.tier);
                const isAdded = state.cart.has(p.id);

                // Price Display
                let priceDisplay = `$${p.price[state.freq]}`;
                let btnLabel = isAdded ? 'Remove' : '+ Add';
                let btnClass = isAdded ? 'a4b-add-btn added' : 'a4b-add-btn';
                let onClick = `toggleProd(${p.id})`;

                // If Included, override price and button
                if (isIncluded) {
                    priceDisplay = '<span style="color:#10b981; font-weight:bold;">INCLUDED</span>';
                    btnLabel = '✓ Included';
                    btnClass = 'a4b-add-btn included-badge';
                    onClick = ''; // Disable click
                    if (state.cart.has(p.id)) state.cart.delete(p.id); // Remove from payable cart if included
                }

                // Sub-Text based on Tier
                let subText = p.cat.toUpperCase();
                if (state.tier === 'elite') subText = "Elite Package";
                else if (state.tier === 'pro_plus') subText = "Pro+ Bundle";

                listContainer.innerHTML += `
                <div class="a4b-prod-card">
                    <div class="a4b-icon-box">${p.icon}</div>
                    <div class="a4b-prod-details">
                        <span class="a4b-prod-title">${p.name}</span>
                        <span class="a4b-prod-meta">${subText}</span>
                        <div style="margin-top:5px; font-size:0.9rem;">
                            <span class="a4b-price-badge">${priceDisplay}</span>
                            <span style="color:#6b7280; font-size:0.8rem;">• ${!isIncluded ? (state.freq === 'yearly' ? 'Annual renewal' : 'One-time payment') : 'Free with plan'}</span>
                        </div>
                    </div>
                    <button class="${btnClass}" onclick="${onClick}">
                        ${btnLabel}
                    </button>
                </div>
            `;
            });

            // 3. Summary
            renderSummary();
        }

        function renderSummary() {
            const emptyState = document.getElementById('emptyState');
            const cartState = document.getElementById('cartState');
            const cartList = document.getElementById('cartList');
            const cartTotal = document.getElementById('cartTotal');

            // Only count NON-INCLUDED items in total
            let payableItems = [];
            state.cart.forEach(id => {
                const p = products.find(x => x.id === id);
                // Double check it's not included just in case
                if (p && !p.tiers_included.includes(state.tier) && p.tiers_compat.includes(state.tier)) {
                    payableItems.push(p);
                }
            });

            if (payableItems.length === 0) {
                emptyState.style.display = 'block';
                cartState.style.display = 'none';
            } else {
                emptyState.style.display = 'none';
                cartState.style.display = 'block';

                cartList.innerHTML = '';
                let total = 0;
                payableItems.forEach(p => {
                    const price = p.price[state.freq];
                    total += price;
                    cartList.innerHTML += `
                    <div class="a4b-cart-item">
                        <span>${p.name}</span>
                        <span>$${price}</span>
                    </div>
                `;
                });
                cartTotal.innerText = '$' + total;
            }
        }

        function updateToggleUI() {
            // Tiers
            document.querySelectorAll('.a4b-tier-btn').forEach(b => b.classList.remove('active'));
            if (document.getElementById('tier_' + state.tier)) {
                document.getElementById('tier_' + state.tier).classList.add('active');
            }

            // Freq
            document.querySelectorAll('.a4b-freq-btn').forEach(b => {
                if (b.id === 'freq_' + state.freq) {
                    b.style.background = 'var(--primary)';
                    b.style.color = 'white';
                    b.classList.remove('inactive');
                } else {
                    b.style.background = 'transparent';
                    b.style.color = 'var(--text-sub)';
                    b.classList.add('inactive');
                }
            });
        }

        // Run
        init();

    </script>
</body>

</html>/* End custom CSS */