.elementor-965 .elementor-element.elementor-element-a1cc13a{--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-33cc733 *//* =========================
   MOBILE PRO TRADING NAV
========================= */

@media (max-width:768px){

.mobile-pro-nav{
    position:fixed;
    bottom:12px;
    left:12px;
    right:12px;

    height:78px;

    display:flex;
    justify-content:space-around;
    align-items:center;

    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),
    inset 0 0 10px rgba(255,255,255,.03);

    z-index:99999;

    padding:8px 6px;
}

/* آیتم‌ها */
.mobile-pro-nav .nav-item{
    text-decoration:none;
    color:#b8c1d1;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    flex:1;

    transition:.25s ease;

    position:relative;
}

/* آیکون */
.mobile-pro-nav .nav-item i{
    font-size:20px;
    margin-bottom:4px;
}

/* متن */
.mobile-pro-nav .nav-item span{
    font-size:10px;
    font-weight:600;
}

/* hover */
.mobile-pro-nav .nav-item:hover{
    color:#00ffff;
    transform:translateY(-3px);
}

/* =========================
   CENTER BUTTON (TRADES)
========================= */

.mobile-pro-nav .center-btn{
    width:62px;
    height:62px;

    margin-top:-28px;

    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 20px rgba(0,255,255,.7),
    0 0 40px rgba(0,255,255,.4);

    animation:pulseGlow 2s infinite;
}

.mobile-pro-nav .center-btn i{
    font-size:22px;
    margin:0;
}

/* pulse */
@keyframes pulseGlow{
    0%{box-shadow:0 0 15px rgba(0,255,255,.6);}
    50%{box-shadow:0 0 30px rgba(0,255,255,.9);}
    100%{box-shadow:0 0 15px rgba(0,255,255,.6);}
}

/* DESKTOP HIDE */
@media (min-width:769px){
    .mobile-pro-nav{
        display:none !important;
    }
}/* End custom CSS */