.jws_dropdown_text {
    i , span {
      vertical-align: middle;
    }
    i{
        font-size:16px !important;
        margin-right:7px;
        display: inline-block !important;
    }
   .drop_top {
    font-size:15px;
        color: var(--light);
    font-weight: 400;
    margin: 0;
    transition: 0.3s all;
    &:after {
      content: '\e82a';
      font-family: 'jws_icon';
      margin-left: 3px; 
      font-size:16px;
      vertical-align: middle;
    }
   } 
   .dropdown_sub {
        position: absolute;
        background: var(--light);
        border-top:5px solid var(--main);
        width: 105px;
        opacity: 0;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transition: 0.3s all;
        box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
        pointer-events: none;
        overflow: hidden;
        z-index: 1;
        .drop_item {
            a {
                color:var(--heading);
                font-size:12px;
                line-height: 25px;
                display: block;
                padding: 5px 15px;
                img {
                    width: 25px;
                    margin-right: 15px;  
                }
                &:hover {
                    color:var(--light);
                    background:var(--main);
                }
            }
        }
   }
   &:hover {
        .dropdown_sub {
            opacity: 1;
            transform: translateY(0);
            -webkit-transform: translateY(0);
            pointer-events: auto; 
        }
   }
}