/* =========================================================
   IT NETWORK CARE — ENTERPRISE HEADER V2
   ========================================================= */

.inc-header-v2,
.inc-header-v2 * {
    box-sizing: border-box;
}

.inc-header-v2 {
    --inc-cyan: #19c7d4;
    --inc-cyan-light: #5de4ec;
    --inc-bg: #070b11;
    --inc-panel: #0b1119;
    --inc-border: rgba(255,255,255,.075);
    --inc-text: #f5f9fb;
    --inc-muted: #8996a4;

    position: relative;
    width: 100%;
    overflow: visible;
    direction: rtl;
    z-index: 99999;

    background:
        linear-gradient(
            180deg,
            rgba(7,11,17,.985) 0%,
            rgba(7,11,17,.94) 100%
        );

    border-bottom: 1px solid rgba(25,199,212,.11);

    box-shadow:
        0 15px 45px rgba(0,0,0,.28),
        inset 0 -1px 0 rgba(255,255,255,.025);
}


/* =========================================================
   BACKGROUND
   ========================================================= */

.inc-h-grid {
    position: absolute;
    inset: 0;

    opacity: .16;

    background-image:
        linear-gradient(
            rgba(25,199,212,.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(25,199,212,.08) 1px,
            transparent 1px
        );

    background-size: 36px 36px;

    mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            rgba(0,0,0,.4) 60%,
            transparent 100%
        );

    pointer-events: none;
}


.inc-h-bg {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(65px);
}


.inc-h-bg-1 {
    width: 300px;
    height: 130px;

    right: 8%;
    top: -100px;

    background: rgba(25,199,212,.12);
}


.inc-h-bg-2 {
    width: 220px;
    height: 100px;

    left: 20%;
    top: -80px;

    background: rgba(25,120,255,.06);
}


.inc-h-scan {
    position: absolute;

    top: 0;
    left: -20%;

    width: 20%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(25,199,212,.5),
        transparent
    );

    animation: incHeaderScan 7s linear infinite;

    opacity: .65;
}


@keyframes incHeaderScan {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(600%);
    }

}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.inc-header-container {
    position: relative;
    z-index: 5;

    width: min(1460px, calc(100% - 44px));

    min-height: 78px;

    margin: 0 auto;

    display: flex;
    align-items: center;

    gap: 25px;
}


/* =========================================================
   LOGO
   ========================================================= */

.inc-logo-v2 {
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    gap: 11px;

    color: var(--inc-text) !important;

    text-decoration: none !important;

    direction: ltr;
}


.inc-logo-symbol {
    position: relative;

    width: 45px;
    height: 45px;

    display: grid;
    place-items: center;

    border-radius: 14px;

    background:
        radial-gradient(
            circle at center,
            rgba(25,199,212,.17),
            rgba(25,199,212,.035) 60%,
            transparent 72%
        );

    border: 1px solid rgba(25,199,212,.35);

    box-shadow:
        inset 0 0 18px rgba(25,199,212,.07),
        0 0 25px rgba(25,199,212,.06);

    overflow: hidden;
}


.inc-logo-symbol::before {
    content: "";

    position: absolute;

    inset: 5px;

    border: 1px solid rgba(25,199,212,.12);

    border-radius: 11px;

    animation: incLogoPulse 3s ease-in-out infinite;
}


.inc-logo-orbit {
    position: absolute;

    border: 1px solid rgba(25,199,212,.45);

    border-radius: 50%;
}


.orbit-a {
    width: 29px;
    height: 17px;

    transform: rotate(35deg);

    animation: incOrbitA 7s linear infinite;
}


.orbit-b {
    width: 17px;
    height: 29px;

    transform: rotate(35deg);

    animation: incOrbitB 9s linear infinite;
}


.inc-logo-core {
    position: absolute;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: var(--inc-cyan);

    box-shadow:
        0 0 8px var(--inc-cyan),
        0 0 18px rgba(25,199,212,.7);
}


.inc-logo-node {
    position: absolute;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: #dffcff;

    box-shadow: 0 0 7px var(--inc-cyan);

    z-index: 3;
}


.node-a {
    top: 7px;
    left: 19px;
}

.node-b {
    top: 19px;
    right: 5px;
}

.node-c {
    bottom: 7px;
    left: 10px;
}

.node-d {
    left: 5px;
    top: 19px;
}


