.elementor-2230 .elementor-element.elementor-element-8efca50{--display:flex;}/* Start custom CSS for html, class: .elementor-element-fc0a230 *//* CSS Reset & Variable Definitions */
:root {
    --primary: #5bb2fc;          /* Sky Blue from Logo text */
    width: 100%;
}
.menu-toggle-checkbox {
    display: none;
}
.mobile-toggle {
    display: none;
    flex-direction: column;
        box-shadow: var(--shadow-md);
    }
    
    .nav-menu.active {
    .menu-toggle-checkbox:checked ~ .nav-menu {
        display: flex;
    }
        display: flex;
    }
    
    .mobile-toggle.active .bar:nth-child(1) {
    .menu-toggle-checkbox:checked ~ .mobile-toggle .bar:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }
    
    .mobile-toggle.active .bar:nth-child(2) {
    .menu-toggle-checkbox:checked ~ .mobile-toggle .bar:nth-child(2) {
        opacity: 0;
    }
    
    .mobile-toggle.active .bar:nth-child(3) {
    .menu-toggle-checkbox:checked ~ .mobile-toggle .bar:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }
    
    }
}/* End custom CSS */