.ic-10,
.icon10 {
    width: 10px;
    height: 10px;
}
.ic-11,
.icon11 {
    width: 11px;
    height: 11px;
}
.ic-12,
.icon12 {
    width: 12px;
    height: 12px;
}
.ic-13,
.icon13 {
    width: 13px;
    height: 13px;
}
.ic-14,
.icon14 {
    width: 14px;
    height: 14px;
}
.ic-15,
.icon15 {
    width: 15px !important;
    height: 15px !important;
}
.ic-16,
.icon16 {
    width: 16px !important;
    height: 16px !important;
}
.ic-18,
.icon18 {
    width: 18px;
    height: 18px;
}
.ic-20,
.icon20 {
    width: 20px;
    height: 20px;
}
.ic-20-height {
    height: 20px;
}
.ic-24,
.icon24 {
    width: 24px;
    height: 24px;
}
.ic-24-height {
    height: 24px;
}
.ic-25,
.icon25 {
    width: 25px;
    height: 25px;
}
.ic-25-height {
    height: 25px;
}
.ic-28,
.icon28 {
    width: 28px;
    height: 28px;
}
.ic-30,
.icon30 {
    width: 30px;
    height: 30px;
}
.ic-32,
.icon32 {
    width: 32px;
    height: 32px;
}
.ic-32-height {
    height: 32px;
}
.ic-35,
.icon35 {
    height: 35px;
}
.ic-36,
.icon36 {
    width: 36px !important;
    height: 36px !important;
}
.ic-40,
.icon40 {
    width: 40px;
    height: 40px;
}
.ic-42,
.icon42 {
    width: 42px;
    height: 42px;
}
.ic-48,
.icon48 {
    width: 48px !important;
    height: 48px !important;
}
.ic-50,
.icon50 {
    width: 50px; /* height: 50px; */
}
.ic-64,
.icon64 {
    width: 64px !important;
    height: 64px !important;
    object-fit: cover;
}
.ic-70,
.icon70 {
    width: 70px !important;
    height: 70px !important;
}

/* LABEL TAG */
.tag {
    padding: 2px 4px;
    border-radius: 4px;
    background: #ab2102;
}
.tag-left {
    background-position: left;
}
.tag-right {
    background-position: right;
}
.tag-center {
    background-position: center;
}

.tag-menu-link {
    padding: 2px 4px;
    border-radius: 4px;
    background: #ab2102;
}

.tag-menu-link.upcoming {
    background: #616161;
}

.tag-ribbon {
    display: flex;
    flex-direction: column;
}

.tag-ribbon-text {
    padding: 2px 4px 4px 2px;
    border-radius: 4px 4px 4px 0;
    background: #ab2102;
    min-width: 20px;
}

.tag-ribbon.upcoming .tag-ribbon-text {
    background: #616161;
}

.tag-ribbon-triangle {
    width: 6px;
    aspect-ratio: 1;
    clip-path: polygon(100% 100%, 100% 0, 0 0);
    background-color: #691f0e;
}

.tag-ribbon.upcoming .tag-ribbon-triangle {
    background: #3a3a3a;
}

.tag-promo {
    background-image: url("../../images/tag/tag-promo.png");
}
.tag-new {
    background-image: url("../../images/tag/tag-new.png");
}
.tag-akan-datang {
    background-image: url("../../images/tag/tag-akan-datang.png");
}
/* 
.tag-ribbon-promo{background-image: url('../../images/tag/tag-ribbon-promo.png')}
.tag-ribbon-new{background-image: url('../../images/tag/tag-ribbon-new.png')}
.tag-ribbon-akan-datang{background-image: url('../../images/tag/tag-ribbon-akan-datang.png')} */

/* BADGE */
.badge-outline {
    padding: 8px 12px;
    border-radius: 24px;
    border: 1px solid;
}

.icon {
    background-repeat: no-repeat;
    background-size: contain;
}

/* ICON VARIANT */

/* ARROW DOUBLE DOWN */
.ic-arrow-double-down-white {
    background-image: url("../../images/icon/icon-arrow-double-down-white.png");
}

/* ARROW DOUBLE UP */
.ic-arrow-double-up-white {
    background-image: url("../../images/icon/icon-arrow-double-up-white.png");
}

/* ARROW LINK */
.ic-arrow-link-white {
    background-image: url("../../images/icon/icon-arrow-link-white.png");
}

/* ARROW SQUARE LEFT */
.ic-arrow-square-left-white {
    background-image: url("../../images/icon/icon-arrow-square-left-white.png");
}

/* ARROW SQUARE RIGHT */
.ic-arrow-square-right-white {
    background-image: url("../../images/icon/icon-arrow-square-right-white.png");
}

/* ARROW SQUARE DOWN */
.ic-arrow-square-down-white {
    background-image: url("../../images/icon/icon-arrow-square-down-white.png");
}

/* BOOKED */
.ic-booked-white {
    background-image: url("../../images/icon/icon-booked-white.png");
}

/* CALENDAR */
.ic-calendar-white {
    background-image: url("../../images/icon/icon-calendar-white.png");
}
.ic-calendar-thin-white {
    background-image: url("../../images/icon/icon-calendar-thin-white.png");
}

