/* 
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
*/

/*
    Add your custom styles here
*/

/** Custom Fonts **/

.elementor-testimonial-name {
	font-size: 20px;
}

.elementor-testimonial-job {
	font-size: 18px;
}

.home-section-one .elementor-shape svg {
    transform: translateX(-50%) rotateY(180deg);
	left: 0;
}

.home-section-one .elementor-shape-bottom {
	top: -1px;
	bottom: auto;
}

/* Initial Header State */
.cdj-header { /* Replace with your header's actual class or ID */
    transition: all 0.6s ease-in-out;
    width: 100%;
    z-index: 999; /* Ensures it stays above other content */
    position: fixed; /* Fixes the header to the viewport */
    top: 0; /* Positions it at the top */
}

/* Sticky State Styling (applied when the 'sticky' class is added by jQuery) */
.cdj-header.sticky-header {
    position: fixed; /* Fixes the header to the viewport */
    top: 0; /* Positions it at the top */
    background-color: #ffffff; /* Example background */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Optional: adds a subtle shadow */
    height: 85px;
}

.cdj-header .cdj-logo img {
	transition: max-width 0.2s ease-in-out;
}

.cdj-header.sticky-header .cdj-logo img {
	max-width: 100px !important;
}

.cdj-header .menu-item a.hfe-menu-item.elementor-button:focus,
.cdj-header li.current-menu-item .menu-item a.hfe-menu-item.elementor-button,
.cdj-header .menu-item.current-menu-ancestor a.hfe-menu-item.elementor-button {
	color: #ffffff !important;
}

.cdj-header .menu-item a.hfe-menu-item.elementor-button::after,
.cdj-header .menu-item a.hfe-menu-item.elementor-button:focus::after,
.cdj-header .menu-item a.hfe-menu-item.elementor-button:active::after,
.cdj-header .menu-item a.hfe-menu-item.elementor-button:target::after,
.cdj-header li.current-menu-item .menu-item a.hfe-menu-item.elementor-button::after {
	display: none !important;
}

/* Mobile Menu */
.hfe-nav-menu-icon {
	padding: 10px !important;
}

.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown:not(.menu-is-active) {
	width: 0px !important;
}

.service-box {
	max-width: calc(100% + 70px) !important;
}

@media (max-width: 880px) {
	.markets-cols .elementor-icon-box-title {
		height: 72px;
	}
	
	.markets-cols .market-element::before {
		background-image: linear-gradient(180deg, #5F6F52B8 51%, var(--e-global-color-49b08c9) 0%) !important;
	}
}

@media (max-width: 480px) {
	
	.markets-cols .market-element {
		min-width: 220px;
	}
	
	.markets-cols .elementor-icon-box-title {
		height: auto;
	}
	.markets-cols .market-element::before {
		background-image: linear-gradient(180deg, #5F6F52B8 55%, var(--e-global-color-49b08c9) 0%) !important;
	}
}