.sbc-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.sbc-icon.sbc-icon-about {
    background-image: url('icons/about.svg');
}

.sbc-icon.sbc-icon-speakers {
    background-image: url('icons/speaker.svg');
}

.sbc-icon.sbc-icon-schedule {
    background-image: url('icons/schedule.svg');
}

.sbc-icon.sbc-icon-agenda {
    background-image: url('icons/agenda.svg');
}

.sbc-icon.sbc-icon-networking {
    background-image: url('icons/networking.svg');
}

.sbc-icon.sbc-icon-more {
    background-image: url('icons/more.svg');
}

.sbc-icon.sbc-icon-close {
    background-image: url('icons/close.svg');
}

.sbc-icon.sbc-icon-calendar {
    background-image: url('icons/calendar.svg');
}

.sbc-icon.sbc-icon-categories {
    background-image: url('icons/categories.svg');
}

.sbc-icon.sbc-icon-combined-shape {
    background-image: url('icons/combined-shape.svg');
}

.sbc-icon.sbc-icon-hammer {
    background-image: url('icons/hammer.svg');
}

.sbc-icon.sbc-icon-path {
    background-image: url('icons/path.svg');
}

.sbc-icon.sbc-icon-sponsor {
    background-image: url('icons/sponsor.svg');
}


.sbc-icon.sbc-icon-venue {
    background-image: url('icons/venue.svg');
}

.sbc-icon.sbc-icon-players-guests {
    background-image: url('icons/players-guests.svg');
}

.sbc-icon.sbc-icon-inductee {
    background-image: url('icons/inductee.svg');
}

.sbc-icon.sbc-icon-events {
    background-image: url('icons/events.svg');
}

.sbc-icon.sbc-icon-star {
    background-image: url('icons/star.svg');
}

.sbc-icon.sbc-icon-awards {
    background-image: url('icons/awards.svg');
}

.sbc-icon.sbc-icon-home {
    background-image: url('icons/home.svg');
}

.sbc-icon.sbc-icon-agenda-2022 {
    background-image: url('icons/agenda-2022.svg');
}

.sbc-icon.sbc-icon-about-info {
    background-image: url('icons/about-info.svg');
}

.sbc-icon.sbc-icon-attending {
    background-image: url('icons/attending.svg');
}

.sbc-icon.sbc-icon-conference {
    background-image: url('icons/conference.svg');
}

.sbc-icon.sbc-icon-experience {
    background-image: url('icons/experience.svg');
}
/**
  * active page
  */

.current-page .sbc-icon{
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    background-color: var(--main-event-color);
}

.current-page .sbc-icon ~ span{
    color: var(--main-event-color);
    font-weight: 700;
}

.current-page .sbc-icon.sbc-icon-about {
    background-image: none;
    -webkit-mask-image: url('icons/about.svg');
            mask-image: url('icons/about.svg');
}

.current-page .sbc-icon.sbc-icon-speakers {
    background-image: none;
    -webkit-mask-image: url('icons/speaker.svg');
            mask-image: url('icons/speaker.svg');
}

.current-page .sbc-icon.sbc-icon-schedule {
    background-image: none;
    -webkit-mask-image: url('icons/schedule.svg');
            mask-image: url('icons/schedule.svg');
}

.current-page .sbc-icon.sbc-icon-agenda {
    background-image: none;
    -webkit-mask-image: url('icons/agenda.svg');
            mask-image: url('icons/agenda.svg');
}

.current-page .sbc-icon.sbc-icon-networking {
    background-image: none;
    -webkit-mask-image: url('icons/networking.svg');
            mask-image: url('icons/networking.svg');
}

.current-page .sbc-icon.sbc-icon-more {
    background-image: none;
    -webkit-mask-image: url('icons/more.svg');
            mask-image: url('icons/more.svg');
}

.current-page .sbc-icon.sbc-icon-close {
    background-image: none;
    -webkit-mask-image: url('icons/close.svg');
            mask-image: url('icons/close.svg');
}

.current-page .sbc-icon.sbc-icon-calendar {
    background-image: none;
    -webkit-mask-image: url('icons/calendar.svg');
            mask-image: url('icons/calendar.svg');
}

.current-page .sbc-icon.sbc-icon-categories {
    background-image: none;
    -webkit-mask-image: url('icons/categories.svg');
            mask-image: url('icons/categories.svg');
}

.current-page .sbc-icon.sbc-icon-combined-shape {
    background-image: none;
    -webkit-mask-image: url('icons/combined-shape.svg');
            mask-image: url('icons/combined-shape.svg');
}

.current-page .sbc-icon.sbc-icon-hammer {
    background-image: none;
    -webkit-mask-image: url('icons/hammer.svg');
            mask-image: url('icons/hammer.svg');
}

.current-page .sbc-icon.sbc-icon-path {
    background-image: none;
    -webkit-mask-image: url('icons/path.svg');
            mask-image: url('icons/path.svg');
}

.current-page .sbc-icon.sbc-icon-sponsor {
    background-image: none;
    -webkit-mask-image: url('icons/sponsor.svg');
            mask-image: url('icons/sponsor.svg');
}


.current-page .sbc-icon.sbc-icon-venue {
    background-image: none;
    -webkit-mask-image: url('icons/venue.svg');
            mask-image: url('icons/venue.svg');
}

.current-page .sbc-icon.sbc-icon-players-guests {
    background-image: none;
    -webkit-mask-image: url('icons/players-guests.svg');
            mask-image: url('icons/players-guests.svg');
}

.current-page .sbc-icon.sbc-icon-inductee {
    background-image: none;
    -webkit-mask-image: url('icons/inductee.svg');
            mask-image: url('icons/inductee.svg');
}

.current-page .sbc-icon.sbc-icon-events {
    background-image: none;
    -webkit-mask-image: url('icons/events.svg');
            mask-image: url('icons/events.svg');
}

.current-page .sbc-icon.sbc-icon-star {
    background-image: none;
    -webkit-mask-image: url('icons/star.svg');
            mask-image: url('icons/star.svg');
}

.current-page .sbc-icon.sbc-icon-awards {
    background-image: none;
    -webkit-mask-image: url('icons/awards.svg');
            mask-image: url('icons/awards.svg');
}

.current-page .sbc-icon.sbc-icon-home {
    background-image: none;
    -webkit-mask-image: url('icons/home.svg');
            mask-image: url('icons/home.svg');
}

.current-page .sbc-icon.sbc-icon-agenda-2022 {
    background-image: none;
    -webkit-mask-image: url('icons/agenda-2022.svg');
            mask-image: url('icons/agenda-2022.svg');
}

.current-page .sbc-icon.sbc-icon-about-info {
    background-image: none;
    -webkit-mask-image: url('icons/about-info.svg');
            mask-image: url('icons/about-info.svg');
}

.current-page .sbc-icon.sbc-icon-attending {
    background-image: none;
    -webkit-mask-image: url('icons/attending.svg');
            mask-image: url('icons/attending.svg');
}

.current-page .sbc-icon.sbc-icon-conference {
    background-image: none;
    -webkit-mask-image: url('icons/conference.svg');
            mask-image: url('icons/conference.svg');
}

.current-page .sbc-icon.sbc-icon-experience {
    background-image: none;
    -webkit-mask-image: url('icons/experience.svg');
            mask-image: url('icons/experience.svg');
}