/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1767897701
Updated: 2026-01-08 21:41:41
*/

/* Global css styling for header/navbar and footer +
Define the 'Graphik' font family with different weights */
header ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

svg {
    font-variation-settings: "FILL" 1, "wght" 200, "GRAD" 0, "opsz" 24;
}

    /* Common styling for header/navbar */

.desktop-menu-container a,
.desktop-dropdown-container li a {
    outline: none;
    border: 2px solid transparent;
    transition: background 0.2s ease;
}

.desktop-menu-container a:hover,
.desktop-menu-container .desktop-dropdown-link.active,
.desktop-dropdown-container li a:hover,
.desktop-dropdown-container #desk-language-menu li:hover,
.mobile-menu-container li:hover,
.desktop-dropdown-container .desktop-dropdown-tab.active {
    background: rgb(229 231 235);
}

.desktop-menu-container a:focus,
.desktop-dropdown-container li a:focus {
    border: 2px solid rgb(51 51 51);
}

.desktop-menu-container
:where(.desktop-dropdown-link, .language-modal-opener)
svg {
    transition: transform 0.3s ease;
}

.desktop-menu-container
:where(.desktop-dropdown-link, .language-modal-opener).active
svg:last-child {
    transform: rotate(-180deg);
}

.mobile-menu-container,
.desktop-dropdown-container {
    display: none !important;
    background: rgba(0, 0, 0, 0.6);
}

.language-popup-modal {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.language-popup-modal.active {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.1s ease;
}

.language-popup-modal .modal-wrapper {
    opacity: 0;
    transform: translateY(-5%);
    transition: 0.3s ease;
}

.language-popup-modal.active .modal-wrapper {
    opacity: 1;
    transform: translateY(0%);
}

.mobile-menu-container.active,
.mobile-menu-container .mobile-dropdown-menu.show-menu,
.desktop-dropdown-container.active {
    display: block !important;
}

.mobile-menu-container li a {
    border-bottom: 1px solid rgb(209 213 219);
}

.mobile-menu-container .mobile-dropdown-menu {
    display: none !important;
}

.desktop-dropdown-container .desktop-dropdown-menu,
.desktop-dropdown-container .desktop-dropdown-section,
.hero-section .video-wrapper.show-video .thumbnail {
    display: none;
}

.desktop-dropdown-container .desktop-dropdown-section.show-menu {
    display: block;
}

.underline-on-hover:hover :where(p:nth-child(2), span:first-child) {
    text-decoration: underline;
}
.text-fuchsia-600 {
    color: #A911C0 !important;
}
.text-fuchsia-500 {
    color: #C213DD !important;
}
.hover\:bg-fuchsia-600:hover {
    color: #ffffff !important;
}
.skip-to-content-link {
    background: #b73bff;
    color: #fff;
    height: 50px;
    
    padding: 10px;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.3s;
}

.skip-to-content-link:focus {
    transform: translateY(0%);
}
a:focus{
    border: 2px solid red;
}
.sr-only {
    position: absolute;
    left: -99999px;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.features-section .mobile-tab-wrapper .tab-button .icon {
    transition: transform 0.2s ease;
}

.features-section .mobile-tab-wrapper .tab-button.active .icon {
    transform: rotate(-180deg);
}

.features-section .mobile-tab-wrapper .tab-button.active {
    font-weight: 500;
    border-bottom-color: rgb(217 70 239);
}

.features-section
:where(.mobile-tab-wrapper, .desktop-tab-wrapper)
.tab-content {
    display: none;
}

.features-section .desktop-tab-wrapper .tab-content.active {
    display: flex;
}

.features-section .mobile-tab-wrapper .tab-content.active {
    display: block;
}

@media (min-width: 1024px) {
    .features-section .mobile-tab-wrapper li .tab-content {
        display: none !important;
    }
}