/* Text Styles for Desktop & Tablet */
.font-d1 {
    font-weight: 700; /* Bold */
    font-size: 4.25rem; /* 68px */
    line-height: 4.25rem; /* 68px */
}
  
.font-d2 {
    font-weight: 500; /* Medium */
    font-size: 3rem; /* 48px */
    line-height: 3.25rem; /* 52px */
}

.font-h1 {
    font-weight: 500; /* Medium */
    font-size: 2rem; /* 32px */
    line-height: 2.25rem; /* 36px */
}

.font-h2 {
    font-weight: 500; /* Medium */
    font-size: 1.5rem; /* 24px */
    line-height: 1.75rem; /* 28px */
}

.font-h3 {
    font-weight: 500; /* Medium */
    font-size: 1.25rem; /* 20px */
    line-height: 1.5rem; /* 24px */
}

.font-h4 {
    font-weight: 600; /* SemiBold */
    font-size: 1rem; /* 16px */
    line-height: 1.25rem; /* 20px */
}

.font-h5 {
    font-weight: 500; /* Medium */
    font-size: 1rem; /* 16px */
    line-height: 1.25rem; /* 20px */
}

.font-b1 {
    font-weight: 400; /* Regular */
    font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
}

.font-b2 {
    font-weight: 400; /* Medium */
    font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
}

.font-c1 {
    font-weight: 500; /* Medium */
    font-size: 0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
}

.font-c2 {
    font-weight: 400; /* Regular */
    font-size: 0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
}

/* Mobile Styles (max-width: 768px) */
@media (max-width: 768px) {
    .font-d1 {
      font-size: 2.5rem; /* 40px */
      line-height: 2.75rem; /* 44px */
    }
  
    .font-d2 {
      font-size: 2rem; /* 32px */
      line-height: 2.25rem; /* 36px */
    }
  
    .font-h1 {
      font-size: 1.75rem; /* 28px */
      line-height: 2rem; /* 32px */
    }
  
    .font-h2 {
      font-size: 1.25rem; /* 20px */
      line-height: 1.5rem; /* 24px */
    }
  
    .font-h3 {
      font-size: 1rem; /* 16px */
      line-height: 1.25rem; /* 20px */
    }
  
    .font-h4, .font-h5 {
      font-size: 0.875rem; /* 14px */
      line-height: 1rem; /* 16px */
    }
  
    .font-b1, .font-b2 {
      font-size: 0.875rem; /* 14px */
      line-height: 1.25rem; /* 20px */
    }
  
    .font-c1, .font-c2 {
      font-size: 0.75rem; /* 12px */
      line-height: 1rem; /* 16px */
    }
  }
  
  /* Ultra-Wide Screen Styles (min-width: 1920px) */
  /*@media (min-width: 1920px) {
    html {
      /*font-size: calc(16px + 0.5vw);*/ /* Adaptive base font size */
    /*}
  
    .font-d1 {
      font-size: calc(4.25rem + 1vw);
      line-height: calc(4.25rem + 1vw);
    }
  
    .font-d2 {
      font-size: calc(3rem + 1vw);
      line-height: calc(3.25rem + 1vw);
    }
  
    .font-h1 {
      font-size: calc(2rem + 0.5vw);
      line-height: calc(2.25rem + 0.5vw);
    }
  
    .font-h2 {
      font-size: calc(1.5rem + 0.5vw);
      line-height: calc(1.75rem + 0.5vw);
    }
  
    .font-h3 {
      font-size: calc(1.25rem + 0.5vw);
      line-height: calc(1.5rem + 0.5vw);
    }
  
    .font-h4, .font-h5 {
      font-size: calc(1rem + 0.5vw);
      line-height: calc(1.25rem + 0.5vw);
    }
  
    .font-b1, .font-b2 {
      font-size: calc(1rem + 0.5vw);
      line-height: calc(1.5rem + 0.5vw);
    }
  
    .font-c1, .font-c2 {
      font-size: calc(0.875rem + 0.5vw);
      line-height: calc(1.25rem + 0.5vw);
    }
}*/