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

/* ===== Global ===== */

.elementor-icon-wrapper {
    line-height: 0;
}

/* ===== Global ===== */



/* ===== Header CSS ===== */

.main-header-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent;
    transition: transform 0.4s ease, background 0.3s ease;
}

.main-header-sticky.is-scrolled {
    background: rgba(254, 254, 254, 0.297);
    backdrop-filter: blur(40px);
}

.main-header-sticky.is-hidden {
    transform: translateY(-100%);
}


.button-hover-blue .elementor-button {
    position: relative;
    overflow: hidden;
}

.button-hover-blue .elementor-button::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    left: -100%;
    transition: all 0.2s ease-in;
    z-index: 0;
}

.button-hover-blue .elementor-button:hover span {
    color: #007DFC;
    z-index: 1;
    transition: all 0.2s ease-in;
}

.button-hover-blue .elementor-button:hover::after {
    left: 0;
    transition: all 0.2s ease-in;
}

.main_header-menu .elementor-item {
    position: relative;
    overflow: hidden;
}

.main_header-menu .elementor-item::after {
    content: '';
    width: 100%;
    height: 2px;
    opacity: 1 !important;
    position: absolute;
    left: -100%;
    bottom: 0;
    transition: all 0.2s ease-in;
}

.main_header-menu .elementor-item:hover::after {
    left: 0;
    transition: all 0.2s ease-in;
}

/* ===== Header CSS ===== */


/* ===== Footer CSS ===== */

.footer_menu_items .elementor-nav-menu {
    column-count: 2;
    gap: 50px;
}

.menu_hov-effect .elementor-item {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.menu_hov-effect .elementor-item::after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    opacity: 1 !important;
    left: -100%;
    bottom: auto;
    transition: all 0.3s ease-in;
}

.menu_hov-effect .elementor-item:hover::after {
    left: 0;
    transition: all 0.3s ease-in;
}

.social-icon_main .elementor-grid-item .elementor-icon {
    position: relative;
    border: 1px solid #FFFFFF50;
    overflow: hidden;
}

.social-icon_main .elementor-grid-item .elementor-icon::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    position: absolute;
    transition: all 0.3s ease-in;
    bottom: -100%;
    left: 0;
    z-index: -1
}

.social-icon_main .elementor-grid-item .elementor-icon:hover::after {
    bottom: 0;
    transition: all 0.3s ease-in;
}

/* ===== Footer CSS ===== */


/* ===== Responsive ===== */

@media(max-width: 767px) {
    .footer_menu_items .elementor-nav-menu {
        column-count: unset;
        gap: unset;
    }
}