.callback-icon {
    mask-image: url("../img/icons/callback.svg");
    -webkit-mask-image: url("../img/icons/callback.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.check-icon {
   width: 24px;
   height: 24px;
   background-image: url("../img/icons/check.svg");
   
}

.credit-card-icon {
    mask-image: url("../img/icons/credit-card.svg");
    -webkit-mask-image: url("../img/icons/credit-card.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.clock-icon {
    mask-image: url("../img/icons/clock.svg");
    -webkit-mask-image: url("../img/icons/clock.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}
.coins-icon {
    mask-image: url("../img/icons/coins.svg");
    -webkit-mask-image: url("../img/icons/coins.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}
.calendar-icon {
    mask-image: url("../img/icons/calendar.svg");
    -webkit-mask-image: url("../img/icons/calendar.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.burger-icon {
    mask-image: url("../img/icons/burger.svg");
    -webkit-mask-image: url("../img/icons/burger.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.cross-icon {
    mask-image: url("../img/icons/cross.svg");
    -webkit-mask-image: url("../img/icons/cross.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.search-icon {
    mask-image: url("../img/icons/search.svg");
    -webkit-mask-image: url("../img/icons/search.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.chevron-icon {
    mask-image: url("../img/icons/chevron.svg");
    -webkit-mask-image: url("../img/icons/chevron.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.location-icon {
    mask-image: url("../img/icons/location.svg");
    -webkit-mask-image: url("../img/icons/location.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.help-icon {
    mask-image: url("../img/icons/help.svg");
    -webkit-mask-image: url("../img/icons/help.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.param-icon {
    mask-image: url("../img/icons/param.svg");
    -webkit-mask-image: url("../img/icons/param.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.car-icon {
    mask-image: url("../img/icons/car.svg");
    -webkit-mask-image: url("../img/icons/car.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.grid-icon {
    mask-image: url("../img/icons/grid.svg");
    -webkit-mask-image: url("../img/icons/grid.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.row-icon {
    mask-image: url("../img/icons/row.svg");
    -webkit-mask-image: url("../img/icons/row.svg");
    background-color: #fff;
    width: 24px;
    height: 24px;
}

.eye-icon {
    mask-image: url("../img/icons/eye.svg");
    -webkit-mask-image: url("../img/icons/eye.svg");
    background: #A7B4C2;
    width: 24px;
    height: 24px;
}

.card-icon {
    mask-image: url("../img/icons/card.svg");
    -webkit-mask-image: url("../img/icons/card.svg");
    background: #2969E3;
    width: 24px;
    height: 24px;
}

.check-icon,
.clock-icon,
.coins-icon,
.calendar-icon,
.eye-icon,
.card-icon,
.row-icon,
.grid-icon,
.help-icon,
.credit-card-icon,
.car-icon,
.param-icon,
.location-icon,
.chevron-icon,
.search-icon,
.cross-icon,
.burger-icon,
.callback-icon {
    background-repeat: no-repeat;
    background-position: center;
    mask-repeat: no-repeat;
    -webkit-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center;
    -webkit-position: no-repeat;
    -webkit-mask-position: center;
    transition: all 0.3s ease;
    display: block;
    -webkit-mask-size: 100%;
}