:root {
			--bs-spacing-value: 30px;
			--bs-spacing-1: 5px;
			--bs-spacing-2: 10px;
			--bs-spacing-3: 15px;
			--bs-spacing-4: 30px;
			--bs-spacing-5: 60px;

            --bs-col-gutter: var(--bs-spacing-value);
			--bs-row-gutter: 0;
			
            --text: #333333;
            --text-negative: #FFFFFF;

            --primary: #182744;
            --secondary: #aac8cc;
            --success: #a6b338;
            --info: #dfeaec;
            --warning: #BD9538;
            --danger: #BD3838;
            --light: #EBEBEB;
            --dark: #333333;

            --primary-light: #22365f;
            --secondary-light: #ffffff;
            --success-light: #cad475;
            --info-light: #ffffff;
            --warning-light: #d9be7e;
            --danger-light: #d97e7e;
            --light-light: #ffffff;
            --dark-light: #474747;

            --primary-dark: #0e1729;
            --secondary-dark: #54868c;
            --success-dark: #646b22;
            --info-dark: #6c9fa8;
            --warning-dark: #715922;
            --danger-dark: #712222;
            --light-dark: #8d8d8d;
            --dark-dark: #1f1f1f;

			--size-h1: 66px;
            --size-h2: 50px;
            --size-h3: 46px;
            --size-h4: 36px;
            --size-h5: 26px;
            --size-h6: 20px;

            --min-size-h1: 46px;
            --min-size-h2: 36px;
            --min-size-h3: 26px;
            --min-size-h4: 26px;
            --min-size-h5: 20px;
            --min-size-h6: 16px;

            --size-1: 12px;
            --size-2: 14px;
            --size-3: 16px;
            --size-4: 20px;
            --size-5: 24px;
            --size-6: 28px;
            --size-7: 35px;

            --scale-1: 0.5;
            --scale-2: 0.8;
            --scale-3: 1.25;
            --scale-4: 1.5;
            --scale-5: 2;
            --scale-6: 2.5;
            --scale-7: 3;

            --color-h1: #333333;
            --color-h2: #333333;
            --color-h3: #333333;
            --color-h4: #333333;
            --color-h5: #333333;
            --color-h6: #333333;

            --font: 'Nunito Sans', sans-serif;
            --font-heading: 'Abril Fatface', serif;
            --line-height: 1.3;
            --size: 16px;
            --min-size: 14px;
            --size-button: 16px;
            --min-size-button: 11px;
            --menu-line-height: 45px;
            --border-radius: .25em;
		
		--color-0: #C8D959;
			--color-1: #EEEEEE;
			--color-2: #999999;
			--gradient-0: 
			}
        .row {
            --bs-fallback-col-gutter: var(--bs-spacing-value);
            --bs-fallback-row-gutter: 0;

            --bs-col-gutter: var(--bs-spacing-value);
            --bs-row-gutter: 0;
        }

        .columnz-row {
            --bs-fallback-col-gutter: var(--bs-spacing-value);
            --bs-fallback-row-gutter: var(--bs-spacing-value);

            --bs-col-gutter: var(--bs-spacing-value);
            --bs-row-gutter: var(--bs-spacing-value);
        }

        .row.small-row {
            --bs-fallback-col-gutter: 20px;
            --bs-fallback-row-gutter: 20px;

            --bs-col-gutter: 20px;
            --bs-row-gutter: 20px;
        }

        .row.no-gutters {
            --bs-fallback-col-gutter: 0;
            --bs-fallback-row-gutter: 0;

            --bs-col-gutter: 0;
            --bs-row-gutter: 0;
        }

		.grid {
            --bs-fallback-col-gutter: var(--bs-spacing-value);
            --bs-fallback-row-gutter: var(--bs-spacing-value);

            --bs-col-gutter: var(--bs-spacing-value);
            --bs-row-gutter: var(--bs-spacing-value);
        }
		
        					.m-con{margin:calc((100vw - var(--container-width)) / 2 )!important;}
        					.ml-con{margin-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mr-con{margin-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mt-con{margin-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mb-con{margin-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.p-con{padding:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pl-con{padding-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pr-con{padding-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pt-con{padding-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pb-con{padding-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.m-conp{margin:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.ml-conp{margin-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mr-conp{margin-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mt-conp{margin-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mb-conp{margin-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.p-conp{padding:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pl-conp{padding-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pr-conp{padding-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pt-conp{padding-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pb-conp{padding-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
				@media (min-width: 576px) {
				* {--container-width:540px}
				
        					.m-sm-con{margin:calc((100vw - var(--container-width)) / 2 )!important;}
        					.ml-sm-con{margin-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mr-sm-con{margin-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mt-sm-con{margin-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mb-sm-con{margin-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.p-sm-con{padding:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pl-sm-con{padding-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pr-sm-con{padding-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pt-sm-con{padding-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pb-sm-con{padding-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.m-sm-conp{margin:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.ml-sm-conp{margin-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mr-sm-conp{margin-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mt-sm-conp{margin-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mb-sm-conp{margin-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.p-sm-conp{padding:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pl-sm-conp{padding-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pr-sm-conp{padding-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pt-sm-conp{padding-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pb-sm-conp{padding-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
				}
				
				@media (min-width: 768px) {
				* {--container-width:720px}
				
        					.m-md-con{margin:calc((100vw - var(--container-width)) / 2 )!important;}
        					.ml-md-con{margin-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mr-md-con{margin-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mt-md-con{margin-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mb-md-con{margin-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.p-md-con{padding:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pl-md-con{padding-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pr-md-con{padding-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pt-md-con{padding-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pb-md-con{padding-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.m-md-conp{margin:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.ml-md-conp{margin-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mr-md-conp{margin-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mt-md-conp{margin-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mb-md-conp{margin-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.p-md-conp{padding:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pl-md-conp{padding-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pr-md-conp{padding-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pt-md-conp{padding-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pb-md-conp{padding-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
				}
				
				@media (min-width: 992px) {
				* {--container-width:960px}
				
        					.m-lg-con{margin:calc((100vw - var(--container-width)) / 2 )!important;}
        					.ml-lg-con{margin-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mr-lg-con{margin-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mt-lg-con{margin-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mb-lg-con{margin-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.p-lg-con{padding:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pl-lg-con{padding-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pr-lg-con{padding-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pt-lg-con{padding-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pb-lg-con{padding-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.m-lg-conp{margin:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.ml-lg-conp{margin-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mr-lg-conp{margin-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mt-lg-conp{margin-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mb-lg-conp{margin-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.p-lg-conp{padding:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pl-lg-conp{padding-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pr-lg-conp{padding-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pt-lg-conp{padding-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pb-lg-conp{padding-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
				}
				
				@media (min-width: 1200px) {
				* {--container-width:1140px}
				
        					.m-xl-con{margin:calc((100vw - var(--container-width)) / 2 )!important;}
        					.ml-xl-con{margin-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mr-xl-con{margin-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mt-xl-con{margin-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mb-xl-con{margin-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.p-xl-con{padding:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pl-xl-con{padding-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pr-xl-con{padding-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pt-xl-con{padding-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pb-xl-con{padding-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.m-xl-conp{margin:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.ml-xl-conp{margin-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mr-xl-conp{margin-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mt-xl-conp{margin-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mb-xl-conp{margin-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.p-xl-conp{padding:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pl-xl-conp{padding-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pr-xl-conp{padding-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pt-xl-conp{padding-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pb-xl-conp{padding-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
				}
				
				@media (min-width: 1500px) {
				* {--container-width:1440px}
				
        					.m-xxl-con{margin:calc((100vw - var(--container-width)) / 2 )!important;}
        					.ml-xxl-con{margin-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mr-xxl-con{margin-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mt-xxl-con{margin-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.mb-xxl-con{margin-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.p-xxl-con{padding:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pl-xxl-con{padding-left:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pr-xxl-con{padding-right:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pt-xxl-con{padding-top:calc((100vw - var(--container-width)) / 2 )!important;}
        					.pb-xxl-con{padding-bottom:calc((100vw - var(--container-width)) / 2 )!important;}
        					.m-xxl-conp{margin:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.ml-xxl-conp{margin-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mr-xxl-conp{margin-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mt-xxl-conp{margin-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.mb-xxl-conp{margin-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.p-xxl-conp{padding:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pl-xxl-conp{padding-left:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pr-xxl-conp{padding-right:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pt-xxl-conp{padding-top:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
        					.pb-xxl-conp{padding-bottom:calc((100vw - var(--container-width)) / 2 + 15px)!important;}
				}
				
			.columnz-bgcolor-0, .columnz-bgcolor-0-100 {
                background-color: var(--color-0)!important;
            }
            .columnz-bgcolor-0-90 {background-color: color-mix(in srgb, var(--color-0) 90%, transparent)!important}
            .columnz-bgcolor-0-80 {background-color: color-mix(in srgb, var(--color-0) 80%, transparent)!important}
            .columnz-bgcolor-0-70 {background-color: color-mix(in srgb, var(--color-0) 70%, transparent)!important}
            .columnz-bgcolor-0-60 {background-color: color-mix(in srgb, var(--color-0) 60%, transparent)!important}
            .columnz-bgcolor-0-50 {background-color: color-mix(in srgb, var(--color-0) 50%, transparent)!important}
            .columnz-bgcolor-0-40 {background-color: color-mix(in srgb, var(--color-0) 40%, transparent)!important}
            .columnz-bgcolor-0-30 {background-color: color-mix(in srgb, var(--color-0) 30%, transparent)!important}
            .columnz-bgcolor-0-20 {background-color: color-mix(in srgb, var(--color-0) 20%, transparent)!important}
            .columnz-bgcolor-0-10 {background-color: color-mix(in srgb, var(--color-0) 10%, transparent)!important}

            .columnz-color-0, .columnz-color-0-100 {
                color: var(--color-0)!important;
                fill: var(--color-0)!important;
            }
            .columnz-color-0-90 {color: color-mix(in srgb, var(--color-0) 90%, transparent)!important;fill: color-mix(in srgb, var(--color-0) 90%, transparent)!important}
            .columnz-color-0-80 {color: color-mix(in srgb, var(--color-0) 80%, transparent)!important;fill: color-mix(in srgb, var(--color-0) 80%, transparent)!important}
            .columnz-color-0-70 {color: color-mix(in srgb, var(--color-0) 70%, transparent)!important;fill: color-mix(in srgb, var(--color-0) 70%, transparent)!important}
            .columnz-color-0-60 {color: color-mix(in srgb, var(--color-0) 60%, transparent)!important;fill: color-mix(in srgb, var(--color-0) 60%, transparent)!important}
            .columnz-color-0-50 {color: color-mix(in srgb, var(--color-0) 50%, transparent)!important;fill: color-mix(in srgb, var(--color-0) 50%, transparent)!important}
            .columnz-color-0-40 {color: color-mix(in srgb, var(--color-0) 40%, transparent)!important;fill: color-mix(in srgb, var(--color-0) 40%, transparent)!important}
            .columnz-color-0-30 {color: color-mix(in srgb, var(--color-0) 30%, transparent)!important;fill: color-mix(in srgb, var(--color-0) 30%, transparent)!important}
            .columnz-color-0-20 {color: color-mix(in srgb, var(--color-0) 20%, transparent)!important;fill: color-mix(in srgb, var(--color-0) 20%, transparent)!important}
            .columnz-color-0-10 {color: color-mix(in srgb, var(--color-0) 10%, transparent)!important;fill: color-mix(in srgb, var(--color-0) 10%, transparent)!important}

            .columnz-color-0 *, .columnz-color-0-90 *, .columnz-color-0-80 *, .columnz-color-0-70 *, .columnz-color-0-60 *, .columnz-color-0-50 *, .columnz-color-0-40 *, .columnz-color-0-30 *, .columnz-color-0-20 *, .columnz-color-0-10 * {
                color: inherit!important;
            }
			
			.columnz-bgcolor-1, .columnz-bgcolor-1-100 {
                background-color: var(--color-1)!important;
            }
            .columnz-bgcolor-1-90 {background-color: color-mix(in srgb, var(--color-1) 90%, transparent)!important}
            .columnz-bgcolor-1-80 {background-color: color-mix(in srgb, var(--color-1) 80%, transparent)!important}
            .columnz-bgcolor-1-70 {background-color: color-mix(in srgb, var(--color-1) 70%, transparent)!important}
            .columnz-bgcolor-1-60 {background-color: color-mix(in srgb, var(--color-1) 60%, transparent)!important}
            .columnz-bgcolor-1-50 {background-color: color-mix(in srgb, var(--color-1) 50%, transparent)!important}
            .columnz-bgcolor-1-40 {background-color: color-mix(in srgb, var(--color-1) 40%, transparent)!important}
            .columnz-bgcolor-1-30 {background-color: color-mix(in srgb, var(--color-1) 30%, transparent)!important}
            .columnz-bgcolor-1-20 {background-color: color-mix(in srgb, var(--color-1) 20%, transparent)!important}
            .columnz-bgcolor-1-10 {background-color: color-mix(in srgb, var(--color-1) 10%, transparent)!important}

            .columnz-color-1, .columnz-color-1-100 {
                color: var(--color-1)!important;
                fill: var(--color-1)!important;
            }
            .columnz-color-1-90 {color: color-mix(in srgb, var(--color-1) 90%, transparent)!important;fill: color-mix(in srgb, var(--color-1) 90%, transparent)!important}
            .columnz-color-1-80 {color: color-mix(in srgb, var(--color-1) 80%, transparent)!important;fill: color-mix(in srgb, var(--color-1) 80%, transparent)!important}
            .columnz-color-1-70 {color: color-mix(in srgb, var(--color-1) 70%, transparent)!important;fill: color-mix(in srgb, var(--color-1) 70%, transparent)!important}
            .columnz-color-1-60 {color: color-mix(in srgb, var(--color-1) 60%, transparent)!important;fill: color-mix(in srgb, var(--color-1) 60%, transparent)!important}
            .columnz-color-1-50 {color: color-mix(in srgb, var(--color-1) 50%, transparent)!important;fill: color-mix(in srgb, var(--color-1) 50%, transparent)!important}
            .columnz-color-1-40 {color: color-mix(in srgb, var(--color-1) 40%, transparent)!important;fill: color-mix(in srgb, var(--color-1) 40%, transparent)!important}
            .columnz-color-1-30 {color: color-mix(in srgb, var(--color-1) 30%, transparent)!important;fill: color-mix(in srgb, var(--color-1) 30%, transparent)!important}
            .columnz-color-1-20 {color: color-mix(in srgb, var(--color-1) 20%, transparent)!important;fill: color-mix(in srgb, var(--color-1) 20%, transparent)!important}
            .columnz-color-1-10 {color: color-mix(in srgb, var(--color-1) 10%, transparent)!important;fill: color-mix(in srgb, var(--color-1) 10%, transparent)!important}

            .columnz-color-1 *, .columnz-color-1-90 *, .columnz-color-1-80 *, .columnz-color-1-70 *, .columnz-color-1-60 *, .columnz-color-1-50 *, .columnz-color-1-40 *, .columnz-color-1-30 *, .columnz-color-1-20 *, .columnz-color-1-10 * {
                color: inherit!important;
            }
			
			.columnz-bgcolor-2, .columnz-bgcolor-2-100 {
                background-color: var(--color-2)!important;
            }
            .columnz-bgcolor-2-90 {background-color: color-mix(in srgb, var(--color-2) 90%, transparent)!important}
            .columnz-bgcolor-2-80 {background-color: color-mix(in srgb, var(--color-2) 80%, transparent)!important}
            .columnz-bgcolor-2-70 {background-color: color-mix(in srgb, var(--color-2) 70%, transparent)!important}
            .columnz-bgcolor-2-60 {background-color: color-mix(in srgb, var(--color-2) 60%, transparent)!important}
            .columnz-bgcolor-2-50 {background-color: color-mix(in srgb, var(--color-2) 50%, transparent)!important}
            .columnz-bgcolor-2-40 {background-color: color-mix(in srgb, var(--color-2) 40%, transparent)!important}
            .columnz-bgcolor-2-30 {background-color: color-mix(in srgb, var(--color-2) 30%, transparent)!important}
            .columnz-bgcolor-2-20 {background-color: color-mix(in srgb, var(--color-2) 20%, transparent)!important}
            .columnz-bgcolor-2-10 {background-color: color-mix(in srgb, var(--color-2) 10%, transparent)!important}

            .columnz-color-2, .columnz-color-2-100 {
                color: var(--color-2)!important;
                fill: var(--color-2)!important;
            }
            .columnz-color-2-90 {color: color-mix(in srgb, var(--color-2) 90%, transparent)!important;fill: color-mix(in srgb, var(--color-2) 90%, transparent)!important}
            .columnz-color-2-80 {color: color-mix(in srgb, var(--color-2) 80%, transparent)!important;fill: color-mix(in srgb, var(--color-2) 80%, transparent)!important}
            .columnz-color-2-70 {color: color-mix(in srgb, var(--color-2) 70%, transparent)!important;fill: color-mix(in srgb, var(--color-2) 70%, transparent)!important}
            .columnz-color-2-60 {color: color-mix(in srgb, var(--color-2) 60%, transparent)!important;fill: color-mix(in srgb, var(--color-2) 60%, transparent)!important}
            .columnz-color-2-50 {color: color-mix(in srgb, var(--color-2) 50%, transparent)!important;fill: color-mix(in srgb, var(--color-2) 50%, transparent)!important}
            .columnz-color-2-40 {color: color-mix(in srgb, var(--color-2) 40%, transparent)!important;fill: color-mix(in srgb, var(--color-2) 40%, transparent)!important}
            .columnz-color-2-30 {color: color-mix(in srgb, var(--color-2) 30%, transparent)!important;fill: color-mix(in srgb, var(--color-2) 30%, transparent)!important}
            .columnz-color-2-20 {color: color-mix(in srgb, var(--color-2) 20%, transparent)!important;fill: color-mix(in srgb, var(--color-2) 20%, transparent)!important}
            .columnz-color-2-10 {color: color-mix(in srgb, var(--color-2) 10%, transparent)!important;fill: color-mix(in srgb, var(--color-2) 10%, transparent)!important}

            .columnz-color-2 *, .columnz-color-2-90 *, .columnz-color-2-80 *, .columnz-color-2-70 *, .columnz-color-2-60 *, .columnz-color-2-50 *, .columnz-color-2-40 *, .columnz-color-2-30 *, .columnz-color-2-20 *, .columnz-color-2-10 * {
                color: inherit!important;
            }
			
			@media (max-width:575px) {
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-2, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-2-100 {
					background-color: var(--color-2)!important;
				}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-2-90 {background-color: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-2-80 {background-color: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-2-70 {background-color: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-2-60 {background-color: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-2-50 {background-color: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-2-40 {background-color: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-2-30 {background-color: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-2-20 {background-color: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-2-10 {background-color: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-100 {
					color: var(--color-2);
					fill: var(--color-2);
				}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-90 {color: color-mix(in srgb, var(--color-2) 90%, transparent);fill: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-80 {color: color-mix(in srgb, var(--color-2) 80%, transparent);fill: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-70 {color: color-mix(in srgb, var(--color-2) 70%, transparent);fill: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-60 {color: color-mix(in srgb, var(--color-2) 60%, transparent);fill: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-50 {color: color-mix(in srgb, var(--color-2) 50%, transparent);fill: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-40 {color: color-mix(in srgb, var(--color-2) 40%, transparent);fill: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-30 {color: color-mix(in srgb, var(--color-2) 30%, transparent);fill: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-20 {color: color-mix(in srgb, var(--color-2) 20%, transparent);fill: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-10 {color: color-mix(in srgb, var(--color-2) 10%, transparent);fill: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2 *, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-90 *, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-80 *, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-70 *, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-60 *, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-50 *, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-40 *, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-30 *, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-20 *, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-color-2-10 * {
					color: inherit;
				}
			}
			
			@media (min-width:576px) and (max-width:767px) {
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-2, :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-2-100 {
					background-color: var(--color-2)!important;
				}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-2-90 {background-color: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-2-80 {background-color: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-2-70 {background-color: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-2-60 {background-color: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-2-50 {background-color: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-2-40 {background-color: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-2-30 {background-color: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-2-20 {background-color: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-bgcolor-2-10 {background-color: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2, :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-100 {
					color: var(--color-2);
					fill: var(--color-2);
				}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-90 {color: color-mix(in srgb, var(--color-2) 90%, transparent);fill: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-80 {color: color-mix(in srgb, var(--color-2) 80%, transparent);fill: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-70 {color: color-mix(in srgb, var(--color-2) 70%, transparent);fill: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-60 {color: color-mix(in srgb, var(--color-2) 60%, transparent);fill: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-50 {color: color-mix(in srgb, var(--color-2) 50%, transparent);fill: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-40 {color: color-mix(in srgb, var(--color-2) 40%, transparent);fill: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-30 {color: color-mix(in srgb, var(--color-2) 30%, transparent);fill: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-20 {color: color-mix(in srgb, var(--color-2) 20%, transparent);fill: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-10 {color: color-mix(in srgb, var(--color-2) 10%, transparent);fill: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2 *, :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-90 *, :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-80 *, :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-70 *, :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-60 *, :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-50 *, :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-40 *, :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-30 *, :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-20 *, :where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-color-2-10 * {
					color: inherit;
				}
			}
			
			@media (min-width:768px) and (max-width:991px) {
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-2, :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-2-100 {
					background-color: var(--color-2)!important;
				}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-2-90 {background-color: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-2-80 {background-color: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-2-70 {background-color: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-2-60 {background-color: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-2-50 {background-color: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-2-40 {background-color: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-2-30 {background-color: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-2-20 {background-color: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-bgcolor-2-10 {background-color: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2, :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-100 {
					color: var(--color-2);
					fill: var(--color-2);
				}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-90 {color: color-mix(in srgb, var(--color-2) 90%, transparent);fill: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-80 {color: color-mix(in srgb, var(--color-2) 80%, transparent);fill: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-70 {color: color-mix(in srgb, var(--color-2) 70%, transparent);fill: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-60 {color: color-mix(in srgb, var(--color-2) 60%, transparent);fill: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-50 {color: color-mix(in srgb, var(--color-2) 50%, transparent);fill: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-40 {color: color-mix(in srgb, var(--color-2) 40%, transparent);fill: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-30 {color: color-mix(in srgb, var(--color-2) 30%, transparent);fill: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-20 {color: color-mix(in srgb, var(--color-2) 20%, transparent);fill: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-10 {color: color-mix(in srgb, var(--color-2) 10%, transparent);fill: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2 *, :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-90 *, :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-80 *, :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-70 *, :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-60 *, :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-50 *, :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-40 *, :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-30 *, :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-20 *, :where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-color-2-10 * {
					color: inherit;
				}
			}
			
			@media (min-width:992px) and (max-width:1199px) {
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-2, :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-2-100 {
					background-color: var(--color-2)!important;
				}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-2-90 {background-color: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-2-80 {background-color: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-2-70 {background-color: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-2-60 {background-color: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-2-50 {background-color: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-2-40 {background-color: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-2-30 {background-color: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-2-20 {background-color: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-bgcolor-2-10 {background-color: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2, :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-100 {
					color: var(--color-2);
					fill: var(--color-2);
				}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-90 {color: color-mix(in srgb, var(--color-2) 90%, transparent);fill: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-80 {color: color-mix(in srgb, var(--color-2) 80%, transparent);fill: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-70 {color: color-mix(in srgb, var(--color-2) 70%, transparent);fill: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-60 {color: color-mix(in srgb, var(--color-2) 60%, transparent);fill: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-50 {color: color-mix(in srgb, var(--color-2) 50%, transparent);fill: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-40 {color: color-mix(in srgb, var(--color-2) 40%, transparent);fill: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-30 {color: color-mix(in srgb, var(--color-2) 30%, transparent);fill: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-20 {color: color-mix(in srgb, var(--color-2) 20%, transparent);fill: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-10 {color: color-mix(in srgb, var(--color-2) 10%, transparent);fill: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2 *, :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-90 *, :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-80 *, :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-70 *, :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-60 *, :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-50 *, :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-40 *, :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-30 *, :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-20 *, :where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-color-2-10 * {
					color: inherit;
				}
			}
			
			@media (min-width:1200px) and (max-width:1499px) {
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-2, :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-2-100 {
					background-color: var(--color-2)!important;
				}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-2-90 {background-color: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-2-80 {background-color: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-2-70 {background-color: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-2-60 {background-color: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-2-50 {background-color: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-2-40 {background-color: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-2-30 {background-color: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-2-20 {background-color: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-bgcolor-2-10 {background-color: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2, :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-100 {
					color: var(--color-2);
					fill: var(--color-2);
				}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-90 {color: color-mix(in srgb, var(--color-2) 90%, transparent);fill: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-80 {color: color-mix(in srgb, var(--color-2) 80%, transparent);fill: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-70 {color: color-mix(in srgb, var(--color-2) 70%, transparent);fill: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-60 {color: color-mix(in srgb, var(--color-2) 60%, transparent);fill: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-50 {color: color-mix(in srgb, var(--color-2) 50%, transparent);fill: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-40 {color: color-mix(in srgb, var(--color-2) 40%, transparent);fill: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-30 {color: color-mix(in srgb, var(--color-2) 30%, transparent);fill: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-20 {color: color-mix(in srgb, var(--color-2) 20%, transparent);fill: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-10 {color: color-mix(in srgb, var(--color-2) 10%, transparent);fill: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2 *, :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-90 *, :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-80 *, :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-70 *, :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-60 *, :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-50 *, :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-40 *, :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-30 *, :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-20 *, :where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-color-2-10 * {
					color: inherit;
				}
			}
			
			@media (min-width:1500px) {
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-2, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-2-100 {
					background-color: var(--color-2)!important;
				}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-2-90 {background-color: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-2-80 {background-color: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-2-70 {background-color: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-2-60 {background-color: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-2-50 {background-color: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-2-40 {background-color: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-2-30 {background-color: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-2-20 {background-color: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-bgcolor-2-10 {background-color: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-100 {
					color: var(--color-2);
					fill: var(--color-2);
				}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-90 {color: color-mix(in srgb, var(--color-2) 90%, transparent);fill: color-mix(in srgb, var(--color-2) 90%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-80 {color: color-mix(in srgb, var(--color-2) 80%, transparent);fill: color-mix(in srgb, var(--color-2) 80%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-70 {color: color-mix(in srgb, var(--color-2) 70%, transparent);fill: color-mix(in srgb, var(--color-2) 70%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-60 {color: color-mix(in srgb, var(--color-2) 60%, transparent);fill: color-mix(in srgb, var(--color-2) 60%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-50 {color: color-mix(in srgb, var(--color-2) 50%, transparent);fill: color-mix(in srgb, var(--color-2) 50%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-40 {color: color-mix(in srgb, var(--color-2) 40%, transparent);fill: color-mix(in srgb, var(--color-2) 40%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-30 {color: color-mix(in srgb, var(--color-2) 30%, transparent);fill: color-mix(in srgb, var(--color-2) 30%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-20 {color: color-mix(in srgb, var(--color-2) 20%, transparent);fill: color-mix(in srgb, var(--color-2) 20%, transparent)}
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-10 {color: color-mix(in srgb, var(--color-2) 10%, transparent);fill: color-mix(in srgb, var(--color-2) 10%, transparent)}

				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-90 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-80 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-70 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-60 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-50 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-40 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-30 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-20 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-2-10 * {
					color: inherit;
				}
			}
			
            .columnz-gradient-0 {
                background-image: var(--gradient-0);
			}
			
			@media (max-width:575px) {
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-gradient-0 {
					background-image: var(--gradient-0);
				}
			}
			
			@media (min-width:576px) and (max-width:767px) {
				:where(.hover-element-sm:hover, .hovered-element.hoverable-element-sm) .hover-columnz-gradient-0 {
					background-image: var(--gradient-0);
				}
			}
			
			@media (min-width:768px) and (max-width:991px) {
				:where(.hover-element-md:hover, .hovered-element.hoverable-element-md) .hover-columnz-gradient-0 {
					background-image: var(--gradient-0);
				}
			}
			
			@media (min-width:992px) and (max-width:1199px) {
				:where(.hover-element-lg:hover, .hovered-element.hoverable-element-lg) .hover-columnz-gradient-0 {
					background-image: var(--gradient-0);
				}
			}
			
			@media (min-width:1200px) and (max-width:1499px) {
				:where(.hover-element-xl:hover, .hovered-element.hoverable-element-xl) .hover-columnz-gradient-0 {
					background-image: var(--gradient-0);
				}
			}
			
			@media (min-width:1500px) {
				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-gradient-0 {
					background-image: var(--gradient-0);
				}
			}