.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#808080;--e-global-color-accent:#61CE70;--e-global-color-e9674a8:#88ED9D;--e-global-color-0125ec4:#1BE9E9;--e-global-color-fa3972b:#FED534;--e-global-color-81d7e9f:#FF5105;--e-global-color-d9d1d5d:#FC3764;--e-global-color-d4df767:#C900E9;--e-global-color-f00bdac:#FFA366;--e-global-color-5ebd2dd:#FD287A;--e-global-color-23d9687:#FD287A;--e-global-color-432f7fe:#8C235E;--e-global-color-22d1bb2:#B701AC;--e-global-color-ffc8399:#8C235E;--e-global-color-cb20582:#370E38;--e-global-color-0f4e503:#F9A600;--e-global-color-8145aca:#B40BFF;--e-global-color-3d7284b:#EBB92D;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Roboto Mono";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:2.7rem;--e-global-typography-accent-font-weight:900;--e-global-typography-2e12a99-font-family:"Poppins";--e-global-typography-2e12a99-font-size:3.5rem;--e-global-typography-2e12a99-font-weight:900;--e-global-typography-2e12a99-line-height:4rem;--e-global-typography-c469459-font-family:"Poppins";--e-global-typography-c469459-font-size:2.25rem;--e-global-typography-c469459-font-weight:300;--e-global-typography-69fb02c-font-family:"Roboto Mono";--e-global-typography-69fb02c-font-size:1.3rem;--e-global-typography-69fb02c-font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-accent-font-size:2.5rem;--e-global-typography-2e12a99-font-size:3rem;--e-global-typography-2e12a99-line-height:3rem;--e-global-typography-c469459-font-size:1.875rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-accent-font-size:2rem;--e-global-typography-2e12a99-font-size:2rem;--e-global-typography-2e12a99-line-height:2rem;--e-global-typography-c469459-font-size:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.ht_complete {
    --height-header: 100px;
    --height-mouse-scroll: 100px;
    min-height: calc(100vh - (var(--height-header) + var(--height-mouse-scroll))) !important;
}

/***
* Shrinking Sticky header, Elementor Container edition
* class: .sticky-header
* This will only work with the Elementor container section
* the header uses additional 3 classes to gain higher CSS specificity and to avoid adding !important
*/
header.sticky-header.e-con.elementor-element {
	--header-height: 100px; /* Set your own header height */
	--shrink-header-to: 0.6; /* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1); /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
	--min-height: var(--header-height);
	--transition: background-color var(--transition-timing),
					backdrop-filter var(--transition-timing),
					box-shadow var(--transition-timing),
					min-height var(--transition-timing);
}
header.sticky-header.e-con.elementor-element.elementor-sticky--effects {
	background-color: rgba(255, 255, 255, .8); /* Set your own background color on scroll */
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .2); /* Delete this line if you don't want shadow on scroll */
	-webkit-backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	--min-height: calc( var(--header-height) * var(--shrink-header-to) );
}
/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
header.sticky-header .logo svg,
header.sticky-header .logo.elementor-widget-theme-site-logo img,
header.sticky-header .logo .elementor-icon svg {
	--logo-height: 63px; /* This should be the original logo height _before_ being shrunk */
	--logo-width: 190px; /* This should be the original logo height _before_ being shrunk */
	--logo-shrink-to: 0.60; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */
	height: var(--logo-height);
	width: var(--logo-width);
	transition: height var(--transition-timing);
}
header.sticky-header.elementor-sticky--effects .logo svg,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	height: calc(var(--logo-height) * var(--logo-shrink-to));
	width: calc(var(--logo-width) * var(--logo-shrink-to));
}
header.sticky-header .logo .elementor-icon svg {
	width: auto;
}/* End custom CSS */