:root {

   --font-primary:"Poppins", sans-serif;;

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: ;
    --f-size-XXL:65px ;    
    --f-size-XL: 48px;    
    --f-size-L: 36px;    
    --f-size-M:32px;
    --f-size-S:24px ;
    --f-size-Sm: 20px;
    --f-size-Body: 16px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --common-transition: all 0.5s ease;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --color-black:#0D0D0D;
    --color-body:#595959;
    --color-grey:#F2F2F2;
    --color-primary:#F8682C;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */
}

h1, h2, h3, h4, h5, h6 { font-family: var(--font-primary) ; margin: 0 0 30px; padding: 0; line-height: 1.1; font-weight: 600; color: var(--color-black); }

h1 {font-size: var(--f-size-XXL); }
h2, .h2 {font-size: var(--f-size-XL); color: var(--white);}
h3 {font-size: var(--f-size-L);}
h4, .h4 {font-size:var(--f-size-M); font-family: var(--body-fonts);margin: 0 0 15px; font-weight: 400;}
h5 {font-size: var(--f-size-S);}
h6 {font-size: var(--f-size-Sm); font-weight: 500;}