/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Add your custom styles here */

/* Preferred: enable balance where supported (headings+paragraphs) */
h1, h2, h3, h4, h5, h6, p, li {
	text-wrap: balance;
	-webkit-text-wrap: balance; /* vendor if available */
}

.container-wrapper {
	overflow: hidden;
	position: relative;
}

#content {
	overflow: hidden;
}

.header-menu .elementor-nav-menu--main .elementor-item{
	border-radius: 40px;
	transition: box-shadow 0.7s 
		ease, background-color 0.6s 
		ease, color 0.3s 
		ease;
}
.header-menu .elementor-nav-menu--main .elementor-item:hover{
	box-shadow: inset 200px 0 0 0 #FFC943 !important;
	background-color: #FFC943 !important;
}
a#btn-blue-color{
	transition: box-shadow 0.7s 
		ease, background-color 0.6s 
		ease, color 0.3s 
		ease;
}
a#btn-blue-color:hover{
	box-shadow: inset 200px 0 0 0 #FFC943 !important;
	background-color: #FFC943 !important;
	color: #000 !important;
}
a#btn-white-color{
	transition: box-shadow 0.7s 
		ease, background-color 0.6s 
		ease, color 0.3s 
		ease;
}
a#btn-white-color:hover{
	box-shadow: inset 200px 0 0 0 #000000 !important;
	background-color: #000000 !important;
	color: #ffffff !important;
}
a#btn-black-color{
	transition: box-shadow 0.7s 
		ease, background-color 0.6s 
		ease, color 0.3s 
		ease;
}
a#btn-black-color:hover{
	box-shadow: inset 200px 0 0 0 #FFC943 !important;
	background-color: #FFC943 !important;
	color: #000000 !important;
}
.sign-up-form button.elementor-button{
	transition: box-shadow 0.7s 
		ease, background-color 0.6s 
		ease, color 0.3s 
		ease;
}
.sign-up-form button.elementor-button:hover{
	box-shadow: inset 200px 0 0 0 #00ADEF !important;
	background-color: #00ADEF !important;
	color: #000000 !important;
}
a#btn-neon-color{
	transition: box-shadow 0.7s 
		ease, background-color 0.6s 
		ease, color 0.3s 
		ease;
}
a#btn-neon-color:hover{
	box-shadow: inset 200px 0 0 0 #FFC943 !important;
	background-color: #FFC943 !important;
	color: #000 !important;
}
a#btn-yellow-color{
	transition: box-shadow 0.7s 
		ease, background-color 0.6s 
		ease, color 0.3s 
		ease;
}
a#btn-yellow-color:hover{
	box-shadow: inset 200px 0 0 0 #000 !important;
	background-color: #000 !important;
	color: #fff !important;
}
.header-menu .elementor-nav-menu--dropdown{
	width: calc(100vw - 55px) !important; /* fallback for older browsers */
	width: calc(100dvw - 55px) !important; /* preferred for Safari & modern browsers */
	left: calc(100% + 25px) !important;
	transform: translateX(-100%) !important;
}

.header-menu .elementor-nav-menu--dropdown .elementor-item{
	display: flex;
	justify-content: center;
	transition: box-shadow 0.7s 
		ease, background-color 0.6s 
		ease, color 0.3s 
		ease;
}
.header-menu .elementor-nav-menu--dropdown .elementor-item:hover{
	box-shadow: inset 200px 0 0 0 #FFC943 !important;
	background-color: #FFC943 !important;
	color: #000 !important;
}
.header-menu .elementor-nav-menu--dropdown a.elementor-item-active{
	background: transparent !important;
}
.header-menu li:last-child {
	display: none;
}
.homebanner-carousel{
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-bottom-left-radius: 19px;
	border-bottom-right-radius: 19px;
}
.homebanner-carousel .elementor-image-carousel-wrapper,
.homebanner-carousel figure.swiper-slide-inner{
	width:100%;
	height: 100%;
}
.homebanner-carousel figure.swiper-slide-inner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.header-wrapper{
	overflow: visible !important;
	transition: box-shadow 220ms ease, transform 220ms ease;
	z-index: 999 !important;
}
.header-menu nav ul{
	flex-wrap: nowrap !important;
}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child) > a {
	margin-inline-end: 0; /* or whatever spacing you want */
}
.header-logo-wrapper{
	position: relative;
	width: 300px;
	padding: 0;
	z-index: 5;
}
.hide-header-cta{
	position: relative;
}
/* placeholder visually invisible but preserves layout */
.header-sticky-placeholder {
	display: block;
	height: 0;
	visibility: hidden;
}

/* styles applied when sticky — adjust to taste */
.header-wrapper.is-sticky {
	/* example cosmetic changes */
	box-shadow: 0 6px 20px rgba(0,0,0,0.08);
	transform: translateY(0);
	/* ensure the header contents don't reflow — keep consistent padding/height */
	will-change: transform;
	left: 0px !important;
	top: -20px !important;
	width: calc(100% - 40px) !important;
}
.elementor-location-header.show-corners:before,
.elementor-location-header.show-corners:after {
    content: '';
    position: fixed;
    width: 36px;
    height: 36px;
    background: #fff;
    top: 0;
    z-index: 5;
}

.elementor-location-header.show-corners:before {
    left: 0;
}

.elementor-location-header.show-corners:after {
    right: 0;
}
@media (min-width: 1800px) {
	.header-logo-wrapper{
		position: absolute !important;
		left: 40px;
		padding: 0;
		z-index: 5;
	}
	.hide-header-cta{
		position: absolute !important;
		right: 40px;
	}
	#content{
		width: calc(100% - 1px);
	}
}

@media (max-width: 1799px) {
	#content{
		width: 100%;
	}
}
@media (max-width: 1355px) and (min-width: 1201px) {
	.header-menu nav ul .elementor-item{
		padding-left: 5px !important;
		padding-right: 5px !important;
		margin: 0 5px;
		font-size: 17px !important;
	}
}
@media(max-width:1024px){
	header{
		display: flex;
		justify-content: center;
	}
	.header-menu .elementor-nav-menu--dropdown{
		left: calc(100% + 15px) !important;
	}
	.headernav-wrapper{
		width: auto;
	}
	.header-wrapper.is-sticky {
		left: 5px !important;
	}
}
@media(max-width:979px){
	.hide-header-cta{
		display: none;
	}
	.header-menu li:last-child {
		display: block;
	}
	.header-menu .elementor-nav-menu--dropdown{
		margin-top: 10px !important;
	}
}
@media(max-width:768px){
	.header-menu .elementor-nav-menu--dropdown{
		width: calc(100vw - 45px) !important; /* fallback for older browsers */
		width: calc(100dvw - 45px) !important; /* preferred for Safari & modern browsers */
		left: calc(100% + 15px) !important;
	}
	.header-logo-wrapper{
		width: auto !important;
	}
	.header-wrapper .elementor-widget-theme-site-logo img{
		width: 100% !important;
	}
	.header-wrapper .elementor-widget-theme-site-logo{
		width: auto !important;
	}
	.header-wrapper.is-sticky {
		width: calc(100% - 30px) !important;
		left: 0 !important;
	}
}