/* End custom CSS */

.elementor-kit-8980 {
	--e-global-color-primary: #58b0e3;
	--e-global-color-secondary: #14214a;
	--e-global-color-text: #7a7a7a;
	--e-global-color-accent: rgba(88, 176, 227, .45);
	--e-global-color-2651ed7: #14214a;
	--e-global-color-fe65d03: #fcb13a;
	--e-global-color-043b69c: #fff;
	--e-global-color-27e5a03: #58b0e3;
	--e-global-color-a765cee: #ecf9fd;
	--e-global-color-cacec03: #ecf9fd;
	--e-global-color-e257b98: #27963c;
	--e-global-color-9a1e7d6: #effcf0;
	--e-global-color-482bae5: #1f57ff;
	--e-global-color-103b5fb: #0ecb9d;
	--e-global-color-d2c51e7: #dcce1d;
	--e-global-typography-primary-font-family: "Montserrat";
	--e-global-typography-primary-font-weight: 600;
	--e-global-typography-primary-text-transform: uppercase;
	--e-global-typography-primary-font-style: normal;
	--e-global-typography-secondary-font-family: "Montserrat";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Montserrat";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Montserrat";
	--e-global-typography-accent-font-weight: 500;
	text-decoration: none;
}

.elementor-kit-8980 button:hover, .elementor-kit-8980 button:focus, .elementor-kit-8980 input[type="button"]:hover, .elementor-kit-8980 input[type="button"]:focus, .elementor-kit-8980 input[type="submit"]:hover, .elementor-kit-8980 input[type="submit"]:focus, .elementor-kit-8980 .elementor-button:hover, .elementor-kit-8980 .elementor-button:focus {
	background-color: rgba(255, 255, 255, 0);
	color: var(--e-global-color-primary);
	border-style: solid;
}

.elementor-kit-8980 e-page-transition {
	background-color: #ffbc7d;
}

.elementor-kit-8980 a {
	color: var(--e-global-color-secondary);
	font-weight: 500;
	text-decoration: none;
}

.elementor-kit-8980 a:hover {
	color: var(--e-global-color-primary);
}

.elementor-kit-8980 h1 {
	font-weight: 700;
}

.elementor-kit-8980 button, .elementor-kit-8980 input[type="button"], .elementor-kit-8980 input[type="submit"], .elementor-kit-8980 .elementor-button {
	font-family: "Montserrat", Sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	border-style: solid;
	border-color: rgba(61, 164, 219, .25);
}

.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;
	--widgets-spacing-row: 20px;
	--widgets-spacing-column: 20px;
}

.site-header .site-branding {
	flex-direction: column;
	align-items: stretch;
}

.site-header {
	padding-inline-end: 0px;
	padding-inline-start: 0px;
}

.site-footer .site-branding {
	flex-direction: column;
	align-items: stretch;
}

@media (max-width:1024px) {
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 1024px;
	}
	
	.e-con {
		--container-max-width: 1024px;
	}
}

@media (max-width:767px) {
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 767px;
	}
	
	.e-con {
		--container-max-width: 767px;
	}
}

/* Start custom CSS */

/* shrinking header section */
.sticky-header.elementor-sticky--effects {
	background-color: rgba(244, 245, 248, .9);
	height: (set your header height after shrinking in pixels) !important;
	padding-top: 10px !important;
	padding-bottom: 6px !important;
	box-shadow: 0px 6px 30px -4px rgba(0, 0, 0, .05);
	transition: all .2s linear !important;
	-webkit-transition: all .2s linear !important;
	-moz-transition: all .2s linear !important;
}

/* shrinking logo image */
.shrinking-logo img {
	width: 150px !important;
	transition: all .2s linear !important;
	-webkit-transition: all .2s linear !important;
	-moz-transition: all .2s linear !important;
}

.sticky-header.elementor-sticky--effects img {
	width: 100px !important;
	transition: all .2s linear !important;
	-webkit-transition: all .2s linear !important;
	-moz-transition: all .2s linear !important;
}
