/* ============================================================
   FONT DECLARATIONS - HOME
   ============================================================
   This file contains ALL font-size and font-family declarations
   extracted from home.css.
   
   DO NOT modify font sizes here without updating the source.
   All values are the EXACT original values from the source file.
   ============================================================ */



body {

  font-family: var(--f-body);
}



p {

  font-size: 16px;
}


.button {

  font-family: "Lato", sans-serif;
  font-size: 16px;
}



.hero-eyebrow {

  font-family: var(--f-hero);
  font-size: 24px;
}


.hero-a2 {

  font-family: var(--f-hero);
  font-size: 200px;
}


.hero-milk {

  font-family: var(--f-hero);
  font-size: 56px;
}


.hero-brand {

  font-family: var(--f-hero);
  font-size: 26px;
}


.feat-text {

  font-family: "Lato", sans-serif;
  /* Medium weight for better readability */
  font-size: 16px;
}



.feat-heading {

  font-family: "Allomira", sans-serif;
  font-size: clamp(28px, 4vw, 40px);
}



.feat-subheading {

  font-family: "Lato", sans-serif;
  font-size: clamp(16px, 2vw, 20px);
}



@media (min-width: 1025px) {

  .feat-heading {

    font-size: 32px;
  }



  .feat-subheading {

    font-size: 18px;
  }
}



.feat-body {

  font-family: "Lato", sans-serif;
  font-size: 16px;
}



.btn-primary {

  font-family: "Lato", sans-serif;
  font-size: 16px;
}


.btn-know-more {

  font-size: 16px;
}


@media screen and (max-width: 480px) {

  .btn-know-more {

    font-size: 13px;
  }
}


@media screen and (min-width: 481px) and (max-width: 991px) {

  .btn-know-more {

    font-size: 14px;
  }
}


@media screen and (min-width: 992px) and (max-width: 1279px) {

  .btn-know-more {

    font-size: 15px;
  }
}


@media screen and (min-width: 1440px) and (max-width: 1919px) {

  .btn-know-more {

    font-size: 16px;
  }
}


@media screen and (min-width: 1920px) and (max-width: 2559px) {

  .btn-know-more {

    font-size: 20px;
  }
}


@media screen and (min-width: 2560px) and (max-width: 3839px) {

  .btn-know-more {

    font-size: 22px;
  }
}


@media screen and (min-width: 3840px) {

  .btn-know-more {

    font-size: 28px;
  }
}



.section-copy h2 {

  font-family: "Allomira", sans-serif;
  font-size: 32px;
}



.section-copy p {

  font-family: "Lato", sans-serif;
  font-size: 16px;
}


.section-kicker {

  font-family: "Allomira", sans-serif;
  font-size: 20px;
}


.different-section h2 {

  font-family: "Allomira", sans-serif;
  font-size: 32px;
}


.different-section .section-copy p {

  font-family: "Lato", sans-serif;
  font-size: 16px;
}



@media (min-width: 1025px) {

  .different-section .section-copy p {

    font-size: 16px;
  }
}


.timeline-item h3 {

  font-family: "Lato", sans-serif;
  font-size: 15px;
}


.timeline-item p {

  font-family: "Lato", sans-serif;
  font-size: 16px;
}



@media (min-width: 1025px) {


  .timeline-item h3 {

    font-size: 18px;
  }



  .timeline-item p {

    font-size: 16px;
  }
}


.timeline-note {

  /* Flush left — no marker offset needed */
  font-family: "Lato", sans-serif;
  font-size: 16px;
}



.allomira-black {

  font-family: "Allomira", sans-serif !important;
}



.lato-regular {

  font-family: "Lato", sans-serif !important;
}



.lato-bold {

  font-family: "Lato", sans-serif !important;
}



body {

  font-family: "Lato", sans-serif;
}



.brand-badge {

  font-family: "Manrope", sans-serif;
  font-size: 1.9rem;
}



