:root {
  --color-white: #fff;
  --color-black: #000000;
  --color-black-light: #ededed;
  --color-grey: #E7EBF2;
  --color-grey-light: #F2F4F7;
  --color-green:#386a1f;
  --color-green-light:#b8f397;
  --color-red:#ba1a1a;
  --color-red-light:#ffdad6;

  --color-primary: var(--tm-color-primary);
  --color-primary-rgb: var(--tm-color-primary-rgb);
  --color-primary-light: var(--tm-color-primary-light);
  --color-primary-text: var(--tm-color-primary-text);
  --color-primary-text-rgb: var(--tm-color-primary-text-rgb);

  --box-shadow: 0 19px 38px rgba(0,0,0,0.05), 0 15px 12px rgba(0,0,0,0.05);
  --col-padding: 2rem;

  --font-size-xs: 15px;
  --font-size-sm: 20px;
  --font-size-md: 25px;
  --font-size-lg: 30px;
  --font-size-xl: 40px;
  --font-size-xxl: 73px;

  --page-background-color: var(--tm-color-background);
  --page-color: var(--tm-color-page);
  --page-font-family: var(--tm-font-family);
  --page-font-weight: 400;
  --page-font-size: var(--font-size-md);
  --page-line-height: 1.4;

  --h1-margin-bottom: 3rem;
  --h1-font-weight: 500;
  --h1-font-size: 66px;
  --h1-line-height: 1.15;

  --h2-margin-bottom: 2rem;
  --h2-font-weight: 500;
  --h2-font-size: 50px;
  --h2-line-height: 1.2;

  --h3-margin-bottom: 1rem;
  --h3-font-weight: 500;
  --h3-font-size: 40px;
  --h3-line-height: 1.2;

  --h4-margin-bottom: 1rem;
  --h4-font-weight: 500;
  --h4-font-size: 30px;
  --h4-line-height: 1.2;

  --h5-margin-bottom: 1rem;
  --h5-font-weight: 500;
  --h5-font-size: 30px;
  --h5-line-height: 1.2;

  --gb-block-default-size: var(--tm-container-fluid-maxwidth);
  --gb-block-wide-size: 1920px;

  --border-radius-sm: var(--tm-border-radius-sm);
  --border-radius-lg: var(--tm-border-radius-lg);
  --border-button-radius: 40px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
  --bs-gutter-x: 3rem;
}

.bg-black, .has-black-background-color{background-color: var(--color-black) !important}
.bg-white, .has-white-background-color{background-color: var(--color-white) !important}
.bg-green{background-color: var(--color-green) !important;}
.bg-red{background-color: var(--color-red) !important;}
.bg-grey{background-color: var(--color-grey);}
.bg-grey-light{background-color: var(--color-grey-light);}
.bg-blue-dark, .has-blue-dark-background{background-color: var(--color-blue-dark) !important;}
.bg-yellow-light{background-color: var(--color-yellow-light) !important;}
.bg-primary{background-color: var(--color-primary) !important;}
.bg-primary-light{background-color: var(--color-primary-light) !important;}
.bg-background-color{ background-color: var(--page-background-color);}


.text-black, .has-black-color{color: var(--color-black)  !important;}
.text-white, .has-white-color{color: var(--color-white) !important}
.text-green{color: var(--color-green)  !important;}
.text-red{color: var(--color-red)  !important;}
.text-primary{color: var(--color-primary) !important;}
.text-primary-light{color: var(--color-primary-light) !important;}

a.link-white{ color: var(--color-white) !important; }
a.link-white:hover{ color: var(--color-yellow-light) !important; }
a.link-yellow-light{ color: var(--color-yellow-light) !important; }
a.link-yellow-light:hover{ color: var(--color-white-light) !important; }
a.link-blue-dark{ color: var(--color-blue-dark) !important; }