/* -----------------------------------
   BASE FONT SIZES (Laptop / Desktop)
----------------------------------- */
        html {
            font-size: 16px;
            /* 1rem = 16px */
        }

        body {
            font-family: Arial, sans-serif;
            line-height: 1.5;
            font-size: 1rem;
            /* 16px */
        }

        /* Headings */
        h1 {
            font-size: 2rem;
        }

        /* 32px */
        h2 {
            font-size: 1.75rem;
        }

        /* 28px */
        h3 {
            font-size: 1.5rem;
        }

        /* 24px */
        h4 {
            font-size: 1.25rem;
        }

        /* 20px */
        h5 {
            font-size: 1.5;
        }

        /* 18px */
        h6 {
            font-size: 1rem;
        }

        /* 16px */

        p,
        label,
        span {
            font-size: 1rem;
            /* 16px */
        }

        button,
        input,
        select,
        textarea {
            font-size: 1rem;
        }

        /* -----------------------------------
   TABLET (Width ≤ 1024px)
----------------------------------- */
        @media (max-width: 1024px) {
            html {
                font-size: 14px;
            }
        }

        /* -----------------------------------
   PHONE (Width ≤ 767px)
----------------------------------- */
        @media (max-width: 767px) {
            html {
                font-size: 13px;
            }
        }

        /* -----------------------------------
   SMALL PHONE (Width ≤ 480px)
----------------------------------- */
        @media (max-width: 480px) {
            html {
                font-size: 12px;
            }
        }

        /* -----------------------------------
   VERY SMALL DEVICES (Width ≤ 360px)
----------------------------------- */
        @media (max-width: 360px) {
            html {
                font-size: 9px;
            }
        }