.hero-a2 {

  font-size: 80px;
}



.hero-milk {

  font-size: 32px;
}



.hero-subline {

  font-size: 22px;
}



.brand-tag {

  font-size: 0.88rem;
}



.search-icon {

  font-size: 0.95rem;
}



.button {

  font-size: 14px;
}



.process-section h2 {

  font-family: "DM Sans", sans-serif;
  font-size: 2.6rem;
}



.process-section .section-heading p {

  font-family: "DM Sans", sans-serif;
  font-size: 16px;
}



@media (min-width: 1025px) {

  .process-section h2 {

    font-size: 2.1rem !important;
  }



  .process-section .section-heading p {

    font-size: 16px;
  }



  .process-section .process-copy p {

    font-size: 16px;
  }



  .process-copy .button-gold {

    font-size: 0.85rem !important;
  }
}



.process-step h3 {

  font-family: "DM Sans", sans-serif;
  font-size: 1.15rem;
}



.process-copy p {

  font-family: "DM Sans", sans-serif;
  font-size: 16px;
}



.process-copy .button-gold {

  font-family: "DM Sans", sans-serif;
  font-size: 0.95rem;
}



.app-copy h2 {

  font-family: "Lato", sans-serif;
  font-size: 2rem;
}



.app-copy p {

  font-size: 16px;
  font-family: "Lato", sans-serif;
}



.app-list-heading {

  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
}



.feature-list li {

  font-family: "Lato", sans-serif;
  font-size: 0.8rem;
}



@media (min-width: 1025px) {


  .app-copy h2 {

    font-size: 32px;
  }



  .app-copy p {

    font-size: 16px;
  }



  .app-list-heading {

    font-size: 15.5px;
  }



  .feature-list li {

    font-size: 14px;
  }
}



.splash-screen {

  font-family: "Manrope", sans-serif;
  font-size: 2.2rem;
}



@media (max-width: 1200px) {

  .hero-a2 {

    font-size: 140px;
  }



  .hero-milk {

    font-size: 52px;
  }
}



@media (max-width: 992px) {


  .hero-a2 {

    font-size: 120px;
  }



  .hero-milk {

    font-size: 48px;
  }



  .different-section .section-kicker {

    font-size: 24px;
  }



  .different-section h2 {

    font-size: 38px;
  }



  .different-section .section-copy p {

    font-size: 16px;
  }



  .timeline-item h3 {

    font-size: 18px;
  }



  .timeline-item p {

    font-size: 16px;
  }



  .timeline .button-gold {

    font-size: 15px;
  }



  .feat-heading {

    font-size: 32px;
  }



  .feat-subheading {

    font-size: 18px;
  }



  .feat-body {

    font-size: 16px;
  }
}



@media (max-width: 768px) {

  .hero-a2 {

    font-size: 90px;
  }



  .hero-milk {

    font-size: 38px;
  }



  .hero-subline {

    font-size: 20px;
  }
}



@media (max-width: 480px) {

  .hero-a2 {

    font-size: 80px;
  }



  .hero-milk {

    font-size: 32px;
  }
}



.products-section-header h2 {

  font-family: "Allomira", sans-serif;
  font-size: 2.8rem;
}



.products-section-header p {

  font-family: "Lato", sans-serif;
  font-size: 16px;
}



@media (min-width: 1025px) {

  .products-section-header p {

    font-size: 16px;
  }



  .products-section-header h2 {

    font-size: 34px;
  }
}



.card-inner-bottom h3 {

  font-family: "DM Sans", sans-serif;
  font-size: 1.25rem;
}



.card-inner-bottom p {

  font-family: "DM Sans", sans-serif;
  font-size: 0.85rem;
}



.product-btn {

  font-size: 0.9rem;
  font-family: "Lato", sans-serif;
}



.products-footer-note {

  font-family: "Lato", sans-serif;
  font-size: 16px;
}



