.btn-gradient-primary {
    background: linear-gradient(163deg, #2474F5 0%, #7C3BED 100%);
    color: #fff;
  }
  .btn-gradient-primary:hover {
    opacity: 0.9;
  }
  .bg-gradient-primary {
    background: linear-gradient(135deg, #3C83F6 0%, #7C3BED 100%);
  }

.bg-gray{
    background: #F5F7F9 !important;
}

.counter-wrapper .counter, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .ff-serif, .post-title {
    /* font-family: "Space Grotesk" !important; */
    font-weight: 700 !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
}


.display-1{
    color: #0F1729;
    text-align: center;
    /* font-family: "Space Grotesk"; */
    font-size: 95.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 96px; /* 100.418% */
    letter-spacing: -2.4px;
}

.text-muted{
    color: #6B7280 !important;
}

.lead{
    font-size: 24px;
}

.f-outfit{
    font-family: 'Outfit';
    color:#0F1729;
}

.f-grotesk{
    font-family: "Space Grotesk";
}

.btn{
    font-family: 'Outfit' !important;
    border-radius: 10px !important;
    font-weight: 500;
}

p{
    color:#6B7280;
    font-family: 'Outfit';
    font-weight: 400;
}

.btn-white-outline{
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    background: #F5F7F9;
}

.form-select{
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    background: #F5F7F9;
    padding: 0.4rem 1rem;
}

.form-control{
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    /* background: #F5F7F9; */
    background: #FFFFFF;
}

.form-control2{
    border-radius: 10px;
    border: 1px solid #E4E4E7;
    background: #FAFAFA;
}

.border-main{
    border: 1px solid rgba(229, 231, 235, 0.50);
}


.text-secondary{
    color:#6B7280 !important;
}

.text-gradient-main{
    background: linear-gradient(103deg, #2474F5 0%, #7C3BED 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.shadow-main{
    border: 1px solid rgba(229, 231, 235, 0.50) !important;
    background: #FFF;
    box-shadow: 0 4px 24px -4px rgba(15, 23, 41, 0.08);
}

.text-dark{
    color:#0F1729 !important;
}

.text-truncate{
    color:#0F1729 !important;
}

.list-unstyled li{
    margin-bottom: 12px;
}

.btn-primary{
    border-radius: 10px;
    background: linear-gradient(114deg, #2474F5 0%, #7C3BED 100%);
    box-shadow: 0 8px 40px -8px rgba(60, 131, 246, 0.40);
    border: 0;
}

.badge-light-main{
    color:#18B46B;
    border-radius: 9999px;
    background: rgba(24, 180, 107, 0.10) !important;
}

.text-success{
    color:#18B46B;
}

.text-primary{
    color: #3C83F6;
}

.rounded-2{
    border-radius: 12px !important;
}

.rounded-4{
    border-radius: 24px !important;
}

.rounded-3{
    border-radius: 20px !important;
}

.shadow-main{
    box-shadow: 0 1px 2px 0 rgba(15, 23, 41, 0.04), 0 4px 12px 0 rgba(15, 23, 41, 0.06), 0 8px 24px 0 rgba(15, 23, 41, 0.04);
}


.text-secondary{
    color: #52525B !important;
}


.menu-active-bg{
    border-radius: 16px;
    background: linear-gradient(90deg, #8B5CF6 0%, #D946EF 100%);
    box-shadow: 0 10px 15px -3px rgba(139, 92, 246, 0.25), 0 4px 6px -4px rgba(139, 92, 246, 0.25);
}

.menu-active-bg .text-secondary{
    color:#FFF !important;
}

/* .profile-side-menu a div:hover{
    background: linear-gradient(90deg, #8B5CF6 0%, #D946EF 100%) !important;
    box-shadow: 0 10px 15px -3px rgba(139, 92, 246, 0.25), 0 4px 6px -4px rgba(139, 92, 246, 0.25) !important;
} */


/* Tablets (md: 768px - 991.98px) */
@media (max-width: 991.98px) {
  .display-1 {
    font-size: 4rem; /* smaller for tablets */
    line-height: 24px;
    line-height: 54px !important;
  }
}

/* Mobile (sm: <768px) */
@media (max-width: 767.98px) {
  .display-1 {
    font-size: 2.5rem; /* smaller for mobile */
    line-height: 54px !important;
  }
}

@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.8; }
}



.badge-purple{
  border-radius: 9999px;
  border: 1px solid #DDD6FE;
  background: #EDE9FE;
  color: #6D28D9;
}

.badge-pink{
  border-radius: 9999px;
  border: 1px solid #F5D0FE;
  background: #FAE8FF;
  color: #A21CAF;
}

.badge-green{
  border: 1px solid #A7F3D0;
  background: #D1FAE5;
  color: #047857;
}

.badge-info{
  border: 1px solid #BFDBFE;
  background: #DBEAFE;
  color: #1D4ED8;
}

.badge-warning{
  border: 1px solid #FDE68A;
  background: #FEF3C7;
  color: #B45309;
}

.badge-ash{
  border: 1px solid #A5F3FC;
  background: #CFFAFE;
  color: #0E7490;
}

.bg-light{
  background: #fafafa !important;
}


.btn-outline-secondary{
    background-color: #F5F7F9;
    border:1.5px solid #D4D4D8 !important;
    color: #3F3F46;
}

.btn:hover{
    opacity: 0.85;
}

.rounded-3{
    border-radius: 12px !important;
}

#countdown {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    color: red;
    display: none;
}
#videoContainer {
    position: relative;
    width: 100%;
    height: 420px;
}
video {
    width: 100%;
    height: 100%;
    background: black;
}

.nav-tabs .nav-item .nav-link {
  background: transparent;
    border:0;
    border-bottom: 1px solid rgba(164,174,198,0.2);
}

.nav-tabs .nav-link.active {
   background: transparent;
    border:0;
    border-bottom: 2px solid #3C83F6;
    font-weight: 500;
}


.btn-sm {
  padding: 10px 18px !important;
  border-radius: 10px !important;
  border: 1.5px solid #E5E7EB !important;
  /* background: #F5F7F9 !important; */
  /* color: #0F1729 !important; */
  text-align: center;
  /* font-family: Outfit; */
  font-size: 15px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

@media (max-width: 991.98px) {
  /* Main nav link */
  .nav-item.dropdown .nav-link {
    color: #fff !important;
  }

  /* Dropdown items */
  .dropdown-menu .dropdown-item h6,
  .dropdown-menu .dropdown-item p {
    color: #fff !important;
  }

  /* Optional: remove muted look */
  .dropdown-menu .dropdown-item p {
    opacity: 0.85;
  }
}


@media (max-width: 767.98px) { /* Targets mobile screens */
    .f-mobile-display-1 {
      font-size: 2rem !important; /* adjust as needed */
    }
  }