/* CAR */
.ic-car-dark {
    background-image: url("../../images/icon/icon-car-dark.png");
}

/* CAR KEYS*/
.ic-car-keys-white {
    background-image: url("../../images/icon/icon-car-keys-white.png");
}

/* CARRET DOWN */
.ic-carret-down-white {
    background-image: url("../../images/icon/icon-carret-down-white.png");
}

/* CHECK */
.ic-check-dark {
    background-image: url("../../images/icon/icon-check-dark.png");
}

/* CHECK SQUARE */
.ic-check-square-empty {
    background-image: url("../../images/icon/icon-check-square-empty.png");
}
.ic-check-square-filled {
    background-image: url("../../images/icon/icon-check-square-filled.png");
}
.ic-check-square-filled-white {
    background-image: url("../../images/icon/icon-check-square-filled-white.png");
}

/* CHEVRON DOWN */
.ic-chevron-down-greylight {
    background-image: url("../../images/icon/icon-chevron-down-grey-light.png");
}

/* CHEVRON DOWN */
.ic-chevron-up-greylight {
    background-image: url("../../images/icon/icon-chevron-up-grey-light.png");
}
.ic-chevron-up-primary-hover {
    background-image: url("../../images/icon/icon-chevron-up-primary-hover.png");
}

/* CHEVRON LEFT */
.ic-chevron-left-white {
    background-image: url("../../images/icon/icon-chevron-left-white.png");
}

/* CHEVRON RIGHT */
.ic-chevron-right-white {
    background-image: url("../../images/icon/icon-chevron-right-white.png");
}

/* CLOCK */
.ic-clock-white {
    background-image: url("../../images/icon/icon-clock-white.png");
}

/* COLOR */
.ic-color {
    background-image: url("../../images/icon/icon-color.png");
}
.ic-color-white {
    background-image: url("../../images/icon/icon-color-white.png");
}

/* CROSS */
.ic-cross-white {
    background-image: url("../../images/icon/icon-cross-white.png");
}

/* COMPARE */
.ic-compare-white {
    background-image: url("../../images/icon/icon-compare-white.png");
}

/* EMAIL */
.ic-email-white {
    background-image: url("../../images/icon/icon-email-white.png");
}

/* EYE */
.ic-eye-open-white {
    background-image: url("../../images/icon/icon-eye-open-white.png");
}
.ic-eye-close-white {
    background-image: url("../../images/icon/icon-eye-close-white.png");
}

/* EXTERIOR */
.ic-exterior-white {
    background-image: url("../../images/icon/icon-exterior-white.png");
}

/* FILTER */
.ic-feature-white {
    background-image: url("../../images/icon/icon-feature-white.png");
}

/* FILTER */
.ic-filter-white {
    background-image: url("../../images/icon/icon-filter-white.png");
}

/* HOME */
.ic-home-white {
    background-image: url("../../images/icon/icon-home-white.png");
}

/* DATE */
.ic-date-white {
    background-image: url("../../images/icon/icon-calendar-white.png");
}

/* INFO */
.ic-info-primary {
    background-image: url("../../images/icon/icon-info-primary.png");
}

/* INTERIOR */
.ic-interior-white {
    background-image: url("../../images/icon/icon-interior-white.png");
}

/* IMAGE */
.ic-image-white {
    background-image: url("../../images/icon/icon-image-white.png");
}

/* IMAGE TEMPLATE */
.ic-image-template-white {
    background-image: url("../../images/icon/icon-image-template-white.png");
}

/* KEY */
.ic-key-white {
    background-image: url("../../images/icon/icon-key-white.png");
}

/* KILOMETER */
.ic-kilometer-thin-white {
    background-image: url("../../images/icon/icon-kilometer-thin-white.png");
}

/* LOCATION */
.ic-location-thin-white {
    background-image: url("../../images/icon/icon-location-thin-white.png");
}

/* LOCK */
.ic-lock-white {
    background-image: url("../../images/icon/icon-lock-white.png");
}

/* MENU */
.ic-menu-white {
    background-image: url("../../images/icon/icon-menu-white.png");
}

/* PAPER */
.ic-paper-thin-white {
    background-image: url("../../images/icon/icon-paper-thin-white.png");
}

/* PENCIL */
.ic-pencil-white {
    background-image: url("../../images/icon/icon-pencil-white.png");
}

/* PHONE */
.ic-phone-white {
    background-image: url("../../images/icon/icon-phone-white.png");
}

/* RADIO */
.ic-radio-active {
    background-image: url("../../images/icon/icon-radio-active.png");
}
.ic-radio-inactive {
    background-image: url("../../images/icon/icon-radio-inactive.png");
}

/* REMOVE */
.ic-remove-white {
    background-image: url("../../images/icon/icon-remove-white.png");
}

/* RUPIAH */
.ic-rupiah-white {
    background-image: url("../../images/icon/icon-rupiah-white.png");
}

/* SEARCH */
.ic-search-white {
    background-image: url("../../images/icon/icon-search-white.png");
}