.inc-logo-lines {
    position: absolute;

    width: 28px;
    height: 28px;

    background:
        linear-gradient(
            35deg,
            transparent 47%,
            rgba(25,199,212,.45) 48%,
            rgba(25,199,212,.45) 51%,
            transparent 52%
        ),
        linear-gradient(
            145deg,
            transparent 47%,
            rgba(25,199,212,.45) 48%,
            rgba(25,199,212,.45) 51%,
            transparent 52%
        );
}


@keyframes incOrbitA {
    to {
        transform: rotate(395deg);
    }
}


@keyframes incOrbitB {
    to {
        transform: rotate(-325deg);
    }
}


@keyframes incLogoPulse {

    0%,
    100% {
        opacity: .4;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }

}


.inc-logo-name {
    display: flex;

    flex-direction: column;

    line-height: 1;
}


.inc-logo-name strong {
    color: #f5f9fb;

    font-size: 13px;

    font-weight: 850;

    letter-spacing: .08em;

    white-space: nowrap;
}


.inc-logo-name small {
    margin-top: 6px;

    color: var(--inc-cyan);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .14em;

    white-space: nowrap;
}


.inc-logo-name small b {
    color: #63727e;

    padding: 0 2px;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.inc-nav-v2 {
    flex: 1 1 auto;

    min-width: 0;

    display: flex;
    justify-content: center;
}


.inc-nav-inner {
    display: flex;
    align-items: center;

    padding: 4px;

    border: 1px solid rgba(255,255,255,.055);

    border-radius: 14px;

    background:
        rgba(255,255,255,.018);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025);
}


