.bottom-nav{

    position:fixed;

    left:0;

    right:0;

    bottom:0;

    height:65px;

    background:#ffffff;

    display:flex;

    justify-content:space-around;

    align-items:center;

    border-top:1px solid #e5e5e5;

    box-shadow:0 -2px 15px rgba(0,0,0,.08);

    z-index:1050;

}

.bottom-nav a{

    flex:1;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:#666;

    text-decoration:none;

    font-size:12px;

    transition:.25s;

}

.bottom-nav a i{

    font-size:20px;

    margin-bottom:4px;

}

.bottom-nav a.active{

    color:#0d6efd;

    font-weight:600;

}

.bottom-nav a:hover{

    color:#0d6efd;

}

@media(min-width:992px){

.bottom-nav{

    display:none;

}

}

/* Memberi ruang agar konten tidak tertutup Bottom Nav */

body{

    padding-bottom:75px;

}