/* 
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 */
@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');

h1,
h2,
h3,
h5,
h6 {
    font-family: "Krona One", sans-serif !important;
    line-height: 1.18em !important;
    font-weight: 400 !important;
}

.elementor-39 .elementor-element.elementor-element-62f33237 .hfe-flyout-right.hfe-flyout-open.hfe-side {
    width: 100%;
}

.elementor-39 .elementor-element.elementor-element-62f33237 li.menu-item a {
    justify-content: center;
}

.elementor-39 .elementor-element.elementor-element-62f33237 .hfe-flyout-right.hfe-flyout-open.hfe-side ul li a:before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    height: 1px;
    width: calc(100% - .02em);
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s cubic-bezier(.39, .1, 0, .98);
    opacity: 1;
}

.elementor-39 .elementor-element.elementor-element-62f33237 .hfe-flyout-right.hfe-flyout-open.hfe-side ul li a:hover {
    color: #da412c;
}

.elementor-39 .elementor-element.elementor-element-62f33237 .hfe-flyout-right.hfe-flyout-open.hfe-side ul li a {
    font-family: "Krona One", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    font-size: 45px;
    line-height: 1.18em;
    letter-spacing: .04em;
    letter-spacing: .02em;
    position: relative;
    text-decoration: underline;
}


.elementor-39 .elementor-element.elementor-element-62f33237 .hfe-flyout-right.hfe-flyout-open.hfe-side .hfe-flyout-close svg {
    fill: #000;
    width: 40px;
    height: 40px;
}



.hfe-flyout-close,
.hfe-nav-menu-icon {

  width: 35px;
  height: 24px;
  cursor: pointer;
  z-index: 99;
	top: 16px;
    right: 16px;
}

.hfe-flyout-close svg,
.hfe-nav-menu-icon svg {
  visibility: hidden;
}

.hfe-flyout-close::before,
.hfe-flyout-close::after,
.hfe-nav-menu-icon::before,
.hfe-nav-menu-icon::after {
  content: "";
  position: absolute;
  right: 0;
  width: 35px;
  height: 4px;
  background: #63c5b4;
  transition: all 0.4s cubic-bezier(.39, .1, 0, .98);
}

.hfe-nav-menu-icon::before {
  top: 4px;
}

.hfe-nav-menu-icon::after {
  bottom: 4px;
}


.hfe-flyout-close::before {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.hfe-flyout-close::after {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

/* Back to top */
.qodef-m-text {
    position: relative;
    display: block;
    height: 100%;
    animation: qode-rotate-circles 7s linear infinite;
}

@keyframes qode-rotate-circles {
    to {
        transform: rotate(360deg)
    }
}

.qodef-m-text>* {
    color: #f00;
    position: absolute;
    top: 0;
    left: calc(50% - 4px);
    width: 8px;
    height: 50%;
    text-align: center;
    opacity: 1;
    transition: opacity 2s;
    transform-origin: bottom center;
    transform: rotate(-90deg)
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.qodef-stamp {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 120px;
    color: var(--qode-main-color);
    font-family: "Krona One", sans-serif !important
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}
/* Back to top */

#custome-hamburger {
	position: relative; 
	width: 45px;
	height: 30px;
	border: none;
	background: transparent;
	cursor: pointer;
	z-index: 99999999;
	display: block;
	margin-left: auto;
	padding: 0;
	transition: all .4s ease;
}

#custome-hamburger:has(.qodef-m-icon.qodef--close.qodef--active) {
	position: fixed;
	right: 20px;
}

span.qodef-m-icon.qodef--close {
	display: block;
}

span.qodef-m-lines {
	display: block;
	height: 30px;
	position: relative;
}

#custome-hamburger .qodef-m-line {
	position: absolute;
	left: 0;
	width: 35px;
	height: 4px;
	background-color: #63c5b4;
	transform-origin: center;
	display: inline-block;
	transition: top .4s cubic-bezier(.39, .1, 0, .98),transform .4s cubic-bezier(.39, .1, 0, .98),background-color .3s ease;
}

#custome-hamburger .qodef--1 {
	top: 6px;
}

#custome-hamburger .qodef--2 {
	top: 18px;
}

#custome-hamburger:hover .qodef-m-line {
	background-color: #f0a520;
}

#custome-hamburger:hover .qodef--1 {
	transform: translateX(10px);
}

#custome-hamburger .qodef-m-icon.qodef--close.qodef--active .qodef--1 {
	top: 12px;
	transform: rotate(45deg);
}

#custome-hamburger .qodef-m-icon.qodef--close.qodef--active .qodef--2 {
	top: 12px;
	transform: rotate(-45deg);
}

#custome-hamburger:hover .qodef-m-icon.qodef--close.qodef--active .qodef-m-line,
#custome-hamburger.active-hamburger  .qodef-m-line {
	background: #000;
}

.active-hamburger:hover {
	transform: rotate(45deg);
}

.hfe-flyout-close,
.hfe-nav-menu-icon {
	display: none;
}

.hfe-flyout-wrapper .hfe-side.hfe-flyout-right,
.hfe-flyout-wrapper .hfe-side.hfe-flyout-show {
	display: unset;
	transition: all .4s cubic-bezier(.39, .1, 0, .98),transform .4s cubic-bezier(.39, .1, 0, .98),background-color .3s ease;
}
#back-to-top:hover svg path,
#back-to-top .stamp-ring:hover .stamp-char {
	color:#63c5b4;
	fill:#63c5b4;;
}
@keyframes btt-spin {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

#back-to-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 130px;
	height: 130px;
	cursor: pointer;
	display: none;
	z-index: 9999;
	mix-blend-mode: difference;
	filter: invert(1);
}
#back-to-top .arrow-wrap {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	overflow: hidden;
}

#back-to-top .arrow-1 {
	position: absolute;
	transform: translateY(0px);
	transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
	fill: #da412c;
}
#back-to-top svg path{
	fill: #da412c;
}
#back-to-top .arrow-2 {
	position: absolute;
	transform: translateY(40px);
	fill: #da412c;
	transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

#back-to-top:hover .arrow-1 {
	transform: translateY(-40px);
}
#back-to-top:hover .arrow-2 {
	transform: translateY(0px);
}
#back-to-top:hover .qodef-m-text>* {
    color: #63c5b4;
}

@media (max-width: 600px) {
	#back-to-top {
		width: 90px;
		height: 90px;
		right: 16px;
		bottom: 16px;
	}
	#back-to-top .stamp-char {
		font-size: 14px;
		transform-origin: 0 45px;
		transform: translateX(-50%) rotate(calc(var(--i) * (360deg / 28)));
	}
}