@media (max-width: 1200px) {

  @media (min-width: 641px) and (max-width: 1024px) {

    .process-section h2 {

      font-size: 2.8rem !important;
    }



    .process-section .section-heading p {

      font-size: 16px;
    }



    .process-copy p {

      font-size: 16px;
    }


    .app-copy h2 {

      font-size: 2.8rem !important;
    }



    .app-copy p {

      font-size: 16px;
    }



    .app-list-heading {

      font-size: 1.3rem !important;
    }



    .feature-list li {

      font-size: 1.1rem !important;
    }
  }



  .process-section h2 {

    font-size: 1.6rem;
  }



  .process-copy p {

    font-size: 16px;
  }
}



@media (max-width: 992px) {


  .products-footer-note {

    font-size: 16px;
  }



  .process-section h2 {

    font-size: 1.2rem;
  }



  .process-copy p {

    font-size: 16px;
  }
}



@media (max-width: 640px) {


  .products-section-header h2 {

    font-size: 2.2rem;
  }



  .products-section-header p {

    font-size: 16px;
  }



  .products-footer-note {

    font-size: 16px;
  }



  .process-section h2 {

    font-size: 1.3rem;
  }



  .process-copy p {

    font-size: 16px;
  }
}



@media (max-width: 480px) {

  .hero-a2 {

    font-size: 68px;
  }



  .hero-milk {

    font-size: 28px;
  }



  .feat-heading {

    font-size: 28px;
  }



  .feat-subheading {

    font-size: 18px;
  }



  .different-section h2 {

    font-size: 24px;
  }



  .section-kicker {

    font-size: 10px;
  }



  .different-section .section-copy p {

    font-size: 16px;
  }



  .why-section .section-copy h2 {

    font-size: 28px;
  }



  .timeline-item h3 {

    font-size: 16px;
  }



  .timeline-item p {

    font-size: 14px;
  }



  .timeline-note {

    font-size: 13px;
  }



  .different-section .timeline .button {

    font-size: 16px;
  }



  .different-section .section-kicker {

    font-size: 18px;
  }



  .different-section h2 {

    font-size: 28px;
  }
}


@media (min-width: 769px) and (max-width: 1024px) {

  .feat-grid {

    font-size: 15px;
  }


  @media (min-width: 1024px) and (max-width: 1024px) {


    .feat-copy .btn-primary {

      font-size: 16px;
    }
  }
}


@media only screen and (min-width: 768px) and (max-width: 819px) {


  .feat-text {

    font-size: 16px;
  }
}


@media only screen and (min-width: 820px) and (max-width: 833px) {


  .feat-text {

    font-size: 16px;
  }
}


@media only screen and (min-width: 834px) and (max-width: 1024px) {


  .feat-text {

    font-size: 19px;
  }
}


@media screen and (min-width: 1920px) and (max-width: 3838px) {


  .feat-text {

    font-size: 20px;
  }



  .feat-heading {

    font-size: 52px;
  }



  .feat-subheading {

    font-size: 25px;
  }



  .feat-body {

    font-size: 20px;
  }



  .btn-primary {

    font-size: 20px;
  }



  .section-kicker {

    font-size: 30px;
  }



  .different-section h2 {

    font-size: 52px;
  }



  .different-section .section-copy p {

    font-size: 20px;
  }



  .timeline-item h3 {

    font-size: 26px;
  }



  .timeline-item p {

    font-size: 20px;
  }



  .timeline-note {

    font-size: 20px;
  }


  .different-section .section-copy {

    font-size: 30px;
  }



  .section-kicker {

    font-size: 30px;
  }



  .different-section h2 {

    font-size: 52px;
  }



  .section-copy h2 {

    font-size: 52px;
  }



  .section-copy p {

    font-size: 20px;
  }



  .section-copy .button {

    font-size: 20px;
  }



  .products-section-header h2 {

    font-size: 52px;
  }



  .products-section-header p {

    font-size: 20px;
  }



  .card-inner-bottom h3 {

    font-size: 26px;
  }



  .card-inner-bottom p {

    font-size: 20px;
  }



  .product-btn {

    font-size: 20px;
  }



  .product-item-card.active .card-inner-bottom h3 {

    font-size: 26px;
  }



  .products-footer-note {

    font-size: 20px;
  }



  .process-section h2 {

    font-size: 52px;
  }



  .process-section .section-heading p {

    font-size: 20px;
  }



  .process-step h3 {

    font-size: 30px;
  }



  .process-copy p {

    font-size: 110px;
  }



  .process-copy .button-gold {

    font-size: 20px;
  }



  .app-copy h2 {

    font-size: 52px;
  }



  .app-copy p {

    font-size: 20px;
  }



  .app-list-heading {

    font-size: 22px;
  }



  .feature-list li {

    font-size: 20px;
  }
}


