: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: #001318;
            --text-negative: #FFFFFF;

            --primary: #009FE3;
            --secondary: #595959;
            --success: #379734;
            --info: #9143D1;
            --warning: #C9B716;
            --danger: #BD3838;
            --light: #EBEBEB;
            --dark: #001318;

            --primary-light: #92D0EB;
            --secondary-light: #7d7d7d;
            --success-light: #5bc557;
            --info-light: #c59ce7;
            --warning-light: #ebdc4d;
            --danger-light: #d97e7e;
            --light-light: #ffffff;
            --dark-light: #001a22;

            --primary-dark: #0A5D81;
            --secondary-dark: #353535;
            --success-dark: #215b1f;
            --info-dark: #582185;
            --warning-dark: #796e0d;
            --danger-dark: #712222;
            --light-dark: #8d8d8d;
            --dark-dark: #000b0e;

			--size-h1: 40px;
            --size-h2: 32px;
            --size-h3: 28px;
            --size-h4: 24px;
            --size-h5: 20px;
            --size-h6: 16px;

            --min-size-h1: 24px;
            --min-size-h2: 20px;
            --min-size-h3: 18px;
            --min-size-h4: 16px;
            --min-size-h5: 14px;
            --min-size-h6: 12px;

            --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: 'Exo 2', sans-serif;
            --font-heading: 'Exo 2', sans-serif;
            --line-height: 1.2;
            --size: 18px;
            --min-size: 12px;
            --size-button: 18px;
            --min-size-button: 12px;
            --menu-line-height: 25px;
            --border-radius: .25em;
		
		--color-0: ;
			--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);
        }
		
				@media (min-width: 576px) {
				* {--container-width:540px}
				
				}
				
				@media (min-width: 768px) {
				* {--container-width:720px}
				
				}
				
				@media (min-width: 992px) {
				* {--container-width:960px}
				
				}
				
				@media (min-width: 1200px) {
				* {--container-width:1140px}
				
				}
				
				@media (min-width: 1500px) {
				* {--container-width:1440px}
				
				}
				
			.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;
            }
			
			@media (max-width:575px) {
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-0, :where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-0-100 {
					background-color: var(--color-0)!important;
				}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-0-90 {background-color: color-mix(in srgb, var(--color-0) 90%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-0-80 {background-color: color-mix(in srgb, var(--color-0) 80%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-0-70 {background-color: color-mix(in srgb, var(--color-0) 70%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-0-60 {background-color: color-mix(in srgb, var(--color-0) 60%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-0-50 {background-color: color-mix(in srgb, var(--color-0) 50%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-0-40 {background-color: color-mix(in srgb, var(--color-0) 40%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-0-30 {background-color: color-mix(in srgb, var(--color-0) 30%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-0-20 {background-color: color-mix(in srgb, var(--color-0) 20%, transparent)}
				:where(.hover-element-xs:hover, .hovered-element.hoverable-element-xs) .hover-columnz-bgcolor-0-10 {background-color: color-mix(in srgb, var(--color-0) 10%, transparent)}

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

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

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

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

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

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

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

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

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

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

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

				:where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-0 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-0-90 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-0-80 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-0-70 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-0-60 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-0-50 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-0-40 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-0-30 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-0-20 *, :where(.hover-element-xxl:hover, .hovered-element.hoverable-element-xxl) .hover-columnz-color-0-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);
				}
			}
			