/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/***********************************************************/
/** RESET **************************************************/
/***********************************************************/
[class*="elementor"] ul, 
[class*="elementor"] ol {

}
[class*="elementor"] h1,
[class*="elementor"] h2,
[class*="elementor"] h3,
[class*="elementor"] h4,
[class*="elementor"] h5,
[class*="elementor"] h6{
	margin: 0 0 20px;
}
*:is(p) {
    text-wrap: pretty;
}
[class*="elementor"] p {
	margin-bottom: 30px;
}
[class*="elementor"] p:last-of-type,
[class*="elementor"] .remove_text_margin p,
[class*="elementor"] .remove_heading_margin :is(h1, h2, h3, h4, h5, h6) {
    margin: 0;
}
[class*="elementor"] section {
	overflow-x: clip;
}
[class*="elementor"] .have_line:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 100px;
	top: 40px;
	left: 230px;
	background: var(--e-global-color-text);
}
[class*="elementor"] .elementor-widget-text-editor .elementor-button {
	margin-top: 40px;
}
/* Gravity Forms */
[class*="elementor"] .gform_wrapper.gravity-theme input:is([type=text], [type=tel], [type=email]) {
	outline: none;
	padding: 25px 20px;
	font-family: var(--e-global-typography-3ab9a6b-font-family);
	font-size: var(--e-global-typography-3ab9a6b-font-size);
	font-weight: var(--e-global-typography-3ab9a6b-font-weight);
	line-height: var(--e-global-typography-3ab9a6b-line-height);
	letter-spacing: var(--e-global-typography-3ab9a6b-letter-spacing);
	word-spacing: var(--e-global-typography-3ab9a6b-word-spacing);
	border-radius: 0;
	border-color: var(--e-global-color-361f22f);
}
[class*="elementor"] .gform_wrapper.gravity-theme textarea.large {
	height: 220px;
}
[class*="elementor"] .gform_wrapper.gravity-theme textarea {
	appearance: none;
	padding: 8px 20px;
	outline: none;
	font-family: var(--e-global-typography-3ab9a6b-font-family);
	font-size: var(--e-global-typography-3ab9a6b-font-size);
	font-weight: var(--e-global-typography-3ab9a6b-font-weight);
	line-height: var(--e-global-typography-3ab9a6b-line-height);
	letter-spacing: var(--e-global-typography-3ab9a6b-letter-spacing);
	word-spacing: var(--e-global-typography-3ab9a6b-word-spacing);
	border-color: var(--e-global-color-361f22f);
}
[class*="elementor"] .gform_wrapper.gravity-theme .gform_footer {
	padding: 0;
    margin: 20px 0 0 0;
}
[class*="elementor"] .gform_wrapper.gravity-theme .gform_footer input:is([type=submit]) {
	font-family: var(--e-global-typography-98a2376-font-family), Sans-serif;
    font-size: var(--e-global-typography-98a2376-font-size);
    font-weight: var(--e-global-typography-98a2376-font-weight);
    line-height: var(--e-global-typography-98a2376-line-height);
    letter-spacing: var(--e-global-typography-98a2376-letter-spacing);
    word-spacing: var(--e-global-typography-98a2376-word-spacing);
	padding: 8px 80px;
	margin: 0;
	color: var(--e-global-color-6e67bca);
	background: var(--e-global-color-secondary);
}
[class*="elementor"] .gform_wrapper.gravity-theme .gform_footer input:is([type=submit]):hover {
	background: transparent;
	color: var(--e-global-color-primary);
}
[class*="elementor"] .gform_wrapper.gravity-theme .gform_validation_errors {
	border-radius: 0;
}
[class*="elementor"] .gform_wrapper.gravity-theme .gform_validation_errors:focus {
	outline: none;
}
/* #services .services_carousel .swiper-slide:not(.swiper-slide-active) {
	width: 275px;
} */
#services .services_carousel :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {
	display: none;
}
#services .services_carousel .swiper {
	overflow: visible;
}
#services:before,
#services:after {
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	background: linear-gradient(270deg, var(--e-global-color-6e67bca) 0%, rgba(255, 255, 255, 0) 100%);
	width: 20%;
	z-index: 2;
}
#services:before {
	right: -3px;
	background: linear-gradient(270deg, var(--e-global-color-6e67bca) 0%, rgba(255, 255, 255, 0) 100%);
    left: unset;
}
#services:after {
	left: -3px;
	background: linear-gradient(90deg, var(--e-global-color-6e67bca) 0%, rgba(255, 255, 255, 0) 100%);
}
#services :is(.prev_nav, .next_nav) {
	cursor: pointer;
}
#services :is(.prev_nav, .next_nav) svg g {
	transition: 0.3s;
}
#services .prev_nav:hover svg path {
	stroke: var(--e-global-color-361f22f);
	transition: 0.3s;
}
#services :is(.prev_nav, .next_nav):hover svg g {
	opacity: 1 !important;
}
/* #services .services_carousel .swiper-slide:not(.swiper-slide-active),
#services .services_carousel .swiper-slide:not(.swiper-slide-active) .elementor-widget-image {
	width: 270px !important;
} */
#services .services_carousel .swiper-slide .elementor-widget-image img {
	transition: 0.3s;
}
#services .services_carousel .swiper-wrapper {
	align-items: center;
}
#services .services_carousel .swiper-slide.swiper-slide-active .elementor-widget-image img {
	max-width: 500px !important;
}
/* #services .services_carousel:after {
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	right: -3px;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--e-global-color-6e67bca) 100%);
	width: 40%;
	z-index: 1;
} */
#distribution > div {
	position: relative;
}
#distribution:before {
	content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, var(--e-global-color-361f22f) 15%, rgba(255, 255, 255, 0));
}
#distribution .text_rotate:before {
	bottom: 20px;
    content: '';
    position: absolute;
    width: 285px;
    height: 1px;
    right: 155px;
	background: var(--e-global-color-6e67bca);
}
#service_banner:before {
	content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--e-global-color-361f22f) 0%, rgba(255, 255, 255, 0) 100%);
}
#header,
#header.v1 .logo svg path,
#header.v1 .header_menu svg path,
#header.v1.scrolled .header_menu nav ul a {
	transition: 0.3s !important;
}
#header.v1.scrolled {
	background: var(--e-global-color-6e67bca);
}
#header.v1.scrolled .logo svg path,
#header.v1.scrolled .header_menu svg path {
	fill: var(--e-global-color-361f22f);
}
#header.v1.scrolled .header_menu svg path {
	stroke: var(--e-global-color-361f22f);
}
#header.scrolled {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
#header .header_menu nav {
    right: 40px;
    position: absolute;
	overflow: visible;
    width: max-content;
}
#header .header_menu nav .sub-menu {
	position: absolute;
	background: var(--e-global-color-6e67bca);
    width: max-content !important;
	color: var(--e-global-color-text);
}
#header .header_menu nav > ul {
	display: flex;
	align-items: center;
}
#header.v1.scrolled .header_menu nav ul a,
#header .header_menu nav .sub-menu a {
	color: var(--e-global-color-text);
}
#header .header_menu nav ul a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
	text-decoration-thickness: 2px;
}
#footer .footer_links {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
}
@media only screen and (max-width: 1760px) {
	section > div,
	footer > div,
	header > div {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}
@media only screen and (max-width: 1024px) {
	#distribution .text_rotate:before {
		bottom: 18px;
        width: 150px;
		right: 125px;
	}
	[class*="elementor"] .have_line:after {
		top: 30px;
    	left: 180px;
	}
}
@media only screen and (max-width: 767px) {
	#footer .footer_links {
		flex-direction: column;
		gap: 20px;
	}
	#services .services_carousel:after {
		width: 20%;
	}
	#distribution .text_rotate:before {
        width: 120px;
	}
	#header .header_menu nav {
		top: 60px;
		width: 300px;
		right: 0;
		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
		background: var(--e-global-color-6e67bca);
	}
	#header .header_menu nav ul li {
		width: 100%;
	}
	#header .header_menu nav ul {
		flex-direction: column;
		align-items: start;
	}
	#header .header_menu nav ul a {
		color: var(--e-global-color-text);
	}
	#header .header_menu nav .sub-menu {
		width: 100% !important;
		position: relative;
	}
}