/* HACKER WEB — SERVICES DROPDOWN V1 */

.hw-services-dropdown {
    position: relative;
    display: flex;
    align-items: center;
}

.hw-services-dropdown > .hw-services-trigger {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.hw-services-dropdown > .hw-services-trigger .hw-dd-arrow {
    font-size: 10px;
    opacity: .72;
    transform: translateY(-1px);
    transition: transform .22s ease;
}

.hw-services-dropdown-menu {
    position: absolute;
    top: calc(100% + 16px);
    left: 50%;
    transform: translateX(-50%) translateY(8px);

    width: 260px;
    padding: 10px;

    background:
        linear-gradient(
            145deg,
            rgba(10,17,20,.98),
            rgba(5,9,11,.98)
        );

    border: 1px solid rgba(92,255,181,.18);
    border-radius: 16px;

    box-shadow:
        0 24px 70px rgba(0,0,0,.48),
        0 0 40px rgba(47,255,163,.05);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity .2s ease,
        transform .2s ease,
        visibility .2s ease;

    z-index: 9999;
}

.hw-services-dropdown-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -18px;
    height: 18px;
}

.hw-services-dropdown-menu a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;

    padding: 11px 12px !important;
    border-radius: 10px;

    text-decoration: none !important;
    font-size: 13px !important;

    color: rgba(238,247,243,.82) !important;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}

.hw-services-dropdown-menu a:hover {
    background: rgba(60,255,169,.08);
    color: #78ffc0 !important;
    transform: translateX(3px);
}

.hw-services-dropdown-menu a.hw-dd-elementor {
    margin-top: 6px;
    padding-top: 13px !important;

    border-top:
        1px solid rgba(255,255,255,.08);

    color: #f39aff !important;
}

.hw-services-dropdown-menu a.hw-dd-elementor span {
    color: #ff42e6;
}

.hw-services-dropdown:hover .hw-services-dropdown-menu,
.hw-services-dropdown:focus-within .hw-services-dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

.hw-services-dropdown:hover
.hw-services-trigger
.hw-dd-arrow {
    transform: rotate(180deg);
}

.hw-mobile-elementor-link {
    padding-left: 28px !important;
    font-size: 14px !important;
    opacity: .82;
}

.hw-mobile-elementor-link::before {
    content: "↳";
    margin-right: 8px;
    color: #ff42e6;
}

@media (max-width: 900px) {
    .hw-services-dropdown {
        display: none;
    }
}

/* HACKER WEB — SERVICES DROPDOWN DISPLAY FIX V2 */

.hw-header,
.hw-header .hw-shell,
.hw-nav,
.hw-menu {
    overflow: visible !important;
}

.hw-services-dropdown {
    position: relative;
    z-index: 10000;
}

.hw-services-dropdown-menu {
    top: calc(100% + 10px) !important;
    width: 190px !important;
    padding: 8px !important;
    z-index: 10001 !important;
}

.hw-services-dropdown-menu .hw-dd-elementor {
    margin: 0 !important;
    padding: 12px 14px !important;
    border-top: 0 !important;

    display: flex !important;
    align-items: center;
    justify-content: space-between;

    color: #f2f7f4 !important;
    background: rgba(255,255,255,.025);
}

.hw-services-dropdown-menu .hw-dd-elementor:hover {
    color: #ff68eb !important;
    background: rgba(255,71,230,.08) !important;
}


/* HACKER WEB — SERVICES DROPDOWN STACK FIX V3 */

.hw-header {
    position: relative !important;
    z-index: 999999 !important;
    overflow: visible !important;
    isolation: isolate;
}

.hw-header .hw-shell,
.hw-header .hw-nav,
.hw-header .hw-menu,
.hw-services-dropdown {
    overflow: visible !important;
}

.hw-services-dropdown {
    z-index: 1000000 !important;
}

.hw-services-dropdown-menu {
    z-index: 1000001 !important;

    top: calc(100% + 8px) !important;

    width: 190px !important;

    background: #070b0d !important;

    opacity: 0;
}

.hw-services-dropdown:hover .hw-services-dropdown-menu,
.hw-services-dropdown:focus-within .hw-services-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.hw-services-dropdown-menu .hw-dd-elementor {
    color: #f7fbf9 !important;
    opacity: 1 !important;
    background: #0a1013 !important;
}

.hw-services-dropdown-menu .hw-dd-elementor span {
    color: #ff47e6 !important;
}


/* HACKER WEB — FULL WIDTH HEADER V1 */

.hw-header {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    background: rgba(5, 9, 11, .96) !important;

    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 0 !important;
}

.hw-header > .hw-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 32px !important;
}

.hw-header .hw-nav {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    .hw-header > .hw-shell {
        padding: 0 18px !important;
    }
}