/* Text Color Utilities */
.color-cyan-color         { color: var(--cyan-color); }
.color-danger-color       { color: var(--danger-color); }
.color-dark-color         { color: var(--dark-color); }
.color-gray-100-color     { color: var(--gray-100-color); }
.color-gray-200-color     { color: var(--gray-200-color); }
.color-gray-300-color     { color: var(--gray-300-color); }
.color-gray-400-color     { color: var(--gray-400-color); }
.color-gray-500-color     { color: var(--gray-500-color); }
.color-gray-600-color     { color: var(--gray-600-color); }
.color-gray-700-color     { color: var(--gray-700-color); }
.color-gray-800-color     { color: var(--gray-800-color); }
.color-gray-900-color     { color: var(--gray-900-color); }
.color-gray-color         { color: var(--gray-color); }
.color-gray-dark-color    { color: var(--gray-dark-color); }
.color-green-color        { color: var(--green-color); }
.color-il-black           { color: var(--il-black); }
.color-il-blue            { color: var(--il-blue); }
.color-il-gray-color      { color: var(--il-gray-color); }
.color-il-lime            { color: var(--il-lime); }
.color-il-tile-blue-color { color: var(--il-tile-blue-color); }
.color-info-color         { color: var(--info-color); }
.color-orange-color       { color: var(--orange-color); }
.color-pink-color         { color: var(--pink-color); }
.color-primary-color      { color: var(--primary-color); }
.color-secondary-color    { color: var(--secondary-color); }
.color-success-color      { color: var(--success-color); }
.color-teal-color         { color: var(--teal-color); }
.color-warning-color      { color: var(--warning-color); }
.color-white-color        { color: var(--white-color); }
.color-yellow-color       { color: var(--yellow-color); }

/* Background Color Utilities */
.bg-cyan-color         { background-color: var(--cyan-color); }
.bg-danger-color       { background-color: var(--danger-color); }
.bg-dark-color         { background-color: var(--dark-color); }
.bg-gray-100-color     { background-color: var(--gray-100-color); }
.bg-gray-200-color     { background-color: var(--gray-200-color); }
.bg-gray-300-color     { background-color: var(--gray-300-color); }
.bg-gray-400-color     { background-color: var(--gray-400-color); }
.bg-gray-500-color     { background-color: var(--gray-500-color); }
.bg-gray-600-color     { background-color: var(--gray-600-color); }
.bg-gray-700-color     { background-color: var(--gray-700-color); }
.bg-gray-800-color     { background-color: var(--gray-800-color); }
.bg-gray-900-color     { background-color: var(--gray-900-color); }
.bg-gray-color         { background-color: var(--gray-color); }
.bg-gray-dark-color    { background-color: var(--gray-dark-color); }
.bg-green-color        { background-color: var(--green-color); }
.bg-il-black           { background-color: var(--il-black); }
.bg-il-blue            { background-color: var(--il-blue); }
.bg-il-gray-color      { background-color: var(--il-gray-color); }
.bg-il-lime            { background-color: var(--il-lime); }
.bg-info-color         { background-color: var(--info-color); }
.bg-orange-color       { background-color: var(--orange-color); }
.bg-pink-color         { background-color: var(--pink-color); }
.bg-primary-color      { background-color: var(--primary-color); }
.bg-secondary-color    { background-color: var(--secondary-color); }
.bg-success-color      { background-color: var(--success-color); }
.bg-sky-blue           { background-color: var(--sky-blue); }
.bg-teal-color         { background-color: var(--teal-color); }
.bg-warning-color      { background-color: var(--warning-color); }
.bg-white-color        { background-color: var(--white-color); }
.bg-yellow-color       { background-color: var(--yellow-color); }
.bg-il-tile-blue-color { background-color: var(--il-tile-blue-color); }
.bg-section-gray       {background-color: var(--il-section-bg);}
.gray-section-bg       {background-color: var(--gray-section-bg);}

/* Font Sizes */
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px; }
.fs-24 { font-size: 24px; }
.fs-28 { font-size: 28px; }
.fs-32 { font-size: 32px; }
.fs-36 { font-size: 36px; }
.fs-40 { font-size: 40px; }
.fs-42 { font-size: 42px; }
.fs-48 { font-size: 48px; }
.fs-56 { font-size: 56px; }
.fs-64 { font-size: 64px; }
.fs-72 { font-size: 72px; }
.fs-80 { font-size: 80px; }

/* Line Heights */
.lh-0{ line-height: 0;}
.lh-100 { line-height: 100%; }
.lh-125 { line-height: 125%; }
.lh-130 { line-height: 130%; }
.lh-140 { line-height: 140%; }
.lh-150 { line-height: 150%; }
.lh-160 { line-height: 160%; }
.lh-175 { line-height: 175%; }
.lh-180 { line-height: 180%; }
.lh-200 { line-height: 200%; }

/* Font Weights */
.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }

#more, .dark-mode-img, .h{
  display: none;
}

.btn-gradient-purple{
  background: linear-gradient(90deg, #6365d0, #8b5cf6, #d946ef);
  color: white;
}

.cursor-pointer{cursor: pointer;}
/* Random imp classes */
.py-10{padding-top: 5rem !important;padding-bottom: 5rem !important;}


@media (max-width: 767px) {
    /* Responsive font sizes: scale down by ~20% */
    .fs-12 { font-size: 10px !important; }
    .fs-14 { font-size: 11px !important; }
    .fs-16 { font-size: 13px !important; }
    .fs-18 { font-size: 14px !important; }
    .fs-20 { font-size: 16px !important; }
    .fs-22 { font-size: 16px !important; }
    .fs-24 { font-size: 18px !important; }
    .fs-28 { font-size: 20px !important; }
    .fs-32 { font-size: 26px !important; }
    .fs-36 { font-size: 29px !important; }
    .fs-40 { font-size: 32px !important; }
    .fs-42 { font-size: 34px !important; }
    .fs-48 { font-size: 28px !important; }
    .fs-56 { font-size: 45px !important; }
    .fs-64 { font-size: 48px !important; }
    .fs-72 { font-size: 57px !important; }
    .fs-80 { font-size: 64px !important; }
  
    /* Responsive line heights: scale down proportionally */
    .lh-100 { line-height: 100% !important; }
    .lh-125 { line-height: 125% !important; }
    .lh-130 { line-height: 125% !important; }
    .lh-140 { line-height: 130% !important; }
    .lh-150 { line-height: 140% !important; }
    .lh-160 { line-height: 150% !important; }
    .lh-175 { line-height: 165% !important; }
    .lh-180 { line-height: 140% !important; }
    .lh-200 { line-height: 190% !important; }
  
    /* Padding adjustment */
    .py-10 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
  }