.inc-main-menu-v2 {
    display: flex !important;

    align-items: center;

    justify-content: center;

    gap: 2px;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.inc-main-menu-v2 > li {
    position: relative;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.inc-main-menu-v2 > li > a {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 39px;

    padding: 0 13px;

    color: #ffffff !important;

    background: linear-gradient(180deg, rgba(25,199,212,.11), rgba(25,199,212,.035));

    border-radius: 10px;

    text-decoration: none !important;

    font-size: 14px;

    font-weight: 700;

    white-space: nowrap;

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


.inc-main-menu-v2 > li > a::before {
    content: "";

    position: absolute;

    bottom: 4px;

    right: 13px;
    left: 13px;

    height: 1px;

    background: var(--inc-cyan);

    transform: scaleX(1);

    transition: transform .25s ease;

    box-shadow:
        0 0 8px rgba(25,199,212,.65);
}


.inc-main-menu-v2 > li > a:hover,
.inc-main-menu-v2 > li.current-menu-item > a,
.inc-main-menu-v2 > li.current-menu-ancestor > a,
.inc-main-menu-v2 > li.current_page_item > a {
    color: #ffffff !important;

    background:
        linear-gradient(
            180deg,
            rgba(25,199,212,.11),
            rgba(25,199,212,.035)
        );
}


.inc-main-menu-v2 > li > a:hover::before,
.inc-main-menu-v2 > li.current-menu-item > a::before,
.inc-main-menu-v2 > li.current-menu-ancestor > a::before {
    transform: scaleX(1);
}


/* =========================================================
   DROPDOWN
   ========================================================= */

.inc-main-menu-v2 .sub-menu {
    position: absolute;

    top: calc(100% + 12px);

    right: 0;

    width: 250px;

    margin: 0;
    padding: 8px;

    list-style: none;

    background:
        linear-gradient(
            145deg,
            rgba(14,22,31,.99),
            rgba(7,12,18,.99)
        );

    border:
        1px solid rgba(25,199,212,.18);

    border-radius: 15px;

    box-shadow:
        0 25px 60px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(255,255,255,.04);

    backdrop-filter: blur(20px);

    opacity: 0;
    visibility: hidden;

    transform:
        translateY(9px)
        scale(.98);

    transform-origin: top right;

    transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .22s ease;
}


.inc-main-menu-v2 li:hover > .sub-menu,
.inc-main-menu-v2 li:focus-within > .sub-menu {
    opacity: 1;

    visibility: visible;

    transform:
        translateY(0)
        scale(1);
}


.inc-main-menu-v2 .sub-menu::before {
    content: "";

    position: absolute;

    top: -5px;
    right: 30px;

    width: 9px;
    height: 9px;

    background: #0d1720;

    border-left: 1px solid rgba(25,199,212,.18);
    border-top: 1px solid rgba(25,199,212,.18);

    transform: rotate(45deg);
}


.inc-main-menu-v2 .sub-menu li {
    margin: 0;
}


.inc-main-menu-v2 .sub-menu a {
    display: flex;

    align-items: center;

    min-height: 40px;

    padding: 0 12px;

    color: #9eabb8 !important;

    border-radius: 9px;

    text-decoration: none !important;

    font-size: 13px;

    font-weight: 650;

    transition: .2s ease;
}


.inc-main-menu-v2 .sub-menu a:hover {
    color: #ffffff !important;

    background:
        rgba(25,199,212,.08);

    padding-right: 17px;
}


/* =========================================================
   RIGHT ACTIONS
   ========================================================= */

.inc-header-actions {
    flex: 0 0 auto;

    display: flex;

    align-items: center;

    gap: 12px;
}


.inc-network-status {
    display: flex;

    align-items: center;

    gap: 6px;

    color: #697783;

    font-size: 8px;

    font-weight: 750;

    letter-spacing: .08em;

    white-space: nowrap;

    direction: ltr;
}


.inc-status-dot {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--inc-cyan);

    box-shadow:
        0 0 7px var(--inc-cyan),
        0 0 14px rgba(25,199,212,.5);

    animation: incStatusPulse 2s ease-in-out infinite;
}


@keyframes incStatusPulse {

    0%,
    100% {
        opacity: .65;
        transform: scale(.9);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }

}


.inc-header-consult {
    display: flex;

    align-items: center;

    gap: 9px;

    min-height: 45px;

    padding: 0 12px;

    color: #071014 !important;

    background:
        linear-gradient(
            135deg,
            #23ccd7,
            #16b7c5
        );

    border: 1px solid rgba(93,228,236,.5);

    border-radius: 11px;

    text-decoration: none !important;

    box-shadow:
        0 8px 25px rgba(25,199,212,.13);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease;
}


.inc-header-consult:hover {
    color: #050e11 !important;

    transform: translateY(-2px);

    filter: brightness(1.07);

    box-shadow:
        0 13px 32px rgba(25,199,212,.22);
}


.inc-consult-icon {
    width: 27px;
    height: 27px;

    display: grid;
    place-items: center;

    border-radius: 8px;

    background: rgba(0,0,0,.13);

    font-size: 16px;

    font-weight: 800;
}


.inc-consult-text {
    display: flex;

    flex-direction: column;

    line-height: 1.15;
}


.inc-consult-text small {
    font-size: 8px;

    font-weight: 650;

    opacity: .68;
}


.inc-consult-text strong {
    margin-top: 3px;

    font-size: 10px;

    font-weight: 850;

    white-space: nowrap;
}


/* =========================================================
   MOBILE BUTTON
   ========================================================= */

.inc-mobile-trigger {
    display: none;

    width: 43px;
    height: 43px;

    padding: 0;

    margin-right: auto;

    align-items: center;
    justify-content: center;

    flex-direction: column;

    gap: 5px;

    background:
        rgba(25,199,212,.055);

    border:
        1px solid rgba(25,199,212,.22);

    border-radius: 11px;

    cursor: pointer;
}


.inc-mobile-trigger span {
    width: 19px;
    height: 2px;

    border-radius: 4px;

    background: #d7f9fb;

    transition: .25s ease;
}


.inc-mobile-trigger.is-active span:nth-child(1) {
    transform:
        translateY(7px)
        rotate(45deg);
}


.inc-mobile-trigger.is-active span:nth-child(2) {
    opacity: 0;
}


.inc-mobile-trigger.is-active span:nth-child(3) {
    transform:
        translateY(-7px)
        rotate(-45deg);
}


/* =========================================================
   MOBILE NAVIGATION
   ========================================================= */

.inc-mobile-navigation {
    display: none;

    position: relative;

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

    background:
        linear-gradient(
            180deg,
            rgba(8,13,19,.99),
            rgba(5,9,14,.99)
        );

    box-shadow:
        0 25px 50px rgba(0,0,0,.35);
}


.inc-mobile-inner {
    width: min(100% - 28px, 700px);

    margin: 0 auto;

    padding: 15px 0 20px;
}


.inc-mobile-status-row {
    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 4px 10px;

    border-bottom:
        1px solid rgba(255,255,255,.045);
}


.inc-mobile-title {
    color: #697783;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .15em;

    direction: ltr;
}


.inc-mobile-online {
    display: flex;

    align-items: center;

    gap: 6px;

    color: #71808b;

    font-size: 8px;

    font-weight: 700;

    direction: ltr;
}


.inc-mobile-online i {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--inc-cyan);

    box-shadow: 0 0 8px var(--inc-cyan);
}


.inc-mobile-menu-v2 {
    margin: 5px 0 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


.inc-mobile-menu-v2 li {
    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

    border-bottom:
        1px solid rgba(255,255,255,.045);
}


.inc-mobile-menu-v2 a {
    display: flex;

    align-items: center;

    min-height: 48px;

    padding: 0 5px;

    color: #bac6d0 !important;

    text-decoration: none !important;

    font-size: 13px;

    font-weight: 650;

    transition: .2s ease;
}


.inc-mobile-menu-v2 a:hover,
.inc-mobile-menu-v2 .current-menu-item > a {
    color: var(--inc-cyan) !important;

    padding-right: 12px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(25,199,212,.04)
        );
}


.inc-mobile-menu-v2 .sub-menu {
    margin: 0;

    padding: 0 13px 5px;

    list-style: none;
}


.inc-mobile-menu-v2 .sub-menu a {
    min-height: 38px;

    color: #7f8d99 !important;

    font-size: 11px;
}


/* Mobile consultation */
.inc-mobile-consult {
    display: flex;

    align-items: center;

    justify-content: space-between;

    min-height: 61px;

    margin-top: 15px;

    padding: 0 16px;

    color: #071014 !important;

    background:
        linear-gradient(
            135deg,
            #24ccd7,
            #14b4c2
        );

    border-radius: 13px;

    text-decoration: none !important;

    box-shadow:
        0 10px 30px rgba(25,199,212,.14);
}


.inc-mobile-consult span {
    display: flex;

    flex-direction: column;
}


.inc-mobile-consult small {
    font-size: 7px;

    letter-spacing: .16em;

    opacity: .62;

    direction: ltr;
}


.inc-mobile-consult strong {
    margin-top: 4px;

    font-size: 12px;

    font-weight: 850;
}


.inc-mobile-consult b {
    font-size: 19px;
}


/* Mobile footer */
.inc-mobile-footer {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 13px;

    padding: 0 3px;

    color: #52606c;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .1em;

    direction: ltr;
}


.inc-mobile-footer span:last-child {
    display: flex;

    align-items: center;

    gap: 5px;
}


.inc-mobile-footer i {
    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--inc-cyan);

    box-shadow: 0 0 7px var(--inc-cyan);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1250px) {

    .inc-header-container {
        gap: 16px;
    }

    .inc-main-menu-v2 > li > a {
        padding-left: 9px;
        padding-right: 9px;

        font-size: 11px;
    }

    .inc-network-status {
        display: none;
    }

}


