body{
    padding: 0;
    margin: 0;
    font-family: "poppins", sans serif;
}
/*HEADER*/
header{
    padding: 0;
    margin: 0;
}

.bg-body-tertiary{
    background-color: white !important;
}

.nav-link{
    color: black;
}

.nav-item .active{
    font-weight: 600;
    color: #003366;
}

.navbar-brand{
    font-size: 30px;
    font-weight: 900;
}


.navbar-collapse{
    justify-content: space-between;
}

.btn{
    padding: 10px;
}

.btn-border{
    font-weight: 600;
    box-shadow: 0px 3px 4.7px 0px rgba(0, 0, 0, 0.25);
}

.btn-cta{
    color: white;
    font-weight: 600;
    background-color: #077FFF;
}

.btn-cta:hover{
    color: #077FFF;
    background-color: whitesmoke;
}

/*FOOTER*/

footer{
    background-color: #021C36;
    color: white;

    p{
        display: flex;
        margin: 0;
        
    }

    .nav-link, a{
        color: white;
    }

    .nav-item a{
        img{
            padding: 15px;
            border: 1px solid white;
            border-radius: 17px;
        }
    }

    hr{
        margin: 0;
    }

    h5{
        color: #007FFF;
    }
}

    .nav-right{
        display:flex;
        align-items:center;
        gap:12px;
    }

    .login-btn{
        text-decoration:none;
        color:#111827;
        font-weight:600;
    }

    .signup-btn{
        text-decoration:none;
        background:#2563eb;
        color:white;
        padding:10px 18px;
        border-radius:10px;
        font-weight:600;
    }

    .user-dropdown{
        position:relative;
    }

    .user-trigger{
        display:flex;
        align-items:center;
        gap:10px;
        text-decoration:none;
        color:#111827;
        font-weight:600;
    }

    .nav-avatar{
        width:42px;
        height:42px;
        border-radius:50%;
        overflow:hidden;
        background:#2563eb;
        color:white;
        display:flex;
        align-items:center;
        justify-content:center;
        font-weight:700;
    }

    .nav-avatar img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .nav-username{
        font-size:14px;
    }

    .dropdown-menu-custom{
        position:absolute;
        top:55px;
        right:0;
        min-width:180px;
        background:white;
        border-radius:12px;
        box-shadow:0 10px 30px rgba(0,0,0,.1);
        padding:8px;
        display:none;
        z-index:999;
    }

    .dropdown-menu-custom a{
        display:block;
        padding:10px 14px;
        text-decoration:none;
        color:#111827;
        border-radius:8px;
    }

    .dropdown-menu-custom a:hover{
        background:#f3f4f6;
    }

    .user-dropdown:hover .dropdown-menu-custom{
        display:block;
    }


    /*Avatars*/

    .nav-right{
    display:flex;
    align-items:center;
    gap:12px;
}

.login-btn{
    text-decoration:none;
    color:#111827;
    font-weight:600;
}

.signup-btn{
    text-decoration:none;
    background:#2563eb;
    color:white;
    padding:10px 18px;
    border-radius:10px;
    font-weight:600;
}

.user-dropdown{
    position:relative;
}

.user-trigger{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#111827;
    font-weight:600;
}

.nav-avatar{
    width:42px;
    height:42px;
    border-radius:50%;
    overflow:hidden;
    background:#2563eb;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
}

.nav-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.nav-username{
    font-size:14px;
}

.dropdown-menu-custom{
    position:absolute;
    top:55px;
    right:0;
    min-width:180px;
    background:white;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.1);
    padding:8px;
    display:none;
    z-index:999;
}

.dropdown-menu-custom a{
    display:block;
    padding:10px 14px;
    text-decoration:none;
    color:#111827;
    border-radius:8px;
}

.dropdown-menu-custom a:hover{
    background:#f3f4f6;
}

.user-dropdown:hover .dropdown-menu-custom{
    display:block;
}