.bs-icon {
    --bs-icon-size: 0.75rem;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: var(--bs-icon-size);
    width: calc(var(--bs-icon-size) * 2);
    height: calc(var(--bs-icon-size) * 2);
    color: var(--bs-primary);
  }
  
  .bs-icon-sm,
  .bs-icon-xs {
    --bs-icon-size: 1rem;
  }
  
  .bs-icon-xs {
    width: calc(var(--bs-icon-size) * 1.5);
    height: calc(var(--bs-icon-size) * 1.5);
  }
  
  .bs-icon-md {
    --bs-icon-size: 1.5rem;
  }
  
  .bs-icon-lg {
    --bs-icon-size: 2rem;
  }
  
  .bs-icon-xl {
    --bs-icon-size: 2.5rem;
  }
  
  .bs-icon.bs-icon-primary {
    color: var(--bs-white);
    background: var(--bs-primary);
  }
  
  .bs-icon.bs-icon-primary-light {
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), 0.2);
  }
  
  .bs-icon.bs-icon-semi-white {
    color: var(--bs-primary);
    background: rgba(255, 255, 255, 0.5);
  }
  
  .bs-icon.bs-icon-rounded {
    border-radius: 0.5rem;
  }
  
  .bs-icon.bs-icon-circle {
    border-radius: 50%;
  }
  
  .status-ticker {
    font-weight: 700;
  }
  
  .rainbow {
    background-repeat: repeat-x;
    background: linear-gradient(to right, #ff6f6f, #ff7a50, #ffcc46, #6ac653, #4562cb, #b43fa8);
    animation: 10s linear infinite rainbow;
    background-size: 200% 100% !important;
  }
  
  @keyframes rainbow {
    0% {
      background-position: 0;
    }
    100% {
      background-position: 800% 0;
    }
  }
  
  .gradient-clip {
    background: -webkit-linear-gradient(180deg, #ff3e01, #ff8c38);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .no-decoration {
    text-decoration: none;
  }
  
  .cookie-alert {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 320px;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    transform: translateY(100%);
    transition: 0.5s ease-out;
  }
  
  .cookie-alert.show {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1s;
  }
  
  .tnc-link,
  .tnc-link:hover {
    color: #ff3e01;
    text-decoration: none;
    font-weight: 700;
  }
  
  .privacy-content h5 {
    margin-bottom: 10px !important;
  }
  
  .bottom-div {
    background: linear-gradient(-89deg, #ff8c38, #ff3e01), #ff3e01;
  }
  
  .modal-header .btn-close {
    display: none !important;
  }
  
  .hoverbut {
    position: relative;
    top: 0;
    transition: top 0.5s;
  }
  
  .hoverbut:hover {
    top: -2px;
  }