.helpboard {
    margin-top: var(--sp-7) !important;
    position: relative;
}

.helpboard-icon {
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translate(-50%,0px);
    padding: var(--sp-6);
    background: linear-gradient(135deg, rgba(35,170,145,1) 0%, rgba(31,152,132,1) 100%);
    border-radius: var(--border-radius-3);
    font-size: 28px;
}

.helpboard-icon i {
    transform: rotate(-17deg);
}

.AnnouncementsLinkReg a {
    display: block;
    position: relative;
    padding: var(--sp-4) var(--sp-5);
    margin-bottom: var(--sp-2);
    border-radius: var(--border-radius);
    font-size: 14px;
    font-weight: 600;
    background: var(--gradient-color);
}

.AnnouncementsLinkReg a:hover {
    color: inherit;
    opacity: 0.9;
    transition: 0.3s ease-in-out
}

.AnnouncementsLinkReg a:hover::after {
    transform: translate(5px,-50%);
}

.AnnouncementsLinkReg a::after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    right: var(--sp-5);
    transform: translateY(-50%);
    font-size: 20px;
    transition: transform 0.3s ease;
}

.Announcements {
    display: flex;
    margin: auto
}

.AnnouncementsLinkReg i {
    display: inline-flex;
    justify-content: center;
    width: var(--sp-5);
    height: var(--sp-5);
    margin-right: 10px;
    font-size: 18px
}

@media (max-width: 999px) {
    .Announcements {
        display:none
    }
}