@media (max-width: 1040px) {

    .inc-header-container {
        width: calc(100% - 30px);
    }

    .inc-logo-name strong {
        font-size: 11px;
    }

    .inc-logo-name small {
        font-size: 7px;
    }

    .inc-main-menu-v2 > li > a {
        padding-left: 7px;
        padding-right: 7px;

        font-size: 10px;
    }

    .inc-header-consult {
        padding: 0 9px;
    }

    .inc-consult-text strong {
        font-size: 9px;
    }

}


@media (max-width: 900px) {

    .inc-header-container {
        min-height: 68px;
    }

    .inc-nav-v2,
    .inc-header-actions {
        display: none;
    }

    .inc-mobile-trigger {
        display: flex;
    }

    .inc-logo-symbol {
        width: 40px;
        height: 40px;
    }

    .inc-logo-name strong {
        font-size: 11px;
    }

    .inc-logo-name small {
        font-size: 7px;
    }

    .inc-header-v2.mobile-open
    .inc-mobile-navigation {
        display: block;
    }

}


@media (max-width: 480px) {

    .inc-header-container {
        width: calc(100% - 22px);

        min-height: 64px;
    }

    .inc-logo-symbol {
        width: 38px;
        height: 38px;

        border-radius: 11px;
    }

    .inc-logo-name strong {
        font-size: 10px;
    }

    .inc-logo-name small {
        font-size: 6.5px;

        letter-spacing: .1em;
    }

    .inc-mobile-trigger {
        width: 40px;
        height: 40px;
    }

}


@media (prefers-reduced-motion: reduce) {

    .inc-h-scan,
    .inc-logo-orbit,
    .inc-logo-symbol::before,
    .inc-status-dot {
        animation: none !important;
    }

}