@font-face {
    font-family: 'Shabnam';
    src: url('font/Shabnam.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ShabnamBold';
    src: url('font/Shabnam-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ShabnamLight';
    src: url('font/Shabnam-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
    
body {
    font-family: 'Shabnam', sans-serif;
}

h1 {
    font-family: 'ShabnamBold', sans-serif;
}

.bg-primary {
    background-color: rgb(252 198 5) !important;
    color: #252525 !important;
}

.bg-primary\/10 {
    background-color: rgb(252 198 5 / 0.1) !important;
}
.hover\:text-primary:hover {
    color: rgb(252 198 5) !important;
}

.border-primary\/20 {
    border-color: rgb(252 198 5 / 0.2) !important;
}

.border-primary {
    border-color: rgb(252 198 5) !important;
}

.attention-box {
    background-color: #fff3c8 !important;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.tab-trigger.active {
  background-color: rgb(252 198 5);
    color: #2b2b2b;
}

.from-yellow-100 {
    --tw-gradient-from: #fcc60533 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

/* Add these styles for the sticky message */
.sticky {
  position: sticky;
  top: 0;
  z-index: 50;
}

/* Optional: Add animation for the message */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.sticky {
  animation: slideDown 0.3s ease-in-out;
}