/* ====================================
   BOTTOM NAV
==================================== */
.bottom-nav-outer {
   left: 18px;
    right: 18px;
    bottom: 18px;
    border-radius: 40px;
    background: #0B5CFF;
}

.bottom-nav{


    position:fixed;
    left:0;

    right:0;

    bottom:0;

    height:74px;

    background:white;

    display:flex;

    justify-content:space-around;

    align-items:center;

    box-shadow:
    0 -6px 24px rgba(0,0,0,.08);

    z-index:9999;

}
.bottom-nav a{

    text-decoration:none;

    color:#444;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:1px;

    font-size:12px;

}

.bottom-nav span{

    font-size:22px;

}

.post-btn{

    color:var(--darkblue)!important;

    font-weight:700;

}


.bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    height:70px;
    background:#ffffff;
    display:flex;
    justify-content:space-around;
    align-items:center;
    position:fixed;
}

.nav-item{
    flex:1;
    text-align:center;
    z-index:1;
}

.post-btn{
    position:absolute;
    left:50%;
    top:-21px;
    transform:translateX(-50%);
    width:64px;
    height:64px;
    border-radius:50%;
    z-index:10;
}
.left-gap{
    margin-right:32px;
}

.right-gap{
    margin-left:32px;
}