/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 08 2026 | 11:54:29 */
html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

/* Global Style Clamp Font Size */
/* @link https://utopia.fyi/clamp/calculator/ */

:root {
	--big-copy: clamp(3rem, 2.4714rem + 2.6432vw, 4.5rem);
	--h1: clamp(2.5rem, 1.9714rem + 2.6432vw, 4rem);
	--h2: clamp(2.5rem, 2.3238rem + 0.8811vw, 3rem);
	--h3: clamp(2rem, 2rem + 0vw, 2rem);
	--h4: clamp(1.25rem, 1.1619rem + 0.4405vw, 1.5rem);
	--h5: clamp(1rem, 0.9119rem + 0.4405vw, 1.25rem);
	--h6: clamp(1.5rem, 1.3238rem + 0.8811vw, 2rem);
	--intro: clamp(1.5rem, 1.4119rem + 0.4405vw, 1.75rem);
	--small-label: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	--p-big: clamp(1.25rem, 1.2059rem + 0.2203vw, 1.375rem);
	--p: clamp(1rem, 0.9559rem + 0.2203vw, 1.125rem);
	--p-small: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
}

.hideOnScroll {
	transition: 800ms top ease-in-out;	
}

.elementor-button {
	background-color: var(--e-global-color-primary) !important;
    font-family: "Roboto", Sans-serif !important;
	line-height: 1 !important;
    font-size: 15px !important;
    fill: var(--e-global-color-accent) !important;
    color: var(--e-global-color-accent) !important;
    transition-duration: 0.6s !important;
    border-style: solid !important;
    border-width: 2px 2px 2px 2px !important;
    border-color: var(--e-global-color-primary) !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 16px 24px 16px 24px !important;
	
	a {
		text-decoration: none;
	}
	
	svg {
		width: 20px !important;
	}
	
	svg * {
		fill: var(--e-global-color-accent) !important;
	}
}

.elementor-button:hover {
    clip-path: polygon(
		0% 0%,
		calc(100% - 8px) 0%,
		100% 8px,
		100% 100%,
		8px 100%,
		0% calc(100% - 8px),
		0% 0%
	  );
	
	background-color: transparent !important;
    color: var(--e-global-color-secondary) !important;
    border-color: var(--e-global-color-primary) !important;	
	
	svg * {
		fill: var(--e-global-color-secondary) !important;
	}
}

.elementor-button-invertito .elementor-button {
	background-color: var(--e-global-color-secondary) !important;
    font-family: "Roboto", Sans-serif !important;
	line-height: 1 !important;
    font-size: 15px !important;
    fill: #ffffff !important;
    color: #ffffff !important;
    transition-duration: 0.6s !important;
    border-style: solid !important;
    border-width: 2px 2px 2px 2px !important;
    border-color: var(--e-global-color-secondary) !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 16px 24px 16px 24px !important;
	
	a {
		text-decoration: none;
	}
	
	svg {
		width: 20px !important;
	}
	
	svg * {
		fill: #ffffff !important;
	}
}

.elementor-button-invertito .elementor-button:hover {
    clip-path: polygon(
		0% 0%,
		calc(100% - 8px) 0%,
		100% 8px,
		100% 100%,
		8px 100%,
		0% calc(100% - 8px),
		0% 0%
	);
	
	background-color: transparent !important;
    color: var(--e-global-color-secondary) !important;
    border-color: var(--e-global-color-primary) !important;	
	
	svg * {
		fill: var(--e-global-color-secondary) !important;
	}
}