.search-results {
   display: block;
   margin-top: 45px;
   position: absolute;
   width: 100%;
   height: 500px;
   transition: right 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 0.3s,background-color 0.25s ease-in-out;
   background-color: #fffefe;
   z-index: 1025;
}

.float-right {
   float: right;
}


.badge-danger {
   color: #fff;
   background-color: #dc3545;
}

.badge-primary {
   color: #fff;
   background-color: #007bff;
}

.badge-secondary {
   color: #fff;
   background-color: #6c757d;
}

.badge-success, .Paid {
   color: #fff;
   background-color: #28a745;
}

.badge-warning, .Unpaid {
   color: #212529;
   background-color: #ffc107;
}

.badge-info {
   color: #fff;
   background-color: #17a2b8;
}

.badge-light {
   color: #212529;
   background-color: #f8f9fa;
}

.badge-dark {
   color: #fff;
   background-color: #343a40;
}

.badge {
   display: inline-block;
   padding: 0.25em 0.4em;
   font-size: 75% !important;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;
   border: none;
}

.image-container {
   width: 200px;
   height: 200px;
   overflow: hidden;
   display: inline-block;
}
.image-container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.image-container-mobile {
   width: 140px;
   height: 140px;
   overflow: hidden;
   display: inline-block;
}
.image-container-mobile img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.font-weight-light {
   font-weight: 200;
}

.text-bord {
   font-weight: bold;
}

.product-badge-out.product-available-out {
   background-color: #d70707;
   color: #fff;
}

.countdown {
   display: block;
   flex-wrap: wrap;
   font-weight: bold;
   font-size: 29px;
   color: #000000 !important;
}