/* THIS IS A BRAND GUIDE FILE AND IT CONTAINS THE GLOBAL STYLING */

/* CUSTOM FONT FAMILY START */
/* THIS IS A BRAND GUIDE FILE AND IT CONTAINS THE GLOBAL STYLING */


  
    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
  


  
    @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
  


  
  :root  {
    --font-heading-family: Playfair Display;
    --font-heading-weight: 400;
    --font-heading-light-weight: 300;
    --font-heading-medium-weight: 500;
    --font-heading-bold-weight: 600;

  }


  
  :root  {
    --font-body-family: "Lato", sans-serif;
    --font-body-weight: 400;
    --font-body-light-weight: 300;
    --font-body-medium-weight: 500;
    --font-body-bold-weight: 600;

  }


  
  :root  {
    --font-extra-family: "Open Sans", sans-serif;
    --font-extra-weight: 400;
    --font-extra-light-weight: 300;
    --font-extra-medium-weight: 500;
    --font-extra-bold-weight: 600;
  }

/* CUSTOM FONT FAMILY END */


:root  {
  --font-extra-family: "Open Sans", sans-serif;
  --font-extra-weight: 400;
  --font-extra-light-weight: 300;
  --font-extra-medium-weight: 500;
  --font-extra-bold-weight: 600;
   --font-extra-ex-bold-weight  :  700
}



    :root  {
      --font-body-family: "Lato", sans-serif;
      --font-body-weight: 400;
      --font-body-light-weight: 300;
      --font-body-medium-weight: 500;
      --font-body-bold-weight: 600;
    }
  
  
  
    :root  {
      --font-heading-family: Playfair Display;
      --font-heading-weight: 400;
      --font-heading-light-weight: 300;
      --font-heading-medium-weight: 500;
      --font-heading-bold-weight: 600;
  --gfb-font-family: "Lato", sans-serif;
    --gfb-font-weight: 400;
    }
  
  
  
  

  
  
  /* CUSTOM FONT FAMILY END */

  /* FONT STYLE START */
  :root  {
    
      --selection-color: #ffffff;
      
    
      --primary-color: #b4975a;
    
    
      --secondary-color: #000000;
    
    
      --tertiary-color: #6f3096;
    
    
      --quaternary-color: #ff00ff;
    
    
      --quinary-color: #d4af37;
    
    
      --senary-color: #333333;
      
    
      --septenary-color: #1e1e1e;
     
    
      --octal-color: #f3eee6;
       
    
      --nonary-color: #f4efe7;
     
    
    --denary_color: #f6f3ef;
   
        
            
    
      --primary-button-color: #000000;
            
    
      --primary-button-hover-color: #b4975a;
       
    
      --secondary-button-color: #f4efe7;
            
    
      --secondary-button-hover-color: #f4efe7;
              
    
     --tertiary-button-color: #f4efe7;
            
    
      --tertiary-button-hover-color: #b4975a;
         
    
    --body-background-color: ;
      
    
    --disable_button-color: #d80027;
        
    
    --subscrption_button-color: #3a3f40;
     
  }
  
  
  
  @media only screen and (min-width: 768px) {
    h1,
    .h1,
    .h0 {
      font-size: 72px;
      line-height: 72px;
      letter-spacing: -0.03em;
    }
    h2,
    .h2 {
      font-size: 62px;
      line-height: 76px;
      letter-spacing: -0.03em;
    }
    h3,
    .h3 {
      font-size: 52px;
      line-height: 52px;
      letter-spacing: -0.03em;
    }
    h4,
    .h4 {
      font-size: 42px;
      line-height: 42px;
      letter-spacing: -0.03em;
    }
    h5,
    .h5 {
      font-size: 38px;
      line-height: 38px;
      letter-spacing: -0.03em;
    }
    h6,
    .h6 {
      font-size: 28px;
      line-height: 28px;
      letter-spacing: -0.03em;
      
    }
    .large_body {
      font-size: 24px;
      line-height: 32px;
    }  
    .medium_body {
      font-size: 20px;
      line-height: 28px;
    }
    .extra_medium_body {
      font-size: 18px;
      line-height: 24px;
    }  
    .body {
      font-size: 16px;
      line-height: 20px;
    }
    .regular_body {
      font-size: 14px;
      line-height: 18px;
    }  
    .small_body {
      font-size: 12px;
      line-height: 12px;
    }
    :root{
      --h1:72px;
      --h2:62px;
      --h3:52px;
      --h4:42px;
      --h5:38px;
      --h6:28px; 
      --large_body:24px;
      --medium_body:20px;
      --extra_medium_body:18px;
      --body:16px;
      --regular_body:14px;
      --small_body:12px;
      --h1_line_height:72px;
      --h2_line_height:52px;
      --h3_line_height:52px;
      --h4_line_height:42px;
      --h5_line_height:38px;
      --h6_line_height:28px;
      --large_body_line_height:32px;
      --medium_body_line_height:28px;
      --extra_medium_body_line_height:24px;
      --body_line_height:20px;
      --regular_body_line_height:18px;
      --small_body_line_height:12px;      
    }  
  }
  @media only screen and (max-width: 767px) {
    h1,
    .h1,
    .h0 {
      font-size: 48px;
      line-height: 48px;
      letter-spacing: -0.03em;
    }
    h2,
    .h2 {
      font-size: 42px;
      line-height: 42px;
      letter-spacing: -0.03em;
    }
    h3,
    .h3 {
      font-size: 36px;
      line-height: 36px;
      letter-spacing: -0.03em;
    }
    h4,
    .h4 {
      font-size: 32px;
      line-height: 32px;
      letter-spacing: -0.03em;
    }
    h5,
    .h5 {
      font-size: 28px;
      line-height: 28px;
      letter-spacing: -0.03em;
    }
    h6,
    .h6 {
      font-size: 24px;
      line-height: 24px;
    }
    .large_body {
      font-size: 24px;
      line-height: 24px;
    }  
    .medium_body {
      font-size: 20px;
      line-height: 28px;
    }
    .extra_medium_body {
      font-size: 18px;
      line-height: 24px;
    }  
    .body {
      font-size: 16px;
      line-height: 20px;
    }
    .regular_body {
      font-size: 14px;
      line-height: 18px;
    }  
    .small_body {
      font-size: 12px;
      line-height: 16px;
    }  
    :root{
      --h1:48px;
      --h2:42px;
      --h3:36px;
      --h4:32px;
      --h5:28px;
      --h6:24px; 
      --large_body:24px;
      --medium_body:20px;
      --extra_medium_body:18px;
      --body:16px;
      --regular_body:14px;
      --small_body:12px;
      --h1_line_height:48px;
      --h2_line_height:42px;
      --h3_line_height:36px;
      --h4_line_height:32px;
      --h5_line_height:28px;
      --h6_line_height:28px;
      --large_body_line_height:24px;
      --medium_body_line_height:28px;
      --extra_medium_body_line_height:24px;
      --body_line_height:20px;
      --regular_body_line_height:18px;
      --small_body_line_height:16px;      
    }    
  }
  /* FONT STYLE END */