@media (min-width: 3840px) {


  .feat-text {

    font-size: 28px;
  }



  .feat-heading {

    font-size: 96px;
  }



  .feat-subheading {

    font-size: 48px;
  }



  .feat-body {

    font-size: 30px;
  }



  .btn-primary {

    font-size: 34px;
  }



  .section-kicker {

    font-size: 38px;
  }



  .different-section h2 {

    font-size: 84px;
  }



  .different-section .section-copy p {

    font-size: 28px;
  }



  .timeline-item h3 {

    font-size: 48px;
  }



  .timeline-item p {

    font-size: 34px;
  }



  .timeline-note {

    font-size: 30px;
  }



  .section-copy h2 {

    font-size: 92px;
  }



  .section-copy p {

    font-size: 32px;
  }



  .products-section-header h2 {

    font-size: 84px;
  }



  .products-section-header p {

    font-size: 32px;
  }



  .card-inner-bottom h3 {

    font-size: 42px;
  }



  .card-inner-bottom p {

    font-size: 24px;
  }



  .product-btn {

    font-size: 24px;
  }



  .product-item-card.active .card-inner-bottom h3 {

    font-size: 48px;
  }



  .products-footer-note {

    font-size: 28px;
  }



  .process-section h2 {

    font-size: 84px;
  }



  .process-section .section-heading p {

    font-size: 32px;
  }



  .process-step h3 {

    font-size: 36px;
  }



  #process-cp {

    font-size: 80px;
  }



  .process-copy p {

    font-size: 260px;
  }



  .process-copy .button-gold {

    font-size: 32px;
  }



  .app-copy h2 {

    font-size: 92px;
  }



  .app-copy p {

    font-size: 32px;
  }



  .app-list-heading {

    font-size: 34px;
  }



  .feature-list li {

    font-size: 28px;
  }
}


@media screen and (min-width: 1280px) {


  #process-cp.process-copy p {

    font-size: 16px;
  }



  #process-cp.process-copy .button-gold {

    font-size: 16px;
  }
}



@media screen and (min-width: 1440px) {


  #process-cp.process-copy p {

    font-size: 16px;
  }



  #process-cp.process-copy .button-gold {

    font-size: 16px;
  }
}



@media screen and (min-width: 1920px) {


  #process-cp.process-copy p {

    font-size: 20px;
  }
}



@media screen and (min-width: 2560px) {


  #process-cp.process-copy p {

    font-size: 21px;
  }



  #process-cp.process-copy .button-gold {

    font-size: 27px;
  }
}



@media (min-width: 3840px) {


  #process-cp.process-copy p {

    font-size: 42px;
  }



  #process-cp.process-copy .button-gold {

    font-size: 32px;
  }
}


@media screen and (min-width: 1440px) and (max-width: 1940px) {

  .process-section .btn-know-more #OurFarm_btn {

    font-size: 12px;
  }
}