/* SHARE */
.ic-share-white {
    background-image: url("../../images/icon/icon-share-white.png");
}

/* SOCMED */
.ic-socmed-email {
    background-image: url("../../images/icon/icon-socmed-email.png");
}
.ic-socmed-facebook {
    background-image: url("../../images/icon/icon-socmed-facebook.png");
}
.ic-socmed-google {
    background-image: url("../../images/icon/icon-socmed-google.png");
}
.ic-socmed-line {
    background-image: url("../../images/icon/icon-socmed-line.png");
}
.ic-socmed-link {
    background-image: url("../../images/icon/icon-socmed-link.png");
}
.ic-socmed-twitter {
    background-image: url("../../images/icon/icon-socmed-twitter.png");
}
.ic-socmed-whatsapp {
    background-image: url("../../images/icon/icon-socmed-whatsapp.png");
}

/* SOLDOUT */
.ic-soldout-white {
    background-image: url("../../images/icon/icon-soldout-white.png");
}

/* STAR */
.ic-star-image {
    background-image: url("../../images/icon/icon-star-image.png");
}

/* PAPER */
.ic-steer-thin-white {
    background-image: url("../../images/icon/icon-steer-thin-white.png");
}
.ic-steer-thin-dark {
    background-image: url("../../images/icon/icon-steer-thin-dark.png");
}

/* TOOGLE */
.ic-toogle-active {
    width: 30px;
    height: 18px;
    background-image: url("../../images/icon/icon-toogle-active.png");
}
.ic-toogle-inactive {
    width: 30px;
    height: 18px;
    background-image: url("../../images/icon/icon-toogle-inactive.png");
}

/* TRANSMISSION */
.ic-transmission-thin-white {
    background-image: url("../../images/icon/icon-transmission-thin-white.png");
}

/* TRASH */
.ic-trash-white {
    background-image: url("../../images/icon/icon-trash-white.png");
}

/* USER */
.ic-user-white {
    background-image: url("../../images/icon/icon-user-white.png");
}

/* VIDEO */
.ic-video-white {
    background-image: url("../../images/icon/icon-video-white.png");
}

/* COUNTRY */
.ic-country-argentina {
    background-image: url("../../images/country/argentina.png");
}
.ic-country-australia {
    background-image: url("../../images/country/australia.png");
}

.ic-country-brazil {
    background-image: url("../../images/country/brazil.png");
}

.ic-country-belgium {
    background-image: url("../../images/country/belgium.png");
}

.ic-country-canada {
    background-image: url("../../images/country/canada.png");
}
.ic-country-china {
    background-image: url("../../images/country/china.png");
}

.ic-country-denmark {
    background-image: url("../../images/country/denmark.png");
}

.ic-country-estonia {
    background-image: url("../../images/country/estonia.png");
}
.ic-country-ethiopia {
    background-image: url("../../images/country/ethiopia.png");
}

.ic-country-finland {
    background-image: url("../../images/country/finland.png");
}
.ic-country-france {
    background-image: url("../../images/country/france.png");
}

.ic-country-germany,
.ic-country-german {
    background-image: url("../../images/country/germany.png");
}

.ic-country-italy {
    background-image: url("../../images/country/italy.png");
}

.ic-country-japan {
    background-image: url("../../images/country/japan.png");
}

.ic-country-mexico {
    background-image: url("../../images/country/mexico.png");
}
.ic-country-monaco {
    background-image: url("../../images/country/monaco.png");
}

.ic-country-netherlands,
.ic-country-netherland {
    background-image: url("../../images/country/netherlands.png");
}
.ic-country-new-zealand {
    background-image: url("../../images/country/new-zealand.png");
}

.ic-country-portugal {
    background-image: url("../../images/country/portugal.png");
}

.ic-country-south-africa {
    background-image: url("../../images/country/south-africa.png");
}
.ic-country-spain {
    background-image: url("../../images/country/spain.png");
}

.ic-country-thailand {
    background-image: url("../../images/country/thailand.png");
}

.ic-country-united-kingdom {
    background-image: url("../../images/country/united-kingdom.png");
}
.ic-country-united-states {
    background-image: url("../../images/country/united-states.png");
}

/* CUSTOM */
.select2-selection__arrow {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-image: url("../../images/icon/icon-carret-down-white.png") !important;
}

/* SMARTPHONE */
@media (max-width: 576.5px) {
    .m-ic-8 {
        width: 8px !important;
        height: 8px;
    }
    .m-ic-12,
    .m-icon12 {
        width: 12px !important;
        height: 12px !important;
    }
    .m-ic-14,
    .m-icon14 {
        width: 14px;
        height: 14px;
    }
    .m-ic-16,
    .m-icon16 {
        width: 16px !important;
        height: 16px !important;
    }
    .m-ic-18,
    .m-icon18 {
        width: 18px !important;
        height: 18px !important;
    }
    .m-ic-24,
    .m-icon24 {
        width: 24px !important;
        height: 24px !important;
    }
    .m-ic-28,
    .m-icon28 {
        width: 28px;
        height: 28px;
    }
    .m-ic-80,
    .m-icon80 {
        width: 80px !important;
        height: 80px !important;
    }
}