\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\nlet checkbox = document.querySelector('#pricing4-customSwitch');\r\n\r\nchangeSelectedPlanColor();\r\n\r\ncheckbox.addEventListener('change', changeSelectedPlanColor );\r\n\r\nfunction changeSelectedPlanColor() {\r\n\r\nif (checkbox.checked) {\r\n\r\n$('#pricing4 .month').css({ color: 'orange' });\r\n\r\n$('#pricing4 .year').css({ color: 'black' });\r\n\r\n} else {\r\n\r\n$('#pricing4-customSwitch .month').css({ color: 'black' });\r\n\r\n$('#pricing4 .year').css({ color: 'orange' });\r\n\r\n}\r\n\r\n};\r\n\r\n})\r\n\r\n<\/script>\r\n