.icon-color-primary {
    background-color: var(--primary) !important;
}

.icon-color-secondary {
    background-color: var(--secondary) !important;
}

.icon-color-accent {
    background-color: var(--accent) !important;
}

.icon-color-white {
    background-color: white !important;
}


.icon-rocket {
    width: 24px;
    height: 24px;
    background-color: #FFC400;
    -webkit-mask: url("../icons/hugeicons/rocket.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/rocket.svg") no-repeat center / contain;
}

.icon-location {
    width: 24px;
    height: 24px;
    background-color: #FF6B00;
    -webkit-mask: url("../icons/hugeicons/location.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/location.svg") no-repeat center / contain;
}

.icon-checkmark {
    width: 24px;
    height: 24px;
    background-color: #10B981;
    -webkit-mask: url("../icons/hugeicons/checkmark.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/checkmark.svg") no-repeat center / contain;
}

.icon-star {
    width: 24px;
    height: 24px;
    background-color: #FFC400;
    -webkit-mask: url("../icons/hugeicons/star.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/star.svg") no-repeat center / contain;
}

.icon-download {
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    -webkit-mask: url("../icons/hugeicons/download.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/download.svg") no-repeat center / contain;
}

.icon-qr {
    width: 48px;
    height: 48px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/qr.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/qr.svg") no-repeat center / contain;
}

.icon-bell {
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/bell.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/bell.svg") no-repeat center / contain;
}


.icon-home-alt {
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/home-alt.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/home-alt.svg") no-repeat center / contain;
}

.icon-car1 {
    width: 48px;
    height: 48px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/car1.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/car1.svg") no-repeat center / contain;
}

.icon-car-side {
    width: 32px;
    height: 32px;
    background-color: #FF6B00;
    -webkit-mask: url("../icons/hugeicons/car-side.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/car-side.svg") no-repeat center / contain;
}

.icon-home {
    width: 24px;
    height: 24px;
    background-color: #000000;
    -webkit-mask: url("../icons/hugeicons/home.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/home.svg") no-repeat center / contain;
}

.icon-mail {
    width: 32px;
    height: 32px;
    background-color: #FF6B00;
    -webkit-mask: url("../icons/hugeicons/mail.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/mail.svg") no-repeat center / contain;
}

.icon-send {
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    -webkit-mask: url("../icons/hugeicons/send.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/send.svg") no-repeat center / contain;
}

.icon-clock {
    width: 28px;
    height: 28px;
    background-color: #FF6B00;
    -webkit-mask: url("../icons/hugeicons/clock.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/clock.svg") no-repeat center / contain;
}

.icon-light {
    width: 32px;
    height: 32px;
    background-color: #FF6B00;
    -webkit-mask: url("../icons/hugeicons/light.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/light.svg") no-repeat center / contain;
}

.icon-money {
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/money.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/money.svg") no-repeat center / contain;
}

.icon-house {
    width: 28px;
    height: 28px;
    background-color: #FFC400;
    -webkit-mask: url("../icons/hugeicons/house.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/house.svg") no-repeat center / contain;
}

.icon-garage {
    width: 32px;
    height: 32px;
    background-color: #FFFFFF;
    -webkit-mask: url("../icons/hugeicons/garage.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/garage.svg") no-repeat center / contain;
}

.icon-mobile {
    width: 48px;
    height: 48px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/mobile.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/mobile.svg") no-repeat center / contain;
}

.icon-shield {
    width: 28px;
    height: 28px;
    background-color: #FF6B00;
    -webkit-mask: url("../icons/hugeicons/shield.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/shield.svg") no-repeat center / contain;
}

.icon-support {
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    -webkit-mask: url("../icons/hugeicons/support.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/support.svg") no-repeat center / contain;
}

.icon-plus {
    width: 24px;
    height: 24px;
    background-color: #000000;
    -webkit-mask: url("../icons/hugeicons/plus.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/plus.svg") no-repeat center / contain;
}

.icon-arrow-up {
    width: 24px;
    height: 24px;
    background-color: #fff;
    -webkit-mask: url("../icons/hugeicons/arrow-up.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/arrow-up.svg") no-repeat center / contain;
}

.icon-facebook {
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    -webkit-mask: url("../icons/hugeicons/facebook.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/facebook.svg") no-repeat center / contain;
}

.icon-whatsapp {
    width: 28px;
    height: 28px;
    background-color: #FF6B00;
    -webkit-mask: url("../icons/hugeicons/whatsapp.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/whatsapp.svg") no-repeat center / contain;
}

.icon-instagram {
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    -webkit-mask: url("../icons/hugeicons/instagram.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/instagram.svg") no-repeat center / contain;
}

.icon-navigation {
    width: 32px;
    height: 32px;
    background-color: #FF6B00;
    -webkit-mask: url("../icons/hugeicons/navigation.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/navigation.svg") no-repeat center / contain;
}

.icon-notification {
    width: 32px;
    height: 32px;
    background-color: #FFC400;
    -webkit-mask: url("../icons/hugeicons/notification.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/notification.svg") no-repeat center / contain;
}

.icon-notification-alt {
    width: 48px;
    height: 48px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/notification.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/notification.svg") no-repeat center / contain;
}

.icon-add-money {
    width: 28px;
    height: 28px;
    background-color: #FF6B00;
    -webkit-mask: url("../icons/hugeicons/add-money.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/add-money.svg") no-repeat center / contain;
}

.icon-add-money-alt {
    width: 48px;
    height: 48px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/add-money.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/add-money.svg") no-repeat center / contain;
}

.icon-user-check {
    width: 28px;
    height: 28px;
    background-color: #FF6B00;
    -webkit-mask: url("../icons/hugeicons/user-check.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/user-check.svg") no-repeat center / contain;
}

.icon-user-check-alt {
    width: 48px;
    height: 48px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/user-check.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/user-check.svg") no-repeat center / contain;
}


.icon-calendar {
    width: 28px;
    height: 28px;
    background-color: #FF6B00;
    -webkit-mask: url("../icons/hugeicons/calendar.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/calendar.svg") no-repeat center / contain;
}

.icon-city {
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/city.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/city.svg") no-repeat center / contain;
}

.icon-building {
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/building.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/building.svg") no-repeat center / contain;
}


.icon-parking {
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/parking.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/parking.svg") no-repeat center / contain;
}


.icon-houses {
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/houses.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/houses.svg") no-repeat center / contain;
}

.icon-hospital {
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/hospital.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/hospital.svg") no-repeat center / contain;
}

.icon-hotel {
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/hotel.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/hotel.svg") no-repeat center / contain;
}

.icon-apartment {
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/apartment.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/apartment.svg") no-repeat center / contain;
}
.icon-office-building {
    width: 32px;
    height: 32px;
    background-color: var(--primary);
    -webkit-mask: url("../icons/hugeicons/office-building.svg") no-repeat center / contain;
    mask: url("../icons/hugeicons/office-building.svg") no-repeat center / contain;
}