body, html {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
}

.fa-stack[data-count]:after{
    position:absolute;
    right:0%;
    top:1%;
    content: attr(data-count);
    font-size:30%;
    padding:.6em;
    border-radius:999px;
    line-height:.75em;
    color: white;
    background:rgba(255,0,0,.85);
    text-align:center;
    min-width:2em;
    font-weight:bold;
}

#notif {
    background: url('../../img/notifbg.png') no-repeat center center;
    background-size: cover;
    border-radius: 12px;
}

#hero_home {
    width: 100%;
    min-height: 75%;
    background: url('../../img/home_hero.png') no-repeat center center;
    background-size: cover;
}

#hero_about {
    width: 100%;
    min-height: 75%;
    background: url('../../img/hero_about.png') no-repeat center center;
    background-size: cover;
}

th, td {
    padding-right: 15px;
}

#auth-bg {
    background: url('../../img/bg_auth.png');
    width: 100%;
    background-size: cover;
}

.btn-gradient {
    background: linear-gradient(268.21deg, #FF2AC3 1.28%, #26CBFF 100%);
    border: 0;
}

.badge-job {
    background: #3487ba;
    color: #fff;
    padding: 5px 10px;
    border-radius: 0 10px 10px 0;
}

p {
    font-size: 14px;
}