@font-face {
    font-family: "fc iconic";
    src: url("../../../../assets/fonts/FCIconicRegular.woff2"), url("../../../../assets/fonts/FCIconicBold.woff2");
  }
  
body,
html {

    font-family: "fc iconic" !important;
}

.body-coupon {
    background: #fff;
}
/* ----- coupon ------*/

#btn-getCoupon {
    color: #000000;
    background-color: #f6f6f8;
    border-color: #e8eaec;
    font-weight: bold !important;
}

.coupon .kanan {
    border-left: 1px dashed #ccc;
    width: 40% !important;
    position: relative;
}

.coupon .kanan .info::after,
.coupon .kanan .info::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #f5f7f9;
    border-radius: 100%;
}

.coupon .kanan .info::before {
    top: -10px;
    left: -10px;
}

.coupon .kanan .info::after {
    bottom: -10px;
    left: -10px;
}

.coupon .taxCoupon {
    font-size:18px;
}

.coupon .timer {
    font-size: 16px;
}

.coupon .box-lead {

    display: inline-flex;
    width: calc(100% - 100px);
    white-space: nowrap;
}

.coupon .lead {
    font-size: 18px !important;
    font-weight: 300;
    text-overflow: ellipsis;
    overflow: hidden;

}

.btn-coupon {
    color: #fff !important;
    background-color: #000000;
    border-color: #000000;
}

.btn-coupon:hover {
    color: #fff !important;
    background-color: #000000;
    border-color: #000000;
}

.text-coupon {
    color: #675ba3;
}

.is-invalid {
    color: #000000 !important;
    font-weight: 600;
}

.is-valid {
    color: #000000 !important;
    font-weight: 600;
}


/* ----- coupon ------*/
.clock {

    display: inline-block;
    padding: 0 .25em;
    margin: 0 .06125em;
    color: #fff;
    background: #000000;
    border-radius: .229em;
    outline: 1px solid transparent;
    /* fix jagged edges in ff */
    padding: 0 2px;
    font-size: 15px;
}

.item-sub-img {
    height: 80px !important;
    text-align: center;
}

.item-sub-img-bundle {
    /* height: 120px !important;
    text-align: center; */

}

.item-sub-text-bundle {
    font-size: 16px !important;
    font-weight: normal !important;

}