/* ==========================================
   DROPDOWN MENU
========================================== */

.has-dropdown{
    position:relative;
}

.has-dropdown > a i{
    font-size:12px;
    margin-left:5px;
    transition:.3s ease;
}

.has-dropdown:hover > a i{
    transform:rotate(180deg);
}

/* Dropdown Container */

.dropdown{

    position:absolute;

    top:120%;
    left:0;

    width:280px;

    background:#ffffff;

    border-radius:12px;

    padding:10px 0;

    list-style:none;

    box-shadow:0 15px 40px rgba(0,0,0,.10);

    opacity:0;
    visibility:hidden;

    transform:translateY(20px);

    transition:all .35s ease;

    z-index:9999;
}

/* Show Dropdown */

.has-dropdown:hover .dropdown{

    opacity:1;
    visibility:visible;

    transform:translateY(0);

}

/* Dropdown Items */

.dropdown li{
    width:100%;
}

.dropdown li a{

    display:flex;

    align-items:center;

    padding:14px 22px;

    color:#444;

    font-size:15px;

    font-weight:500;

    transition:all .3s ease;

}

/* Hover */

.dropdown li a:hover{

    background:#f5f7fb;

    color:#0A3D91;

    padding-left:28px;

}

/* Small Divider */

.dropdown li:not(:last-child){

    border-bottom:1px solid #f2f2f2;

}