.elementor-2064 .elementor-element.elementor-element-69559565{--display:flex;--position:fixed;--min-height:115px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:-115px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;top:0px;--z-index:100;}body:not(.rtl) .elementor-2064 .elementor-element.elementor-element-69559565{left:0px;}body.rtl .elementor-2064 .elementor-element.elementor-element-69559565{right:0px;}.elementor-2064 .elementor-element.elementor-element-4ae7c775{text-align:left;}.elementor-2064 .elementor-element.elementor-element-4ae7c775 img{width:auto;height:35px;}.elementor-2064 .elementor-element.elementor-element-4d354e9a{--display:flex;--position:absolute;--min-height:45px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:0px 0px 0px 0px;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:35px;--z-index:20;}body:not(.rtl) .elementor-2064 .elementor-element.elementor-element-4d354e9a{right:35px;}body.rtl .elementor-2064 .elementor-element.elementor-element-4d354e9a{left:35px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2064 .elementor-element.elementor-element-4d354e9a{--width:110px;}}@media(max-width:767px){.elementor-2064 .elementor-element.elementor-element-69559565{--min-height:80px;--justify-content:flex-start;--margin-top:0px;--margin-bottom:-80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-2064 .elementor-element.elementor-element-4ae7c775 img{height:30px;}.elementor-2064 .elementor-element.elementor-element-4d354e9a{--width:95px;--min-height:40px;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:-5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:20px;}body:not(.rtl) .elementor-2064 .elementor-element.elementor-element-4d354e9a{right:20px;}body.rtl .elementor-2064 .elementor-element.elementor-element-4d354e9a{left:20px;}}/* Start custom CSS for html, class: .elementor-element-f8963b4 */.burger-button {
	color: #fff;
	display: inline-block;
	width: 50px;
    height: 50px;
	cursor: pointer;
	position: relative;
	z-index: 9999;
	margin: 10px 10px;
	border-radius: 50%; 
	background-color: #f8e7c1;
}
/* (change the number of the template with your own)*/
.elementor-3772 { 
	width: 100%;
	animation: fadeInRight 1s ease-in-out;
}


.burger-navigation {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	overflow: hidden;
	transition:  all 0.5s ease-out;
	width: 100%;
	height: 100vh;
	z-index: 100;
	
}

.burger-navigation {
	display: flex;
	justify-content: center;
	align-items: center;
	transition:  all 0.5s ease-out;
}

.burger-button .burger {
	position: relative;
    width: 100%;
    height: 100%;
}

.burger-button .burger span{
	display: block;
	border-radius: 2px;
	height: 1px;
	width: 30%;
	background: #212529;
	transition: all 0.3s ease-in-out;
	position: absolute;
	left: 35%;
}

/* First span (top line) */
.burger-button .burger span:nth-child(1) {
	top: 40%; /* Adjust position so it's at the top */
}

/* Second span (middle line) */
.burger-button .burger span:nth-child(2) {
	top: 50%; /* Center the middle span */
	opacity: 1;
}

/* Third span (bottom line) */
.burger-button .burger span:nth-child(3) {
	top: 60%; /* Place at the bottom */
}

.burger-nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0, 0, 0, 0);
	
}

.burger-nav_control:checked~.burger-navigation {
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
}

.burger-nav_control:checked~.burger-button .burger {
	transition: all 0.1s 0s ease;
}


.burger-nav_control:checked~.burger-button .burger span {
    background: #212529;
	transition: all 0.3s ease;
}

.burger-nav_control:checked~.burger-button .burger span:first-child {
	transform: rotate(45deg);
  top: 50%;
  transform-origin: center;
}

.burger-nav_control:checked~.burger-button .burger span:nth-child(2) {
	opacity: 0;
}

.burger-nav_control:checked~.burger-button .burger span:nth-child(3) {
	transform: rotate(-45deg);
  top: 50%;
  transform-origin: center;

}


@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
  }
}/* End custom CSS */