.countdown-popup {
    box-shadow: 0px 14px 34px 0px rgba(0, 0, 0, 0.15);
    font-family: 'Libre Franklin', sans-serif;
  }
/*   #pop-up-timer {
    box-shadow: 0px 14px 34px 0px rgba(0, 0, 0, 0.15);
    font-family: 'Libre Franklin', sans-serif;
  } */
  
  #pop-up-timer .fixed {
    position: fixed;
  }
  #pop-up-timer .absolute {
    position: absolute;
  }
  #pop-up-timer .bottom-4 {
    bottom: 1rem;
  }
  #pop-up-timer .right-4 {
    right: 1rem;
  }
  #pop-up-timer .top-4 {
    top: 1rem;
  }
  #pop-up-timer .z-50 {
    z-index: 50;
  }
  #pop-up-timer .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  #pop-up-timer .mt-1 {
    margin-top: 0.25rem;
  }
  #pop-up-timer .inline-block {
    display: inline-block;
  }
  #pop-up-timer .flex {
    display: flex;
  }
  #pop-up-timer .h-auto {
    height: auto;
  }
  #pop-up-timer .w-10 {
    width: 2.5rem;
  }
  #pop-up-timer .w-12 {
    width: 3rem;
  }
  #pop-up-timer .w-full {
    width: 100%;
  }
  #pop-up-timer .max-w-\[340px\] {
    max-width: 340px;
  }
  #pop-up-timer .translate-y-8 {
    --tw-translate-y: 2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #pop-up-timer .flex-row {
    flex-direction: row;
  }
  #pop-up-timer .flex-col {
    flex-direction: column;
  }
  #pop-up-timer .items-center {
    align-items: center;
  }
  #pop-up-timer .justify-center {
    justify-content: center;
  }
  #pop-up-timer .gap-x-4 {
    column-gap: 1rem;
  }
  #pop-up-timer .gap-y-4 {
    row-gap: 1rem;
  }
  #pop-up-timer .rounded-2xl {
    border-radius: 1rem;
  }
  #pop-up-timer .border {
    border-width: 1px;
  }
  #pop-up-timer .border-solid {
    border-style: solid;
  }
  #pop-up-timer .bg-\[\#f2f2f2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242 / var(--tw-bg-opacity));
  }
  #pop-up-timer .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  #pop-up-timer .object-contain {
    object-fit: contain;
  }
  #pop-up-timer .p-4 {
    padding: 1rem;
  }
  #pop-up-timer .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  #pop-up-timer .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  #pop-up-timer .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #pop-up-timer .text-center {
    text-align: center;
  }
  #pop-up-timer .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #pop-up-timer .text-\[10px\] {
    font-size: 10px;
  }
  #pop-up-timer .text-\[16px\] {
    font-size: 16px;
  }
  #pop-up-timer .text-\[22px\] {
    font-size: 22px;
  }
  #pop-up-timer .text-\[9px\] {
    font-size: 9px;
  }
  #pop-up-timer .font-semibold {
    font-weight: 600;
  }
  #pop-up-timer .uppercase {
    text-transform: uppercase;
  }
  #pop-up-timer .leading-\[1\.15\] {
    line-height: 1.15;
  }
  #pop-up-timer .leading-\[30px\] {
    line-height: 30px;
  }
  #pop-up-timer .leading-none {
    line-height: 1;
  }
  #pop-up-timer .tracking-\[0\.45px\] {
    letter-spacing: 0.45px;
  }
  #pop-up-timer .tracking-\[0\.5px\] {
    letter-spacing: 0.5px;
  }
  #pop-up-timer .text-black\/50 {
    color: rgb(0 0 0 / 0.5);
  }
  #pop-up-timer .opacity-0 {
    opacity: 0;
  }
  #pop-up-timer .italic {
    font-style: italic;
  }
  #pop-up-timer .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  #pop-up-timer .duration-700 {
    transition-duration: 700ms;
  }
  #pop-up-timer .close-trigger {
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
  }
  #pop-up-timer .text-orange {
    color: #ff6a00;
  }
  #pop-up-timer .bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 0 / var(--tw-bg-opacity));
  }
  #pop-up-timer .border-orange {
    --tw-border-opacity: 1;
    border-color: rgb(2