/* ===================================
   NAVBAR
=================================== */

.custom-navbar{

    background:#ffffff;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

    padding:12px 0;

    transition:.3s;

}

.logo{

    width:170px;

}

.navbar-nav{

    gap:10px;

}

.nav-link{

    color:#1f2937;

    font-weight:600;

    font-size:16px;

    transition:.3s;

}

.nav-link:hover,
.nav-link.active{

    color:#0d6efd;

}

.start-btn{

    background:#0d6efd;

    color:#ffffff;

    padding:10px 22px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.start-btn:hover{

    background:#0b5ed7;

    color:#ffffff;

}

.navbar-toggler{

    border:none;

    box-shadow:none !important;

}

.navbar-toggler:focus{

    box-shadow:none;

}

/* ===================================
   TABLET
=================================== */

@media (max-width:991.98px){

    .custom-navbar{

        padding:10px 0;

    }

    .logo{

        width:155px;

    }

    .navbar-collapse{

        background:#ffffff;

        margin-top:15px;

        padding:20px;

        border-radius:15px;

        box-shadow:0 10px 30px rgba(0,0,0,.08);

    }

    .navbar-nav{

        gap:5px;

        text-align:center;

    }

    .nav-link{

        padding:12px 0;

    }

    .start-btn{

        width:100%;

        margin-top:15px;

    }

}

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

@media (max-width:767.98px){

    .custom-navbar{

        padding:8px 0;

    }

    .logo{

        width:140px;

    }

    .navbar-collapse{

        padding:18px;

    }

    .nav-link{

        font-size:15px;

        padding:11px 0;

    }

    .start-btn{

        width:100%;

        padding:12px;

        font-size:15px;

    }

}

/* ===================================
   SMALL MOBILE
=================================== */

@media (max-width:480px){

    .logo{

        width:125px;

    }

    .navbar-collapse{

        padding:15px;

    }

    .nav-link{

        font-size:14px;

        padding:10px 0;

    }

    .start-btn{

        font-size:14px;

        padding:10px;

    }

}