/* CSS VARS */
:root {
    
    --mqTabsBackgroundColor: #0F3720;
    --mqTabsContentBackgroundColor: #0F3720;
    
    --mq-main-bg-color: #0F3720;
    --mq-main-color: #FFF;
    --mq-text-color: #0F3720;
    --mq-text-color-2: white;
    --mq-form-color: #FFF ;

    --mq-btn-color: #fff;
    --mq-btn-text-color: #0F3720;
  
    --mq-spacing: 80px;
    --mq-spacing-second: 80px;
    --mq-spacing-second-mb: 40px;
    --mq-spacing-mb: 40px;
    --mq-inline-mb: 35px;
    --mq-between: 30px;
    --mq-between-mb: 20px;
    
    --mq-headingregular-font: "Times New Roman";
    --mq-p-font:"Arial";
    --mq-p-font-small:12px;
    --mq-p-font-small-mb:10px;
    --mq-p-font-medium: 16px;
    --mq-p-font-large: 20px;
    --mq-p-font-size: 14px;
  
    --mq-h3-font-size:16px;
    --mq-h1-font-size:36px;
    --mq-h1-font-size-mb:36px;
    --mq-h1-font-size-big: 36px;
  
    --mq-font-weight-normal: 400;
    --mq-font-weight-light: 100;
    --mq-font-weight-xlight: 100;
    --mq-font-weight-bold: 700;
    --mq-font-weight-xnormal: 400;
    
    --mqTabsActiveBorderColor: white;
   
    --mq-hero-text-bg: var(--mq-main-color);
    --mq-why-mirvac-bg: var(--mq-main-color);
    --mq-carousel-bg: #ECE6DB;
    --mq-logo-grid-reverse-bg: var(--mq-main-bg-color);
    --mq-logo-grid-bg: var(--mq-main-bg-color);
   

    --mq-main-heading-color: #f4eeeb;
    --mq-carousel-color: var(--mq-text-color);
    --mq-why-mirvac-color: var(--mq-text-color);
    --mq-logo-grid-color: var(--mq-text-color-2);
    --mq-logo-grid-reverse-color: var( --mq-text-color-2);
    --mq-tabs-color: var( --mq-text-color-2);
    
  }