.elementor-978 .elementor-element.elementor-element-a319bac{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-02e6140 *//* =========================
   MAIN HEADER
========================= */

.desktop-pro-nav{
    width:100%;
    padding:14px 40px;

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

    background:rgba(10,15,30,.92);
    backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(0,255,255,.12);

    position:sticky;
    top:0;
    z-index:9999;
}

/* LEFT & RIGHT MENUS */
.left-menu,
.right-menu{
    display:flex;
    gap:22px;
    align-items:center;
}

/* =========================
   NAV ITEM BASE STYLE
========================= */

.nav-item{
    text-decoration:none;
    color:#b8c1d1;

    display:flex;
    flex-direction:column;
    align-items:center;

    position:relative;

    transition:.25s ease;
}

.nav-item i{
    font-size:18px;
    margin-bottom:3px;
}

.nav-item span{
    font-size:11px;
}

/* hover */
.nav-item:hover{
    color:#00ffff;
    transform:translateY(-3px);
}

.nav-item:hover i{
    filter:drop-shadow(0 0 10px #00ffff);
}

/* =========================
   CENTER TITLE
========================= */

.center-title{
    position:absolute;
    left:50%;
    transform:translateX(-50%);

    font-size:13px;
    font-weight:600;
    letter-spacing:2px;

    color:#00ffff;

    padding:6px 14px;

    border:1px solid rgba(0,255,255,.2);
    border-radius:20px;

    background:rgba(0,255,255,.05);
    backdrop-filter:blur(10px);
}

/* =========================
   TRADES BUTTON (CENTER HIGHLIGHT)
========================= */

.center-btn{
    width:64px;
    height:64px;

    border-radius:50%;

    background:linear-gradient(135deg,#00ffff,#00ff99);

    color:#000;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    box-shadow:
    0 0 25px rgba(0,255,255,.6),
    0 0 50px rgba(0,255,255,.2);

    margin-top:-10px;

    animation:pulseGlow 2s infinite;
}

@keyframes pulseGlow{
    0%{box-shadow:0 0 15px rgba(0,255,255,.5);}
    50%{box-shadow:0 0 35px rgba(0,255,255,.9);}
    100%{box-shadow:0 0 15px rgba(0,255,255,.5);}
}

/* =========================
   ACTIVE STATE (IMPORTANT)
========================= */

.nav-item.active{
    color:#00ffff;
    transform:translateY(-4px);
}

.nav-item.active i{
    filter:drop-shadow(0 0 12px #00ffff);
}

/* خط نئونی زیر آیتم فعال */
.nav-item.active::after{
    content:'';
    position:absolute;
    bottom:-6px;
    left:50%;
    transform:translateX(-50%);

    width:18px;
    height:2px;

    background:#00ffff;
    border-radius:2px;

    box-shadow:0 0 10px #00ffff;
}

/* =========================
   MOBILE NAV (APP STYLE)
========================= */

.mobile-pro-nav{
    display:none;
}

@media (max-width:768px){

.desktop-pro-nav{
    display:none;
}

.mobile-pro-nav{
    display:flex;
    justify-content:space-around;
    align-items:center;

    position:fixed;
    bottom:12px;
    left:12px;
    right:12px;

    height:78px;

    background:rgba(10,15,30,.92);
    backdrop-filter:blur(18px);

    border:1px solid rgba(0,255,255,.15);
    border-radius:24px;

    box-shadow:0 0 25px rgba(0,255,255,.12);

    z-index:99999;

    padding:8px 6px;
}

.mobile-pro-nav .nav-item{
    flex:1;
}

/* center button mobile */
.mobile-pro-nav .center-btn{
    width:62px;
    height:62px;
    margin-top:-28px;
}
}

/* DESKTOP ONLY */
@media (min-width:769px){
    .mobile-pro-nav{
        display:none;
    }
}/* End custom CSS */