@media screen and (min-width: 768px) and (max-width: 768px) {


  #process-cp.process-copy p {

    font-size: 16px;
  }


  @media screen and (min-width: 820px) and (max-width: 820px) {


    #process-cp.process-copy p {

      font-size: 16px;
    }
  }


  @media screen and (min-width: 1024px) and (max-width: 1024px) {


    #process-cp.process-copy p {

      font-size: 16px;
    }
  }



  @media (min-width: 820px) {


    @media (min-width: 2560px) {


      .btn-primary,
      .button,
      .button-gold {

        font-size: 27px;
      }
    }
  }
}


p,
body p,
.feat-text,
.feat-subheading,
.feat-body,
.section-copy p,
.timeline-item p,
.timeline-note,
.products-section-header p,
.card-inner-bottom p,
.products-footer-note,
.process-section .section-heading p,
.process-section .process-copy p,
.app-copy p,
.app-list-heading,
.feature-list li,
.different-section .section-copy p {

  font-size: 16px;
}


@media screen and (max-width: 767px) {


  p,
  body p,
  .feat-text,
  .feat-subheading,
  .feat-body,
  .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .products-footer-note,
  .process-section .section-heading p,
  .process-section .process-copy p,
  .app-copy p,
  .app-list-heading,
  .feature-list li,
  .different-section .section-copy p {

    font-size: 13px;
  }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {


  p,
  body p,
  .feat-text,
  .feat-subheading,
  .feat-body,
  .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .products-footer-note,
  .process-section .section-heading p,
  .process-section .process-copy p,
  .app-copy p,
  .app-list-heading,
  .feature-list li,
  .different-section .section-copy p {

    font-size: 14px;
  }
}


@media screen and (width: 768px) and (height: 1024px) {


  p,
  body p,
  .feat-text,
  .feat-subheading,
  .feat-body,
  .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .products-footer-note,
  .process-section .section-heading p,
  .process-section .process-copy p,
  .app-copy p,
  .app-list-heading,
  .feature-list li,
  .different-section .section-copy p {

    font-size: 15px;
  }
}


@media screen and (width: 820px) and (height: 1180px) {


  p,
  body p,
  .feat-text,
  .feat-subheading,
  .feat-body,
  .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .products-footer-note,
  .process-section .section-heading p,
  .process-section .process-copy p,
  .app-copy p,
  .app-list-heading,
  .feature-list li,
  .different-section .section-copy p {

    font-size: 16px;
  }
}


@media screen and (width: 1024px) and (height: 1366px) {


  p,
  body p,
  .feat-text,
  .feat-subheading,
  .feat-body,
  .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .products-footer-note,
  .process-section .section-heading p,
  .process-section .process-copy p,
  .app-copy p,
  .app-list-heading,
  .feature-list li,
  .different-section .section-copy p {

    font-size: 17px;
  }
}


@media screen and (min-width: 1280px) and (max-width: 1439px) {


  p,
  body p,
  .feat-text,
  .feat-subheading,
  .feat-body,
  .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .products-footer-note,
  .process-section .section-heading p,
  .process-section .process-copy p,
  .app-copy p,
  .app-list-heading,
  .feature-list li,
  .different-section .section-copy p {

    font-size: 18px;
  }
}


@media screen and (min-width: 1440px) and (max-width: 1919px) {


  p,
  body p,
  .feat-text,
  .feat-subheading,
  .feat-body,
  .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .products-footer-note,
  .process-section .section-heading p,
  .process-section .process-copy p,
  .app-copy p,
  .app-list-heading,
  .feature-list li,
  .different-section .section-copy p {

    font-size: 19px;
  }
}


@media screen and (min-width: 1920px) and (max-width: 2559px) {


  p,
  body p,
  .feat-text,
  .feat-subheading,
  .feat-body,
  .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .products-footer-note,
  .process-section .section-heading p,
  .process-section .process-copy p,
  .app-copy p,
  .app-list-heading,
  .feature-list li,
  .different-section .section-copy p {

    font-size: 20px;
  }
}


@media screen and (min-width: 2560px) and (max-width: 3839px) {


  p,
  body p,
  .feat-text,
  .feat-subheading,
  .feat-body,
  .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .products-footer-note,
  .process-section .section-heading p,
  .process-section .process-copy p,
  .app-copy p,
  .app-list-heading,
  .feature-list li,
  .different-section .section-copy p {

    font-size: 26px;
  }
}


@media screen and (min-width: 3840px) {


  p,
  body p,
  .feat-text,
  .feat-subheading,
  .feat-body,
  .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .products-footer-note,
  .process-section .section-heading p,
  .process-section .process-copy p,
  .app-copy p,
  .app-list-heading,
  .feature-list li,
  .different-section .section-copy p {

    font-size: 36px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .different-section .section-kicker {
    font-size: 40px;
  }

  .different-section h2 {
    font-size: 44px;
  }

  .different-section .section-copy p {
    font-size: 25px;
  }

  .timeline-item h3 {
    font-size: 18px;
  }

  .timeline-item p {
    font-size: 16px;
  }
}

/* ============================================================
   CONSOLIDATED HIGH-RESOLUTION TYPOGRAPHY OVERRIDES
   ============================================================ */

/* 1. LAPTOP BASELINE (1280px Viewports) */
@media screen and (min-width: 1200px) and (max-width: 1366px) {

  /* Group 1: PARAGRAPH SIZES -> 15px */
  .feat-body,
  .feat-text,
  .section-copy p,
  .btn-primary,
  .btn-know-more,
  .button-gold,
  .different-section .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .product-btn,
  .products-footer-note,
  .process-section .section-heading p,
  .process-copy p,
  .process-copy .button-gold,
  .app-copy p,
  .feature-list li {
    font-size: 15px !important;
  }

  /* Group 2: FEAT-SUBHEADING -> 18px */
  .feat-subheading {
    font-size: 18px !important;
  }

  /* Group 3: TIMELINE/CARD H3 -> 20px */
  .timeline-item h3,
  .card-inner-bottom h3,
  .app-list-heading {
    font-size: 20px !important;
  }

  /* Group 4: SECTION-KICKER -> 25px */
  .section-kicker {
    font-size: 25px !important;
  }

  /* Group 5: SECTION HEADINGS -> 38px */
  .feat-heading,
  .section-copy h2,
  .different-section h2,
  .products-section-header h2,
  .process-section h2,
  .app-copy h2 {
    font-size: 38px !important;
  }
}

/* 2. LAPTOP LARGE (1440px Viewports) */
@media screen and (min-width: 1367px) and (max-width: 1599px) {

  /* Group 1: PARAGRAPH SIZES -> 17px */
  .feat-body,
  .feat-text,
  .section-copy p,
  .btn-primary,
  .btn-know-more,
  .button-gold,
  .different-section .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .product-btn,
  .products-footer-note,
  .process-section .section-heading p,
  .process-copy p,
  .process-copy .button-gold,
  .app-copy p,
  .feature-list li {
    font-size: 17px !important;
  }

  /* Group 2: FEAT-SUBHEADING -> 20px */
  .feat-subheading {
    font-size: 20px !important;
  }

  /* Group 3: TIMELINE/CARD H3 -> 22px */
  .timeline-item h3,
  .card-inner-bottom h3,
  .app-list-heading {
    font-size: 22px !important;
  }

  /* Group 4: SECTION-KICKER -> 28px */
  .section-kicker {
    font-size: 28px !important;
  }

  /* Group 5: SECTION HEADINGS -> 44px */
  .feat-heading,
  .section-copy h2,
  .different-section h2,
  .products-section-header h2,
  .process-section h2,
  .app-copy h2 {
    font-size: 44px !important;
  }
}

/* 3. DESKTOP STANDARD (1920px Viewports) */
@media screen and (min-width: 1600px) and (max-width: 1999px) {

  /* Group 1: PARAGRAPH SIZES -> 20px */
  .feat-body,
  .feat-text,
  .section-copy p,
  .btn-primary,
  .btn-know-more,
  .button-gold,
  .different-section .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .product-btn,
  .products-footer-note,
  .process-section .section-heading p,
  .process-copy p,
  .process-copy .button-gold,
  .app-copy p,
  .feature-list li {
    font-size: 20px !important;
  }

  /* Group 2: FEAT-SUBHEADING -> 24px */
  .feat-subheading {
    font-size: 24px !important;
  }

  /* Group 3: TIMELINE/CARD H3 -> 26px */
  .timeline-item h3,
  .card-inner-bottom h3,
  .app-list-heading {
    font-size: 26px !important;
  }

  /* Group 4: SECTION-KICKER -> 32px */
  .section-kicker {
    font-size: 32px !important;
  }

  /* Group 5: SECTION HEADINGS -> 52px */
  .feat-heading,
  .section-copy h2,
  .different-section h2,
  .products-section-header h2,
  .process-section h2,
  .app-copy h2 {
    font-size: 52px !important;
  }
}

/* 4. DESKTOP LARGE (2860px Viewports) */
@media screen and (min-width: 2000px) and (max-width: 3000px) {

  /* Group 1: PARAGRAPH SIZES -> 26px */
  .feat-body,
  .feat-text,
  .section-copy p,
  .btn-primary,
  .btn-know-more,
  .button-gold,
  .different-section .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .product-btn,
  .products-footer-note,
  .process-section .section-heading p,
  .process-copy p,
  .process-copy .button-gold,
  .app-copy p,
  .feature-list li {
    font-size: 26px !important;
  }

  /* Group 2: FEAT-SUBHEADING -> 30px */
  .feat-subheading {
    font-size: 30px !important;
  }

  /* Group 3: TIMELINE/CARD H3 -> 36px */
  .timeline-item h3,
  .card-inner-bottom h3,
  .app-list-heading {
    font-size: 36px !important;
  }

  /* Group 4: SECTION-KICKER -> 42px */
  .section-kicker {
    font-size: 42px !important;
  }

  /* Group 5: SECTION HEADINGS -> 68px */
  .feat-heading,
  .section-copy h2,
  .different-section h2,
  .products-section-header h2,
  .process-section h2,
  .app-copy h2 {
    font-size: 68px !important;
  }
}

/* 5. DESKTOP 4K (3840px Viewports) */
@media screen and (min-width: 3001px) {

  /* Group 1: PARAGRAPH SIZES -> 36px */
  .feat-body,
  .feat-text,
  .section-copy p,
  .btn-primary,
  .btn-know-more,
  .button-gold,
  .different-section .section-copy p,
  .timeline-item p,
  .timeline-note,
  .products-section-header p,
  .card-inner-bottom p,
  .product-btn,
  .products-footer-note,
  .process-section .section-heading p,
  .process-copy p,
  .process-copy .button-gold,
  .app-copy p,
  .feature-list li {
    font-size: 36px !important;
  }

  /* Group 2: FEAT-SUBHEADING -> 40px */
  .feat-subheading {
    font-size: 40px !important;
  }

  /* Group 3: TIMELINE/CARD H3 -> 46px */
  .timeline-item h3,
  .card-inner-bottom h3,
  .app-list-heading {
    font-size: 46px !important;
  }

  /* Group 4: SECTION-KICKER -> 50px */
  .section-kicker {
    font-size: 50px !important;
  }

  /* Group 5: SECTION HEADINGS -> 96px */
  .feat-heading,
  .section-copy h2,
  .different-section h2,
  .products-section-header h2,
  .process-section h2,
  .app-copy h2 {
    font-size: 96px !important;
  }
}