.elementor-1509 .elementor-element.elementor-element-4022d78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-1509 .elementor-element.elementor-element-4022d78:not(.elementor-motion-effects-element-type-background), .elementor-1509 .elementor-element.elementor-element-4022d78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7E6E6;background-image:url("https://ugcindex.co.il/wp-content/uploads/2024/10/6936453.jpg");background-position:center center;background-size:cover;}.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-1509 .elementor-element.elementor-element-0714336{text-align:center;}.elementor-1509 .elementor-element.elementor-element-0714336 .elementor-heading-title{color:var( --e-global-color-389b408 );}.elementor-1509 .elementor-element.elementor-element-de8fc99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1509 .elementor-element.elementor-element-b521fb5{--spacer-size:80px;}.elementor-1509 .elementor-element.elementor-element-ea990ed{--display:flex;}/* Start custom CSS */document.addEventListener("DOMContentLoaded", function () {
    const monthlyButton = document.getElementById("monthly-btn");
    const threeMonthsButton = document.getElementById("three-months-btn");
    const twelveMonthsButton = document.getElementById("twelve-months-btn");

    const packages = [
        {
            id: "package-pro",
            monthlyPrice: "49.90 ₪",
            threeMonthsPrice: "39.90 ₪",
            twelveMonthsPrice: "29.90 ₪",
            monthlyLink: "link-to-monthly",
            threeMonthsLink: "link-to-three-months",
            twelveMonthsLink: "link-to-twelve-months",
        },
        {
            id: "package-basic",
            monthlyPrice: "29.90 ₪",
            threeMonthsPrice: "24.90 ₪",
            twelveMonthsPrice: "19.90 ₪",
            monthlyLink: "link-to-basic-monthly",
            threeMonthsLink: "link-to-basic-three-months",
            twelveMonthsLink: "link-to-basic-twelve-months",
        },
        {
            id: "package-free",
            monthlyPrice: "0 ₪",
            threeMonthsPrice: "0 ₪",
            twelveMonthsPrice: "0 ₪",
            monthlyLink: "link-to-free-monthly",
            threeMonthsLink: "link-to-free-three-months",
            twelveMonthsLink: "link-to-free-twelve-months",
        }
    ];

    function updatePackages(period) {
        packages.forEach(pkg => {
            const packageElement = document.getElementById(pkg.id);
            const priceElement = packageElement.querySelector(".price");
            const linkElement = packageElement.querySelector("a");

            switch (period) {
                case "monthly":
                    priceElement.textContent = pkg.monthlyPrice;
                    linkElement.href = pkg.monthlyLink;
                    break;
                case "threeMonths":
                    priceElement.textContent = pkg.threeMonthsPrice;
                    linkElement.href = pkg.threeMonthsLink;
                    break;
                case "twelveMonths":
                    priceElement.textContent = pkg.twelveMonthsPrice;
                    linkElement.href = pkg.twelveMonthsLink;
                    break;
            }
        });
    }

    monthlyButton.addEventListener("click", function () {
        updatePackages("monthly");
    });
    threeMonthsButton.addEventListener("click", function () {
        updatePackages("threeMonths");
    });
    twelveMonthsButton.addEventListener("click", function () {
        updatePackages("twelveMonths");
    });
});/* End custom CSS */