:root {
  --color-purple-lighter: rgb(228.7523364486, 225.6869158879, 243.3130841121);
  --color-purple-light: rgb(163.453271028, 152.761682243, 214.238317757);
  --color-purple: #4D3D99;
  --color-purple-dark: rgb(49.4742990654, 39.1939252336, 98.3060747664);
  --color-purple-darker: rgb(40.2990654206, 31.9252336449, 80.0747663551);
  --color-blue-lighter: rgb(210.4845360825, 233.2659793814, 248.7154639175);
  --color-blue-light: rgb(112.1649484536, 185.2628865979, 234.8350515464);
  --color-blue: #186FAA;
  --color-blue-dark: rgb(14.5360824742, 67.2293814433, 102.9639175258);
  --color-blue-darker: rgb(10.1195876289, 46.8030927835, 71.6804123711);
  --color-cyan-lighter: rgb(197.0226415094, 238.3358490566, 239.3773584906);
  --color-cyan-light: rgb(120.6910377358, 216.3962264151, 218.8089622642);
  --color-cyan: #2DA4A7;
  --color-cyan-dark: rgb(28.7617924528, 104.820754717, 106.7382075472);
  --color-cyan-darker: rgb(20.1014150943, 73.258490566, 74.5985849057);
  --color-green-lighter: rgb(226.265060241, 242.8915662651, 222.1084337349);
  --color-green-light: rgb(177.4156626506, 222.3072289157, 166.1927710843);
  --color-green: #60bc49;
  --color-green-dark: rgb(66.686746988, 134.8554216867, 49.6445783133);
  --color-green-darker: rgb(29.8192771084, 60.3012048193, 22.1987951807);
  --color-yellow-lighter: rgb(251.2643835616, 249.604109589, 228.4356164384);
  --color-yellow-light: rgb(243.7191780822, 238.7054794521, 174.7808219178);
  --color-yellow: #e4d83f;
  --color-yellow-dark: rgb(188.0547945205, 176.301369863, 26.4452054795);
  --color-yellow-darker: rgb(80.7452054795, 75.698630137, 11.3547945205);
  --color-orange-lighter: rgb(252.4595238095, 235.830952381, 199.3404761905);
  --color-orange-light: rgb(249.5654761905, 213.994047619, 135.9345238095);
  --color-orange: #F4AC0E;
  --color-orange-dark: rgb(173.5773809524, 121.7202380952, 7.9226190476);
  --color-orange-darker: rgb(90.6619047619, 63.5761904762, 4.1380952381);
  --color-red-lighter: rgb(252.1867924528, 229.4132075472, 229.4132075472);
  --color-red-light: rgb(246.6297169811, 178.8702830189, 178.8702830189);
  --color-red: #ea4040;
  --color-red-dark: rgb(176.5849056604, 19.4150943396, 19.4150943396);
  --color-red-darker: rgb(116.8523584906, 12.8476415094, 12.8476415094);
  --color-white: white;
  --color-grey-lighter: #F3F3F3;
  --color-grey-light: #EDEDED;
  --color-grey: #CFCFCF;
  --color-grey-dark: #2A2A2A;
  --color-grey-darker: #232323;
  --color-dark-grey: #2A2A2A;
  --color-darker-grey: #232323;
  --color-black: #1C1C1C;
}

:root {
  --color-purple-lighter-rgb: 228.7523364486, 225.6869158879, 243.3130841121;
  --color-purple-light-rgb: 163.453271028, 152.761682243, 214.238317757;
  --color-purple-rgb: 77, 61, 153;
  --color-purple-dark-rgb: 49.4742990654, 39.1939252336, 98.3060747664;
  --color-purple-darker-rgb: 40.2990654206, 31.9252336449, 80.0747663551;
  --color-blue-lighter-rgb: 210.4845360825, 233.2659793814, 248.7154639175;
  --color-blue-light-rgb: 112.1649484536, 185.2628865979, 234.8350515464;
  --color-blue-rgb: 24, 111, 170;
  --color-blue-dark-rgb: 14.5360824742, 67.2293814433, 102.9639175258;
  --color-blue-darker-rgb: 10.1195876289, 46.8030927835, 71.6804123711;
  --color-cyan-lighter-rgb: 197.0226415094, 238.3358490566, 239.3773584906;
  --color-cyan-light-rgb: 120.6910377358, 216.3962264151, 218.8089622642;
  --color-cyan-rgb: 45, 164, 167;
  --color-cyan-dark-rgb: 28.7617924528, 104.820754717, 106.7382075472;
  --color-cyan-darker-rgb: 20.1014150943, 73.258490566, 74.5985849057;
  --color-green-lighter-rgb: 226.265060241, 242.8915662651, 222.1084337349;
  --color-green-light-rgb: 177.4156626506, 222.3072289157, 166.1927710843;
  --color-green-rgb: 96, 188, 73;
  --color-green-dark-rgb: 66.686746988, 134.8554216867, 49.6445783133;
  --color-green-darker-rgb: 29.8192771084, 60.3012048193, 22.1987951807;
  --color-yellow-lighter-rgb: 251.2643835616, 249.604109589, 228.4356164384;
  --color-yellow-light-rgb: 243.7191780822, 238.7054794521, 174.7808219178;
  --color-yellow-rgb: 228, 216, 63;
  --color-yellow-dark-rgb: 188.0547945205, 176.301369863, 26.4452054795;
  --color-yellow-darker-rgb: 80.7452054795, 75.698630137, 11.3547945205;
  --color-orange-lighter-rgb: 252.4595238095, 235.830952381, 199.3404761905;
  --color-orange-light-rgb: 249.5654761905, 213.994047619, 135.9345238095;
  --color-orange-rgb: 244, 172, 14;
  --color-orange-dark-rgb: 173.5773809524, 121.7202380952, 7.9226190476;
  --color-orange-darker-rgb: 90.6619047619, 63.5761904762, 4.1380952381;
  --color-red-lighter-rgb: 252.1867924528, 229.4132075472, 229.4132075472;
  --color-red-light-rgb: 246.6297169811, 178.8702830189, 178.8702830189;
  --color-red-rgb: 234, 64, 64;
  --color-red-dark-rgb: 176.5849056604, 19.4150943396, 19.4150943396;
  --color-red-darker-rgb: 116.8523584906, 12.8476415094, 12.8476415094;
  --color-white-rgb: 255, 255, 255;
  --color-grey-lighter-rgb: 243, 243, 243;
  --color-grey-light-rgb: 237, 237, 237;
  --color-grey-rgb: 207, 207, 207;
  --color-grey-dark-rgb: 42, 42, 42;
  --color-grey-darker-rgb: 35, 35, 35;
  --color-dark-grey-rgb: 42, 42, 42;
  --color-darker-grey-rgb: 35, 35, 35;
  --color-black-rgb: 28, 28, 28;
}

.has-purple-lighter-color {
  color: var(--color-purple-lighter);
}
.has-purple-lighter-color a {
  color: var(--color-purple-lighter);
}

.has-purple-lighter-background-color {
  background: var(--color-purple-lighter);
  color: var(--color-purple-dark);
}
.has-purple-lighter-background-color a {
  color: var(--color-purple-dark);
}
.has-purple-lighter-background-color.active {
  background: var(--color-purple-lighter);
}
.has-purple-lighter-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-purple-lighter), white 10%) !important;
}

.hover-bg-purple-lighter.active a, .hover-bg-purple-lighter:hover a {
  color: var(--color-purple-dark) !important;
}
.hover-bg-purple-lighter.active svg, .hover-bg-purple-lighter:hover svg {
  fill: var(--color-purple-dark) !important;
}
.hover-bg-purple-lighter:hover {
  background: color-mix(in srgb, var(--color-purple-lighter), white 10%) !important;
  color: var(--color-purple-dark) !important;
}
.hover-bg-purple-lighter.fullcolor:hover {
  background: var(--color-purple-lighter) !important;
  color: var(--color-purple-dark) !important;
}
.hover-bg-purple-lighter.active {
  background: var(--color-purple-lighter) !important;
  color: var(--color-purple-dark) !important;
}

.before-bg-purple-lighter:before {
  background: var(--color-purple-lighter) !important;
}

.active-bg-purple-lighter.active .link {
  background: var(--color-purple-lighter) !important;
}

.fill-purple-lighter {
  fill: var(--color-purple-lighter) !important;
}
.fill-purple-lighter svg {
  fill: var(--color-purple-lighter) !important;
}

section.purple-lighter-bg {
  background: var(--color-purple-lighter);
  color: var(--color-purple-dark);
}
section.purple-lighter-bg .svg-fill-bg {
  fill: var(--color-purple-lighter);
}

.big-cta.purple-lighter-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-purple-lighter) 0%, rgba(var(--color-purple-lighter-rgb), 0) 100%);
}

.big-cta.purple-lighter-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-purple-lighter) 0%, rgba(var(--color-purple-lighter-rgb), 0) 100%);
}

.big-cta.fade-purple-lighter.left .background-video:before,
.big-cta.fade-purple-lighter.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-purple-lighter-rgb), 0) 0%, rgba(var(--color-purple-lighter-rgb), 0.9) 100%);
}

.big-cta.fade-purple-lighter.right .background-video:before,
.big-cta.fade-purple-lighter.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-purple-lighter-rgb), 0) 0%, rgba(var(--color-purple-lighter-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-purple-lighter.left .background-video:before,
  .big-cta.fade-purple-lighter.left .background-image:before,
  .big-cta.fade-purple-lighter.right .background-video:before,
  .big-cta.fade-purple-lighter.right .background-image:before {
    background: rgba(var(--color-purple-lighter-rgb), 0.75);
  }
}
.has-purple-light-color {
  color: var(--color-purple-light);
}
.has-purple-light-color a {
  color: var(--color-purple-light);
}

.has-purple-light-background-color {
  background: var(--color-purple-light);
  color: var(--color-purple-darker);
}
.has-purple-light-background-color a {
  color: var(--color-purple-darker);
}
.has-purple-light-background-color.active {
  background: var(--color-purple-light);
}
.has-purple-light-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-purple-light), white 10%) !important;
}

.hover-bg-purple-light.active a, .hover-bg-purple-light:hover a {
  color: var(--color-purple-darker) !important;
}
.hover-bg-purple-light.active svg, .hover-bg-purple-light:hover svg {
  fill: var(--color-purple-darker) !important;
}
.hover-bg-purple-light:hover {
  background: color-mix(in srgb, var(--color-purple-light), white 10%) !important;
  color: var(--color-purple-darker) !important;
}
.hover-bg-purple-light.fullcolor:hover {
  background: var(--color-purple-light) !important;
  color: var(--color-purple-darker) !important;
}
.hover-bg-purple-light.active {
  background: var(--color-purple-light) !important;
  color: var(--color-purple-darker) !important;
}

.before-bg-purple-light:before {
  background: var(--color-purple-light) !important;
}

.active-bg-purple-light.active .link {
  background: var(--color-purple-light) !important;
}

.fill-purple-light {
  fill: var(--color-purple-light) !important;
}
.fill-purple-light svg {
  fill: var(--color-purple-light) !important;
}

section.purple-light-bg {
  background: var(--color-purple-light);
  color: var(--color-purple-darker);
}
section.purple-light-bg .svg-fill-bg {
  fill: var(--color-purple-light);
}

.big-cta.purple-light-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-purple-light) 0%, rgba(var(--color-purple-light-rgb), 0) 100%);
}

.big-cta.purple-light-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-purple-light) 0%, rgba(var(--color-purple-light-rgb), 0) 100%);
}

.big-cta.fade-purple-light.left .background-video:before,
.big-cta.fade-purple-light.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-purple-light-rgb), 0) 0%, rgba(var(--color-purple-light-rgb), 0.9) 100%);
}

.big-cta.fade-purple-light.right .background-video:before,
.big-cta.fade-purple-light.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-purple-light-rgb), 0) 0%, rgba(var(--color-purple-light-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-purple-light.left .background-video:before,
  .big-cta.fade-purple-light.left .background-image:before,
  .big-cta.fade-purple-light.right .background-video:before,
  .big-cta.fade-purple-light.right .background-image:before {
    background: rgba(var(--color-purple-light-rgb), 0.75);
  }
}
.has-purple-color {
  color: var(--color-purple);
}
.has-purple-color a {
  color: var(--color-purple);
}

.has-purple-background-color {
  background: var(--color-purple);
  color: var(--color-white);
}
.has-purple-background-color a {
  color: var(--color-white);
}
.has-purple-background-color.active {
  background: var(--color-purple);
}
.has-purple-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-purple), white 10%) !important;
}

.hover-bg-purple.active a, .hover-bg-purple:hover a {
  color: var(--color-white) !important;
}
.hover-bg-purple.active svg, .hover-bg-purple:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-purple:hover {
  background: color-mix(in srgb, var(--color-purple), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-purple.fullcolor:hover {
  background: var(--color-purple) !important;
  color: var(--color-white) !important;
}
.hover-bg-purple.active {
  background: var(--color-purple) !important;
  color: var(--color-white) !important;
}

.before-bg-purple:before {
  background: var(--color-purple) !important;
}

.active-bg-purple.active .link {
  background: var(--color-purple) !important;
}

.fill-purple {
  fill: var(--color-purple) !important;
}
.fill-purple svg {
  fill: var(--color-purple) !important;
}

section.purple-bg {
  background: var(--color-purple);
  color: var(--color-white);
}
section.purple-bg .svg-fill-bg {
  fill: var(--color-purple);
}

.big-cta.purple-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-purple) 0%, rgba(var(--color-purple-rgb), 0) 100%);
}

.big-cta.purple-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-purple) 0%, rgba(var(--color-purple-rgb), 0) 100%);
}

.big-cta.fade-purple.left .background-video:before,
.big-cta.fade-purple.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-purple-rgb), 0) 0%, rgba(var(--color-purple-rgb), 0.9) 100%);
}

.big-cta.fade-purple.right .background-video:before,
.big-cta.fade-purple.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-purple-rgb), 0) 0%, rgba(var(--color-purple-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-purple.left .background-video:before,
  .big-cta.fade-purple.left .background-image:before,
  .big-cta.fade-purple.right .background-video:before,
  .big-cta.fade-purple.right .background-image:before {
    background: rgba(var(--color-purple-rgb), 0.75);
  }
}
.has-purple-dark-color {
  color: var(--color-purple-dark);
}
.has-purple-dark-color a {
  color: var(--color-purple-dark);
}

.has-purple-dark-background-color {
  background: var(--color-purple-dark);
  color: var(--color-white);
}
.has-purple-dark-background-color a {
  color: var(--color-white);
}
.has-purple-dark-background-color.active {
  background: var(--color-purple-dark);
}
.has-purple-dark-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-purple-dark), white 10%) !important;
}

.hover-bg-purple-dark.active a, .hover-bg-purple-dark:hover a {
  color: var(--color-white) !important;
}
.hover-bg-purple-dark.active svg, .hover-bg-purple-dark:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-purple-dark:hover {
  background: color-mix(in srgb, var(--color-purple-dark), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-purple-dark.fullcolor:hover {
  background: var(--color-purple-dark) !important;
  color: var(--color-white) !important;
}
.hover-bg-purple-dark.active {
  background: var(--color-purple-dark) !important;
  color: var(--color-white) !important;
}

.before-bg-purple-dark:before {
  background: var(--color-purple-dark) !important;
}

.active-bg-purple-dark.active .link {
  background: var(--color-purple-dark) !important;
}

.fill-purple-dark {
  fill: var(--color-purple-dark) !important;
}
.fill-purple-dark svg {
  fill: var(--color-purple-dark) !important;
}

section.purple-dark-bg {
  background: var(--color-purple-dark);
  color: var(--color-white);
}
section.purple-dark-bg .svg-fill-bg {
  fill: var(--color-purple-dark);
}

.big-cta.purple-dark-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-purple-dark) 0%, rgba(var(--color-purple-dark-rgb), 0) 100%);
}

.big-cta.purple-dark-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-purple-dark) 0%, rgba(var(--color-purple-dark-rgb), 0) 100%);
}

.big-cta.fade-purple-dark.left .background-video:before,
.big-cta.fade-purple-dark.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-purple-dark-rgb), 0) 0%, rgba(var(--color-purple-dark-rgb), 0.9) 100%);
}

.big-cta.fade-purple-dark.right .background-video:before,
.big-cta.fade-purple-dark.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-purple-dark-rgb), 0) 0%, rgba(var(--color-purple-dark-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-purple-dark.left .background-video:before,
  .big-cta.fade-purple-dark.left .background-image:before,
  .big-cta.fade-purple-dark.right .background-video:before,
  .big-cta.fade-purple-dark.right .background-image:before {
    background: rgba(var(--color-purple-dark-rgb), 0.75);
  }
}
.has-purple-darker-color {
  color: var(--color-purple-darker);
}
.has-purple-darker-color a {
  color: var(--color-purple-darker);
}

.has-purple-darker-background-color {
  background: var(--color-purple-darker);
  color: var(--color-white);
}
.has-purple-darker-background-color a {
  color: var(--color-white);
}
.has-purple-darker-background-color.active {
  background: var(--color-purple-darker);
}
.has-purple-darker-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-purple-darker), white 10%) !important;
}

.hover-bg-purple-darker.active a, .hover-bg-purple-darker:hover a {
  color: var(--color-white) !important;
}
.hover-bg-purple-darker.active svg, .hover-bg-purple-darker:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-purple-darker:hover {
  background: color-mix(in srgb, var(--color-purple-darker), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-purple-darker.fullcolor:hover {
  background: var(--color-purple-darker) !important;
  color: var(--color-white) !important;
}
.hover-bg-purple-darker.active {
  background: var(--color-purple-darker) !important;
  color: var(--color-white) !important;
}

.before-bg-purple-darker:before {
  background: var(--color-purple-darker) !important;
}

.active-bg-purple-darker.active .link {
  background: var(--color-purple-darker) !important;
}

.fill-purple-darker {
  fill: var(--color-purple-darker) !important;
}
.fill-purple-darker svg {
  fill: var(--color-purple-darker) !important;
}

section.purple-darker-bg {
  background: var(--color-purple-darker);
  color: var(--color-white);
}
section.purple-darker-bg .svg-fill-bg {
  fill: var(--color-purple-darker);
}

.big-cta.purple-darker-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-purple-darker) 0%, rgba(var(--color-purple-darker-rgb), 0) 100%);
}

.big-cta.purple-darker-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-purple-darker) 0%, rgba(var(--color-purple-darker-rgb), 0) 100%);
}

.big-cta.fade-purple-darker.left .background-video:before,
.big-cta.fade-purple-darker.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-purple-darker-rgb), 0) 0%, rgba(var(--color-purple-darker-rgb), 0.9) 100%);
}

.big-cta.fade-purple-darker.right .background-video:before,
.big-cta.fade-purple-darker.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-purple-darker-rgb), 0) 0%, rgba(var(--color-purple-darker-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-purple-darker.left .background-video:before,
  .big-cta.fade-purple-darker.left .background-image:before,
  .big-cta.fade-purple-darker.right .background-video:before,
  .big-cta.fade-purple-darker.right .background-image:before {
    background: rgba(var(--color-purple-darker-rgb), 0.75);
  }
}
.has-blue-lighter-color {
  color: var(--color-blue-lighter);
}
.has-blue-lighter-color a {
  color: var(--color-blue-lighter);
}

.has-blue-lighter-background-color {
  background: var(--color-blue-lighter);
  color: var(--color-blue-dark);
}
.has-blue-lighter-background-color a {
  color: var(--color-blue-dark);
}
.has-blue-lighter-background-color.active {
  background: var(--color-blue-lighter);
}
.has-blue-lighter-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-blue-lighter), white 10%) !important;
}

.hover-bg-blue-lighter.active a, .hover-bg-blue-lighter:hover a {
  color: var(--color-blue-dark) !important;
}
.hover-bg-blue-lighter.active svg, .hover-bg-blue-lighter:hover svg {
  fill: var(--color-blue-dark) !important;
}
.hover-bg-blue-lighter:hover {
  background: color-mix(in srgb, var(--color-blue-lighter), white 10%) !important;
  color: var(--color-blue-dark) !important;
}
.hover-bg-blue-lighter.fullcolor:hover {
  background: var(--color-blue-lighter) !important;
  color: var(--color-blue-dark) !important;
}
.hover-bg-blue-lighter.active {
  background: var(--color-blue-lighter) !important;
  color: var(--color-blue-dark) !important;
}

.before-bg-blue-lighter:before {
  background: var(--color-blue-lighter) !important;
}

.active-bg-blue-lighter.active .link {
  background: var(--color-blue-lighter) !important;
}

.fill-blue-lighter {
  fill: var(--color-blue-lighter) !important;
}
.fill-blue-lighter svg {
  fill: var(--color-blue-lighter) !important;
}

section.blue-lighter-bg {
  background: var(--color-blue-lighter);
  color: var(--color-blue-dark);
}
section.blue-lighter-bg .svg-fill-bg {
  fill: var(--color-blue-lighter);
}

.big-cta.blue-lighter-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-blue-lighter) 0%, rgba(var(--color-blue-lighter-rgb), 0) 100%);
}

.big-cta.blue-lighter-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-blue-lighter) 0%, rgba(var(--color-blue-lighter-rgb), 0) 100%);
}

.big-cta.fade-blue-lighter.left .background-video:before,
.big-cta.fade-blue-lighter.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-blue-lighter-rgb), 0) 0%, rgba(var(--color-blue-lighter-rgb), 0.9) 100%);
}

.big-cta.fade-blue-lighter.right .background-video:before,
.big-cta.fade-blue-lighter.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-blue-lighter-rgb), 0) 0%, rgba(var(--color-blue-lighter-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-blue-lighter.left .background-video:before,
  .big-cta.fade-blue-lighter.left .background-image:before,
  .big-cta.fade-blue-lighter.right .background-video:before,
  .big-cta.fade-blue-lighter.right .background-image:before {
    background: rgba(var(--color-blue-lighter-rgb), 0.75);
  }
}
.has-blue-light-color {
  color: var(--color-blue-light);
}
.has-blue-light-color a {
  color: var(--color-blue-light);
}

.has-blue-light-background-color {
  background: var(--color-blue-light);
  color: var(--color-blue-darker);
}
.has-blue-light-background-color a {
  color: var(--color-blue-darker);
}
.has-blue-light-background-color.active {
  background: var(--color-blue-light);
}
.has-blue-light-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-blue-light), white 10%) !important;
}

.hover-bg-blue-light.active a, .hover-bg-blue-light:hover a {
  color: var(--color-blue-darker) !important;
}
.hover-bg-blue-light.active svg, .hover-bg-blue-light:hover svg {
  fill: var(--color-blue-darker) !important;
}
.hover-bg-blue-light:hover {
  background: color-mix(in srgb, var(--color-blue-light), white 10%) !important;
  color: var(--color-blue-darker) !important;
}
.hover-bg-blue-light.fullcolor:hover {
  background: var(--color-blue-light) !important;
  color: var(--color-blue-darker) !important;
}
.hover-bg-blue-light.active {
  background: var(--color-blue-light) !important;
  color: var(--color-blue-darker) !important;
}

.before-bg-blue-light:before {
  background: var(--color-blue-light) !important;
}

.active-bg-blue-light.active .link {
  background: var(--color-blue-light) !important;
}

.fill-blue-light {
  fill: var(--color-blue-light) !important;
}
.fill-blue-light svg {
  fill: var(--color-blue-light) !important;
}

section.blue-light-bg {
  background: var(--color-blue-light);
  color: var(--color-blue-darker);
}
section.blue-light-bg .svg-fill-bg {
  fill: var(--color-blue-light);
}

.big-cta.blue-light-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-blue-light) 0%, rgba(var(--color-blue-light-rgb), 0) 100%);
}

.big-cta.blue-light-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-blue-light) 0%, rgba(var(--color-blue-light-rgb), 0) 100%);
}

.big-cta.fade-blue-light.left .background-video:before,
.big-cta.fade-blue-light.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-blue-light-rgb), 0) 0%, rgba(var(--color-blue-light-rgb), 0.9) 100%);
}

.big-cta.fade-blue-light.right .background-video:before,
.big-cta.fade-blue-light.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-blue-light-rgb), 0) 0%, rgba(var(--color-blue-light-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-blue-light.left .background-video:before,
  .big-cta.fade-blue-light.left .background-image:before,
  .big-cta.fade-blue-light.right .background-video:before,
  .big-cta.fade-blue-light.right .background-image:before {
    background: rgba(var(--color-blue-light-rgb), 0.75);
  }
}
.has-blue-color {
  color: var(--color-blue);
}
.has-blue-color a {
  color: var(--color-blue);
}

.has-blue-background-color {
  background: var(--color-blue);
  color: var(--color-white);
}
.has-blue-background-color a {
  color: var(--color-white);
}
.has-blue-background-color.active {
  background: var(--color-blue);
}
.has-blue-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-blue), white 10%) !important;
}

.hover-bg-blue.active a, .hover-bg-blue:hover a {
  color: var(--color-white) !important;
}
.hover-bg-blue.active svg, .hover-bg-blue:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-blue:hover {
  background: color-mix(in srgb, var(--color-blue), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-blue.fullcolor:hover {
  background: var(--color-blue) !important;
  color: var(--color-white) !important;
}
.hover-bg-blue.active {
  background: var(--color-blue) !important;
  color: var(--color-white) !important;
}

.before-bg-blue:before {
  background: var(--color-blue) !important;
}

.active-bg-blue.active .link {
  background: var(--color-blue) !important;
}

.fill-blue {
  fill: var(--color-blue) !important;
}
.fill-blue svg {
  fill: var(--color-blue) !important;
}

section.blue-bg {
  background: var(--color-blue);
  color: var(--color-white);
}
section.blue-bg .svg-fill-bg {
  fill: var(--color-blue);
}

.big-cta.blue-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-blue) 0%, rgba(var(--color-blue-rgb), 0) 100%);
}

.big-cta.blue-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-blue) 0%, rgba(var(--color-blue-rgb), 0) 100%);
}

.big-cta.fade-blue.left .background-video:before,
.big-cta.fade-blue.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-blue-rgb), 0) 0%, rgba(var(--color-blue-rgb), 0.9) 100%);
}

.big-cta.fade-blue.right .background-video:before,
.big-cta.fade-blue.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-blue-rgb), 0) 0%, rgba(var(--color-blue-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-blue.left .background-video:before,
  .big-cta.fade-blue.left .background-image:before,
  .big-cta.fade-blue.right .background-video:before,
  .big-cta.fade-blue.right .background-image:before {
    background: rgba(var(--color-blue-rgb), 0.75);
  }
}
.has-blue-dark-color {
  color: var(--color-blue-dark);
}
.has-blue-dark-color a {
  color: var(--color-blue-dark);
}

.has-blue-dark-background-color {
  background: var(--color-blue-dark);
  color: var(--color-white);
}
.has-blue-dark-background-color a {
  color: var(--color-white);
}
.has-blue-dark-background-color.active {
  background: var(--color-blue-dark);
}
.has-blue-dark-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-blue-dark), white 10%) !important;
}

.hover-bg-blue-dark.active a, .hover-bg-blue-dark:hover a {
  color: var(--color-white) !important;
}
.hover-bg-blue-dark.active svg, .hover-bg-blue-dark:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-blue-dark:hover {
  background: color-mix(in srgb, var(--color-blue-dark), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-blue-dark.fullcolor:hover {
  background: var(--color-blue-dark) !important;
  color: var(--color-white) !important;
}
.hover-bg-blue-dark.active {
  background: var(--color-blue-dark) !important;
  color: var(--color-white) !important;
}

.before-bg-blue-dark:before {
  background: var(--color-blue-dark) !important;
}

.active-bg-blue-dark.active .link {
  background: var(--color-blue-dark) !important;
}

.fill-blue-dark {
  fill: var(--color-blue-dark) !important;
}
.fill-blue-dark svg {
  fill: var(--color-blue-dark) !important;
}

section.blue-dark-bg {
  background: var(--color-blue-dark);
  color: var(--color-white);
}
section.blue-dark-bg .svg-fill-bg {
  fill: var(--color-blue-dark);
}

.big-cta.blue-dark-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-blue-dark) 0%, rgba(var(--color-blue-dark-rgb), 0) 100%);
}

.big-cta.blue-dark-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-blue-dark) 0%, rgba(var(--color-blue-dark-rgb), 0) 100%);
}

.big-cta.fade-blue-dark.left .background-video:before,
.big-cta.fade-blue-dark.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-blue-dark-rgb), 0) 0%, rgba(var(--color-blue-dark-rgb), 0.9) 100%);
}

.big-cta.fade-blue-dark.right .background-video:before,
.big-cta.fade-blue-dark.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-blue-dark-rgb), 0) 0%, rgba(var(--color-blue-dark-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-blue-dark.left .background-video:before,
  .big-cta.fade-blue-dark.left .background-image:before,
  .big-cta.fade-blue-dark.right .background-video:before,
  .big-cta.fade-blue-dark.right .background-image:before {
    background: rgba(var(--color-blue-dark-rgb), 0.75);
  }
}
.has-blue-darker-color {
  color: var(--color-blue-darker);
}
.has-blue-darker-color a {
  color: var(--color-blue-darker);
}

.has-blue-darker-background-color {
  background: var(--color-blue-darker);
  color: var(--color-white);
}
.has-blue-darker-background-color a {
  color: var(--color-white);
}
.has-blue-darker-background-color.active {
  background: var(--color-blue-darker);
}
.has-blue-darker-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-blue-darker), white 10%) !important;
}

.hover-bg-blue-darker.active a, .hover-bg-blue-darker:hover a {
  color: var(--color-white) !important;
}
.hover-bg-blue-darker.active svg, .hover-bg-blue-darker:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-blue-darker:hover {
  background: color-mix(in srgb, var(--color-blue-darker), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-blue-darker.fullcolor:hover {
  background: var(--color-blue-darker) !important;
  color: var(--color-white) !important;
}
.hover-bg-blue-darker.active {
  background: var(--color-blue-darker) !important;
  color: var(--color-white) !important;
}

.before-bg-blue-darker:before {
  background: var(--color-blue-darker) !important;
}

.active-bg-blue-darker.active .link {
  background: var(--color-blue-darker) !important;
}

.fill-blue-darker {
  fill: var(--color-blue-darker) !important;
}
.fill-blue-darker svg {
  fill: var(--color-blue-darker) !important;
}

section.blue-darker-bg {
  background: var(--color-blue-darker);
  color: var(--color-white);
}
section.blue-darker-bg .svg-fill-bg {
  fill: var(--color-blue-darker);
}

.big-cta.blue-darker-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-blue-darker) 0%, rgba(var(--color-blue-darker-rgb), 0) 100%);
}

.big-cta.blue-darker-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-blue-darker) 0%, rgba(var(--color-blue-darker-rgb), 0) 100%);
}

.big-cta.fade-blue-darker.left .background-video:before,
.big-cta.fade-blue-darker.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-blue-darker-rgb), 0) 0%, rgba(var(--color-blue-darker-rgb), 0.9) 100%);
}

.big-cta.fade-blue-darker.right .background-video:before,
.big-cta.fade-blue-darker.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-blue-darker-rgb), 0) 0%, rgba(var(--color-blue-darker-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-blue-darker.left .background-video:before,
  .big-cta.fade-blue-darker.left .background-image:before,
  .big-cta.fade-blue-darker.right .background-video:before,
  .big-cta.fade-blue-darker.right .background-image:before {
    background: rgba(var(--color-blue-darker-rgb), 0.75);
  }
}
.has-cyan-lighter-color {
  color: var(--color-cyan-lighter);
}
.has-cyan-lighter-color a {
  color: var(--color-cyan-lighter);
}

.has-cyan-lighter-background-color {
  background: var(--color-cyan-lighter);
  color: var(--color-cyan-dark);
}
.has-cyan-lighter-background-color a {
  color: var(--color-cyan-dark);
}
.has-cyan-lighter-background-color.active {
  background: var(--color-cyan-lighter);
}
.has-cyan-lighter-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-cyan-lighter), white 10%) !important;
}

.hover-bg-cyan-lighter.active a, .hover-bg-cyan-lighter:hover a {
  color: var(--color-cyan-dark) !important;
}
.hover-bg-cyan-lighter.active svg, .hover-bg-cyan-lighter:hover svg {
  fill: var(--color-cyan-dark) !important;
}
.hover-bg-cyan-lighter:hover {
  background: color-mix(in srgb, var(--color-cyan-lighter), white 10%) !important;
  color: var(--color-cyan-dark) !important;
}
.hover-bg-cyan-lighter.fullcolor:hover {
  background: var(--color-cyan-lighter) !important;
  color: var(--color-cyan-dark) !important;
}
.hover-bg-cyan-lighter.active {
  background: var(--color-cyan-lighter) !important;
  color: var(--color-cyan-dark) !important;
}

.before-bg-cyan-lighter:before {
  background: var(--color-cyan-lighter) !important;
}

.active-bg-cyan-lighter.active .link {
  background: var(--color-cyan-lighter) !important;
}

.fill-cyan-lighter {
  fill: var(--color-cyan-lighter) !important;
}
.fill-cyan-lighter svg {
  fill: var(--color-cyan-lighter) !important;
}

section.cyan-lighter-bg {
  background: var(--color-cyan-lighter);
  color: var(--color-cyan-dark);
}
section.cyan-lighter-bg .svg-fill-bg {
  fill: var(--color-cyan-lighter);
}

.big-cta.cyan-lighter-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-cyan-lighter) 0%, rgba(var(--color-cyan-lighter-rgb), 0) 100%);
}

.big-cta.cyan-lighter-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-cyan-lighter) 0%, rgba(var(--color-cyan-lighter-rgb), 0) 100%);
}

.big-cta.fade-cyan-lighter.left .background-video:before,
.big-cta.fade-cyan-lighter.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-cyan-lighter-rgb), 0) 0%, rgba(var(--color-cyan-lighter-rgb), 0.9) 100%);
}

.big-cta.fade-cyan-lighter.right .background-video:before,
.big-cta.fade-cyan-lighter.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-cyan-lighter-rgb), 0) 0%, rgba(var(--color-cyan-lighter-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-cyan-lighter.left .background-video:before,
  .big-cta.fade-cyan-lighter.left .background-image:before,
  .big-cta.fade-cyan-lighter.right .background-video:before,
  .big-cta.fade-cyan-lighter.right .background-image:before {
    background: rgba(var(--color-cyan-lighter-rgb), 0.75);
  }
}
.has-cyan-light-color {
  color: var(--color-cyan-light);
}
.has-cyan-light-color a {
  color: var(--color-cyan-light);
}

.has-cyan-light-background-color {
  background: var(--color-cyan-light);
  color: var(--color-cyan-darker);
}
.has-cyan-light-background-color a {
  color: var(--color-cyan-darker);
}
.has-cyan-light-background-color.active {
  background: var(--color-cyan-light);
}
.has-cyan-light-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-cyan-light), white 10%) !important;
}

.hover-bg-cyan-light.active a, .hover-bg-cyan-light:hover a {
  color: var(--color-cyan-darker) !important;
}
.hover-bg-cyan-light.active svg, .hover-bg-cyan-light:hover svg {
  fill: var(--color-cyan-darker) !important;
}
.hover-bg-cyan-light:hover {
  background: color-mix(in srgb, var(--color-cyan-light), white 10%) !important;
  color: var(--color-cyan-darker) !important;
}
.hover-bg-cyan-light.fullcolor:hover {
  background: var(--color-cyan-light) !important;
  color: var(--color-cyan-darker) !important;
}
.hover-bg-cyan-light.active {
  background: var(--color-cyan-light) !important;
  color: var(--color-cyan-darker) !important;
}

.before-bg-cyan-light:before {
  background: var(--color-cyan-light) !important;
}

.active-bg-cyan-light.active .link {
  background: var(--color-cyan-light) !important;
}

.fill-cyan-light {
  fill: var(--color-cyan-light) !important;
}
.fill-cyan-light svg {
  fill: var(--color-cyan-light) !important;
}

section.cyan-light-bg {
  background: var(--color-cyan-light);
  color: var(--color-cyan-darker);
}
section.cyan-light-bg .svg-fill-bg {
  fill: var(--color-cyan-light);
}

.big-cta.cyan-light-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-cyan-light) 0%, rgba(var(--color-cyan-light-rgb), 0) 100%);
}

.big-cta.cyan-light-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-cyan-light) 0%, rgba(var(--color-cyan-light-rgb), 0) 100%);
}

.big-cta.fade-cyan-light.left .background-video:before,
.big-cta.fade-cyan-light.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-cyan-light-rgb), 0) 0%, rgba(var(--color-cyan-light-rgb), 0.9) 100%);
}

.big-cta.fade-cyan-light.right .background-video:before,
.big-cta.fade-cyan-light.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-cyan-light-rgb), 0) 0%, rgba(var(--color-cyan-light-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-cyan-light.left .background-video:before,
  .big-cta.fade-cyan-light.left .background-image:before,
  .big-cta.fade-cyan-light.right .background-video:before,
  .big-cta.fade-cyan-light.right .background-image:before {
    background: rgba(var(--color-cyan-light-rgb), 0.75);
  }
}
.has-cyan-color {
  color: var(--color-cyan);
}
.has-cyan-color a {
  color: var(--color-cyan);
}

.has-cyan-background-color {
  background: var(--color-cyan);
  color: var(--color-white);
}
.has-cyan-background-color a {
  color: var(--color-white);
}
.has-cyan-background-color.active {
  background: var(--color-cyan);
}
.has-cyan-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-cyan), white 10%) !important;
}

.hover-bg-cyan.active a, .hover-bg-cyan:hover a {
  color: var(--color-white) !important;
}
.hover-bg-cyan.active svg, .hover-bg-cyan:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-cyan:hover {
  background: color-mix(in srgb, var(--color-cyan), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-cyan.fullcolor:hover {
  background: var(--color-cyan) !important;
  color: var(--color-white) !important;
}
.hover-bg-cyan.active {
  background: var(--color-cyan) !important;
  color: var(--color-white) !important;
}

.before-bg-cyan:before {
  background: var(--color-cyan) !important;
}

.active-bg-cyan.active .link {
  background: var(--color-cyan) !important;
}

.fill-cyan {
  fill: var(--color-cyan) !important;
}
.fill-cyan svg {
  fill: var(--color-cyan) !important;
}

section.cyan-bg {
  background: var(--color-cyan);
  color: var(--color-white);
}
section.cyan-bg .svg-fill-bg {
  fill: var(--color-cyan);
}

.big-cta.cyan-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-cyan) 0%, rgba(var(--color-cyan-rgb), 0) 100%);
}

.big-cta.cyan-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-cyan) 0%, rgba(var(--color-cyan-rgb), 0) 100%);
}

.big-cta.fade-cyan.left .background-video:before,
.big-cta.fade-cyan.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-cyan-rgb), 0) 0%, rgba(var(--color-cyan-rgb), 0.9) 100%);
}

.big-cta.fade-cyan.right .background-video:before,
.big-cta.fade-cyan.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-cyan-rgb), 0) 0%, rgba(var(--color-cyan-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-cyan.left .background-video:before,
  .big-cta.fade-cyan.left .background-image:before,
  .big-cta.fade-cyan.right .background-video:before,
  .big-cta.fade-cyan.right .background-image:before {
    background: rgba(var(--color-cyan-rgb), 0.75);
  }
}
.has-cyan-dark-color {
  color: var(--color-cyan-dark);
}
.has-cyan-dark-color a {
  color: var(--color-cyan-dark);
}

.has-cyan-dark-background-color {
  background: var(--color-cyan-dark);
  color: var(--color-white);
}
.has-cyan-dark-background-color a {
  color: var(--color-white);
}
.has-cyan-dark-background-color.active {
  background: var(--color-cyan-dark);
}
.has-cyan-dark-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-cyan-dark), white 10%) !important;
}

.hover-bg-cyan-dark.active a, .hover-bg-cyan-dark:hover a {
  color: var(--color-white) !important;
}
.hover-bg-cyan-dark.active svg, .hover-bg-cyan-dark:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-cyan-dark:hover {
  background: color-mix(in srgb, var(--color-cyan-dark), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-cyan-dark.fullcolor:hover {
  background: var(--color-cyan-dark) !important;
  color: var(--color-white) !important;
}
.hover-bg-cyan-dark.active {
  background: var(--color-cyan-dark) !important;
  color: var(--color-white) !important;
}

.before-bg-cyan-dark:before {
  background: var(--color-cyan-dark) !important;
}

.active-bg-cyan-dark.active .link {
  background: var(--color-cyan-dark) !important;
}

.fill-cyan-dark {
  fill: var(--color-cyan-dark) !important;
}
.fill-cyan-dark svg {
  fill: var(--color-cyan-dark) !important;
}

section.cyan-dark-bg {
  background: var(--color-cyan-dark);
  color: var(--color-white);
}
section.cyan-dark-bg .svg-fill-bg {
  fill: var(--color-cyan-dark);
}

.big-cta.cyan-dark-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-cyan-dark) 0%, rgba(var(--color-cyan-dark-rgb), 0) 100%);
}

.big-cta.cyan-dark-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-cyan-dark) 0%, rgba(var(--color-cyan-dark-rgb), 0) 100%);
}

.big-cta.fade-cyan-dark.left .background-video:before,
.big-cta.fade-cyan-dark.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-cyan-dark-rgb), 0) 0%, rgba(var(--color-cyan-dark-rgb), 0.9) 100%);
}

.big-cta.fade-cyan-dark.right .background-video:before,
.big-cta.fade-cyan-dark.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-cyan-dark-rgb), 0) 0%, rgba(var(--color-cyan-dark-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-cyan-dark.left .background-video:before,
  .big-cta.fade-cyan-dark.left .background-image:before,
  .big-cta.fade-cyan-dark.right .background-video:before,
  .big-cta.fade-cyan-dark.right .background-image:before {
    background: rgba(var(--color-cyan-dark-rgb), 0.75);
  }
}
.has-cyan-darker-color {
  color: var(--color-cyan-darker);
}
.has-cyan-darker-color a {
  color: var(--color-cyan-darker);
}

.has-cyan-darker-background-color {
  background: var(--color-cyan-darker);
  color: var(--color-white);
}
.has-cyan-darker-background-color a {
  color: var(--color-white);
}
.has-cyan-darker-background-color.active {
  background: var(--color-cyan-darker);
}
.has-cyan-darker-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-cyan-darker), white 10%) !important;
}

.hover-bg-cyan-darker.active a, .hover-bg-cyan-darker:hover a {
  color: var(--color-white) !important;
}
.hover-bg-cyan-darker.active svg, .hover-bg-cyan-darker:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-cyan-darker:hover {
  background: color-mix(in srgb, var(--color-cyan-darker), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-cyan-darker.fullcolor:hover {
  background: var(--color-cyan-darker) !important;
  color: var(--color-white) !important;
}
.hover-bg-cyan-darker.active {
  background: var(--color-cyan-darker) !important;
  color: var(--color-white) !important;
}

.before-bg-cyan-darker:before {
  background: var(--color-cyan-darker) !important;
}

.active-bg-cyan-darker.active .link {
  background: var(--color-cyan-darker) !important;
}

.fill-cyan-darker {
  fill: var(--color-cyan-darker) !important;
}
.fill-cyan-darker svg {
  fill: var(--color-cyan-darker) !important;
}

section.cyan-darker-bg {
  background: var(--color-cyan-darker);
  color: var(--color-white);
}
section.cyan-darker-bg .svg-fill-bg {
  fill: var(--color-cyan-darker);
}

.big-cta.cyan-darker-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-cyan-darker) 0%, rgba(var(--color-cyan-darker-rgb), 0) 100%);
}

.big-cta.cyan-darker-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-cyan-darker) 0%, rgba(var(--color-cyan-darker-rgb), 0) 100%);
}

.big-cta.fade-cyan-darker.left .background-video:before,
.big-cta.fade-cyan-darker.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-cyan-darker-rgb), 0) 0%, rgba(var(--color-cyan-darker-rgb), 0.9) 100%);
}

.big-cta.fade-cyan-darker.right .background-video:before,
.big-cta.fade-cyan-darker.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-cyan-darker-rgb), 0) 0%, rgba(var(--color-cyan-darker-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-cyan-darker.left .background-video:before,
  .big-cta.fade-cyan-darker.left .background-image:before,
  .big-cta.fade-cyan-darker.right .background-video:before,
  .big-cta.fade-cyan-darker.right .background-image:before {
    background: rgba(var(--color-cyan-darker-rgb), 0.75);
  }
}
.has-green-lighter-color {
  color: var(--color-green-lighter);
}
.has-green-lighter-color a {
  color: var(--color-green-lighter);
}

.has-green-lighter-background-color {
  background: var(--color-green-lighter);
  color: var(--color-green-dark);
}
.has-green-lighter-background-color a {
  color: var(--color-green-dark);
}
.has-green-lighter-background-color.active {
  background: var(--color-green-lighter);
}
.has-green-lighter-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-green-lighter), white 10%) !important;
}

.hover-bg-green-lighter.active a, .hover-bg-green-lighter:hover a {
  color: var(--color-green-dark) !important;
}
.hover-bg-green-lighter.active svg, .hover-bg-green-lighter:hover svg {
  fill: var(--color-green-dark) !important;
}
.hover-bg-green-lighter:hover {
  background: color-mix(in srgb, var(--color-green-lighter), white 10%) !important;
  color: var(--color-green-dark) !important;
}
.hover-bg-green-lighter.fullcolor:hover {
  background: var(--color-green-lighter) !important;
  color: var(--color-green-dark) !important;
}
.hover-bg-green-lighter.active {
  background: var(--color-green-lighter) !important;
  color: var(--color-green-dark) !important;
}

.before-bg-green-lighter:before {
  background: var(--color-green-lighter) !important;
}

.active-bg-green-lighter.active .link {
  background: var(--color-green-lighter) !important;
}

.fill-green-lighter {
  fill: var(--color-green-lighter) !important;
}
.fill-green-lighter svg {
  fill: var(--color-green-lighter) !important;
}

section.green-lighter-bg {
  background: var(--color-green-lighter);
  color: var(--color-green-dark);
}
section.green-lighter-bg .svg-fill-bg {
  fill: var(--color-green-lighter);
}

.big-cta.green-lighter-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-green-lighter) 0%, rgba(var(--color-green-lighter-rgb), 0) 100%);
}

.big-cta.green-lighter-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-green-lighter) 0%, rgba(var(--color-green-lighter-rgb), 0) 100%);
}

.big-cta.fade-green-lighter.left .background-video:before,
.big-cta.fade-green-lighter.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-green-lighter-rgb), 0) 0%, rgba(var(--color-green-lighter-rgb), 0.9) 100%);
}

.big-cta.fade-green-lighter.right .background-video:before,
.big-cta.fade-green-lighter.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-green-lighter-rgb), 0) 0%, rgba(var(--color-green-lighter-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-green-lighter.left .background-video:before,
  .big-cta.fade-green-lighter.left .background-image:before,
  .big-cta.fade-green-lighter.right .background-video:before,
  .big-cta.fade-green-lighter.right .background-image:before {
    background: rgba(var(--color-green-lighter-rgb), 0.75);
  }
}
.has-green-light-color {
  color: var(--color-green-light);
}
.has-green-light-color a {
  color: var(--color-green-light);
}

.has-green-light-background-color {
  background: var(--color-green-light);
  color: var(--color-green-darker);
}
.has-green-light-background-color a {
  color: var(--color-green-darker);
}
.has-green-light-background-color.active {
  background: var(--color-green-light);
}
.has-green-light-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-green-light), white 10%) !important;
}

.hover-bg-green-light.active a, .hover-bg-green-light:hover a {
  color: var(--color-green-darker) !important;
}
.hover-bg-green-light.active svg, .hover-bg-green-light:hover svg {
  fill: var(--color-green-darker) !important;
}
.hover-bg-green-light:hover {
  background: color-mix(in srgb, var(--color-green-light), white 10%) !important;
  color: var(--color-green-darker) !important;
}
.hover-bg-green-light.fullcolor:hover {
  background: var(--color-green-light) !important;
  color: var(--color-green-darker) !important;
}
.hover-bg-green-light.active {
  background: var(--color-green-light) !important;
  color: var(--color-green-darker) !important;
}

.before-bg-green-light:before {
  background: var(--color-green-light) !important;
}

.active-bg-green-light.active .link {
  background: var(--color-green-light) !important;
}

.fill-green-light {
  fill: var(--color-green-light) !important;
}
.fill-green-light svg {
  fill: var(--color-green-light) !important;
}

section.green-light-bg {
  background: var(--color-green-light);
  color: var(--color-green-darker);
}
section.green-light-bg .svg-fill-bg {
  fill: var(--color-green-light);
}

.big-cta.green-light-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-green-light) 0%, rgba(var(--color-green-light-rgb), 0) 100%);
}

.big-cta.green-light-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-green-light) 0%, rgba(var(--color-green-light-rgb), 0) 100%);
}

.big-cta.fade-green-light.left .background-video:before,
.big-cta.fade-green-light.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-green-light-rgb), 0) 0%, rgba(var(--color-green-light-rgb), 0.9) 100%);
}

.big-cta.fade-green-light.right .background-video:before,
.big-cta.fade-green-light.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-green-light-rgb), 0) 0%, rgba(var(--color-green-light-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-green-light.left .background-video:before,
  .big-cta.fade-green-light.left .background-image:before,
  .big-cta.fade-green-light.right .background-video:before,
  .big-cta.fade-green-light.right .background-image:before {
    background: rgba(var(--color-green-light-rgb), 0.75);
  }
}
.has-green-color {
  color: var(--color-green);
}
.has-green-color a {
  color: var(--color-green);
}

.has-green-background-color {
  background: var(--color-green);
  color: var(--color-white);
}
.has-green-background-color a {
  color: var(--color-white);
}
.has-green-background-color.active {
  background: var(--color-green);
}
.has-green-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-green), white 10%) !important;
}

.hover-bg-green.active a, .hover-bg-green:hover a {
  color: var(--color-white) !important;
}
.hover-bg-green.active svg, .hover-bg-green:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-green:hover {
  background: color-mix(in srgb, var(--color-green), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-green.fullcolor:hover {
  background: var(--color-green) !important;
  color: var(--color-white) !important;
}
.hover-bg-green.active {
  background: var(--color-green) !important;
  color: var(--color-white) !important;
}

.before-bg-green:before {
  background: var(--color-green) !important;
}

.active-bg-green.active .link {
  background: var(--color-green) !important;
}

.fill-green {
  fill: var(--color-green) !important;
}
.fill-green svg {
  fill: var(--color-green) !important;
}

section.green-bg {
  background: var(--color-green);
  color: var(--color-white);
}
section.green-bg .svg-fill-bg {
  fill: var(--color-green);
}

.big-cta.green-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-green) 0%, rgba(var(--color-green-rgb), 0) 100%);
}

.big-cta.green-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-green) 0%, rgba(var(--color-green-rgb), 0) 100%);
}

.big-cta.fade-green.left .background-video:before,
.big-cta.fade-green.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-green-rgb), 0) 0%, rgba(var(--color-green-rgb), 0.9) 100%);
}

.big-cta.fade-green.right .background-video:before,
.big-cta.fade-green.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-green-rgb), 0) 0%, rgba(var(--color-green-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-green.left .background-video:before,
  .big-cta.fade-green.left .background-image:before,
  .big-cta.fade-green.right .background-video:before,
  .big-cta.fade-green.right .background-image:before {
    background: rgba(var(--color-green-rgb), 0.75);
  }
}
.has-green-dark-color {
  color: var(--color-green-dark);
}
.has-green-dark-color a {
  color: var(--color-green-dark);
}

.has-green-dark-background-color {
  background: var(--color-green-dark);
  color: var(--color-white);
}
.has-green-dark-background-color a {
  color: var(--color-white);
}
.has-green-dark-background-color.active {
  background: var(--color-green-dark);
}
.has-green-dark-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-green-dark), white 10%) !important;
}

.hover-bg-green-dark.active a, .hover-bg-green-dark:hover a {
  color: var(--color-white) !important;
}
.hover-bg-green-dark.active svg, .hover-bg-green-dark:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-green-dark:hover {
  background: color-mix(in srgb, var(--color-green-dark), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-green-dark.fullcolor:hover {
  background: var(--color-green-dark) !important;
  color: var(--color-white) !important;
}
.hover-bg-green-dark.active {
  background: var(--color-green-dark) !important;
  color: var(--color-white) !important;
}

.before-bg-green-dark:before {
  background: var(--color-green-dark) !important;
}

.active-bg-green-dark.active .link {
  background: var(--color-green-dark) !important;
}

.fill-green-dark {
  fill: var(--color-green-dark) !important;
}
.fill-green-dark svg {
  fill: var(--color-green-dark) !important;
}

section.green-dark-bg {
  background: var(--color-green-dark);
  color: var(--color-white);
}
section.green-dark-bg .svg-fill-bg {
  fill: var(--color-green-dark);
}

.big-cta.green-dark-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-green-dark) 0%, rgba(var(--color-green-dark-rgb), 0) 100%);
}

.big-cta.green-dark-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-green-dark) 0%, rgba(var(--color-green-dark-rgb), 0) 100%);
}

.big-cta.fade-green-dark.left .background-video:before,
.big-cta.fade-green-dark.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-green-dark-rgb), 0) 0%, rgba(var(--color-green-dark-rgb), 0.9) 100%);
}

.big-cta.fade-green-dark.right .background-video:before,
.big-cta.fade-green-dark.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-green-dark-rgb), 0) 0%, rgba(var(--color-green-dark-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-green-dark.left .background-video:before,
  .big-cta.fade-green-dark.left .background-image:before,
  .big-cta.fade-green-dark.right .background-video:before,
  .big-cta.fade-green-dark.right .background-image:before {
    background: rgba(var(--color-green-dark-rgb), 0.75);
  }
}
.has-green-darker-color {
  color: var(--color-green-darker);
}
.has-green-darker-color a {
  color: var(--color-green-darker);
}

.has-green-darker-background-color {
  background: var(--color-green-darker);
  color: var(--color-white);
}
.has-green-darker-background-color a {
  color: var(--color-white);
}
.has-green-darker-background-color.active {
  background: var(--color-green-darker);
}
.has-green-darker-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-green-darker), white 10%) !important;
}

.hover-bg-green-darker.active a, .hover-bg-green-darker:hover a {
  color: var(--color-white) !important;
}
.hover-bg-green-darker.active svg, .hover-bg-green-darker:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-green-darker:hover {
  background: color-mix(in srgb, var(--color-green-darker), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-green-darker.fullcolor:hover {
  background: var(--color-green-darker) !important;
  color: var(--color-white) !important;
}
.hover-bg-green-darker.active {
  background: var(--color-green-darker) !important;
  color: var(--color-white) !important;
}

.before-bg-green-darker:before {
  background: var(--color-green-darker) !important;
}

.active-bg-green-darker.active .link {
  background: var(--color-green-darker) !important;
}

.fill-green-darker {
  fill: var(--color-green-darker) !important;
}
.fill-green-darker svg {
  fill: var(--color-green-darker) !important;
}

section.green-darker-bg {
  background: var(--color-green-darker);
  color: var(--color-white);
}
section.green-darker-bg .svg-fill-bg {
  fill: var(--color-green-darker);
}

.big-cta.green-darker-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-green-darker) 0%, rgba(var(--color-green-darker-rgb), 0) 100%);
}

.big-cta.green-darker-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-green-darker) 0%, rgba(var(--color-green-darker-rgb), 0) 100%);
}

.big-cta.fade-green-darker.left .background-video:before,
.big-cta.fade-green-darker.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-green-darker-rgb), 0) 0%, rgba(var(--color-green-darker-rgb), 0.9) 100%);
}

.big-cta.fade-green-darker.right .background-video:before,
.big-cta.fade-green-darker.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-green-darker-rgb), 0) 0%, rgba(var(--color-green-darker-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-green-darker.left .background-video:before,
  .big-cta.fade-green-darker.left .background-image:before,
  .big-cta.fade-green-darker.right .background-video:before,
  .big-cta.fade-green-darker.right .background-image:before {
    background: rgba(var(--color-green-darker-rgb), 0.75);
  }
}
.has-yellow-lighter-color {
  color: var(--color-yellow-lighter);
}
.has-yellow-lighter-color a {
  color: var(--color-yellow-lighter);
}

.has-yellow-lighter-background-color {
  background: var(--color-yellow-lighter);
  color: var(--color-yellow-darker);
}
.has-yellow-lighter-background-color a {
  color: var(--color-yellow-darker);
}
.has-yellow-lighter-background-color.active {
  background: var(--color-yellow-lighter);
}
.has-yellow-lighter-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-yellow-lighter), white 10%) !important;
}

.hover-bg-yellow-lighter.active a, .hover-bg-yellow-lighter:hover a {
  color: var(--color-yellow-darker) !important;
}
.hover-bg-yellow-lighter.active svg, .hover-bg-yellow-lighter:hover svg {
  fill: var(--color-yellow-darker) !important;
}
.hover-bg-yellow-lighter:hover {
  background: color-mix(in srgb, var(--color-yellow-lighter), white 10%) !important;
  color: var(--color-yellow-darker) !important;
}
.hover-bg-yellow-lighter.fullcolor:hover {
  background: var(--color-yellow-lighter) !important;
  color: var(--color-yellow-darker) !important;
}
.hover-bg-yellow-lighter.active {
  background: var(--color-yellow-lighter) !important;
  color: var(--color-yellow-darker) !important;
}

.before-bg-yellow-lighter:before {
  background: var(--color-yellow-lighter) !important;
}

.active-bg-yellow-lighter.active .link {
  background: var(--color-yellow-lighter) !important;
}

.fill-yellow-lighter {
  fill: var(--color-yellow-lighter) !important;
}
.fill-yellow-lighter svg {
  fill: var(--color-yellow-lighter) !important;
}

section.yellow-lighter-bg {
  background: var(--color-yellow-lighter);
  color: var(--color-yellow-darker);
}
section.yellow-lighter-bg .svg-fill-bg {
  fill: var(--color-yellow-lighter);
}

.big-cta.yellow-lighter-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-yellow-lighter) 0%, rgba(var(--color-yellow-lighter-rgb), 0) 100%);
}

.big-cta.yellow-lighter-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-yellow-lighter) 0%, rgba(var(--color-yellow-lighter-rgb), 0) 100%);
}

.big-cta.fade-yellow-lighter.left .background-video:before,
.big-cta.fade-yellow-lighter.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-yellow-lighter-rgb), 0) 0%, rgba(var(--color-yellow-lighter-rgb), 0.9) 100%);
}

.big-cta.fade-yellow-lighter.right .background-video:before,
.big-cta.fade-yellow-lighter.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-yellow-lighter-rgb), 0) 0%, rgba(var(--color-yellow-lighter-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-yellow-lighter.left .background-video:before,
  .big-cta.fade-yellow-lighter.left .background-image:before,
  .big-cta.fade-yellow-lighter.right .background-video:before,
  .big-cta.fade-yellow-lighter.right .background-image:before {
    background: rgba(var(--color-yellow-lighter-rgb), 0.75);
  }
}
.has-yellow-light-color {
  color: var(--color-yellow-light);
}
.has-yellow-light-color a {
  color: var(--color-yellow-light);
}

.has-yellow-light-background-color {
  background: var(--color-yellow-light);
  color: var(--color-yellow-darker);
}
.has-yellow-light-background-color a {
  color: var(--color-yellow-darker);
}
.has-yellow-light-background-color.active {
  background: var(--color-yellow-light);
}
.has-yellow-light-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-yellow-light), white 10%) !important;
}

.hover-bg-yellow-light.active a, .hover-bg-yellow-light:hover a {
  color: var(--color-yellow-darker) !important;
}
.hover-bg-yellow-light.active svg, .hover-bg-yellow-light:hover svg {
  fill: var(--color-yellow-darker) !important;
}
.hover-bg-yellow-light:hover {
  background: color-mix(in srgb, var(--color-yellow-light), white 10%) !important;
  color: var(--color-yellow-darker) !important;
}
.hover-bg-yellow-light.fullcolor:hover {
  background: var(--color-yellow-light) !important;
  color: var(--color-yellow-darker) !important;
}
.hover-bg-yellow-light.active {
  background: var(--color-yellow-light) !important;
  color: var(--color-yellow-darker) !important;
}

.before-bg-yellow-light:before {
  background: var(--color-yellow-light) !important;
}

.active-bg-yellow-light.active .link {
  background: var(--color-yellow-light) !important;
}

.fill-yellow-light {
  fill: var(--color-yellow-light) !important;
}
.fill-yellow-light svg {
  fill: var(--color-yellow-light) !important;
}

section.yellow-light-bg {
  background: var(--color-yellow-light);
  color: var(--color-yellow-darker);
}
section.yellow-light-bg .svg-fill-bg {
  fill: var(--color-yellow-light);
}

.big-cta.yellow-light-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-yellow-light) 0%, rgba(var(--color-yellow-light-rgb), 0) 100%);
}

.big-cta.yellow-light-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-yellow-light) 0%, rgba(var(--color-yellow-light-rgb), 0) 100%);
}

.big-cta.fade-yellow-light.left .background-video:before,
.big-cta.fade-yellow-light.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-yellow-light-rgb), 0) 0%, rgba(var(--color-yellow-light-rgb), 0.9) 100%);
}

.big-cta.fade-yellow-light.right .background-video:before,
.big-cta.fade-yellow-light.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-yellow-light-rgb), 0) 0%, rgba(var(--color-yellow-light-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-yellow-light.left .background-video:before,
  .big-cta.fade-yellow-light.left .background-image:before,
  .big-cta.fade-yellow-light.right .background-video:before,
  .big-cta.fade-yellow-light.right .background-image:before {
    background: rgba(var(--color-yellow-light-rgb), 0.75);
  }
}
.has-yellow-color {
  color: var(--color-yellow);
}
.has-yellow-color a {
  color: var(--color-yellow);
}

.has-yellow-background-color {
  background: var(--color-yellow);
  color: var(--color-black);
}
.has-yellow-background-color a {
  color: var(--color-black);
}
.has-yellow-background-color.active {
  background: var(--color-yellow);
}
.has-yellow-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-yellow), white 10%) !important;
}

.hover-bg-yellow.active a, .hover-bg-yellow:hover a {
  color: var(--color-black) !important;
}
.hover-bg-yellow.active svg, .hover-bg-yellow:hover svg {
  fill: var(--color-black) !important;
}
.hover-bg-yellow:hover {
  background: color-mix(in srgb, var(--color-yellow), white 10%) !important;
  color: var(--color-black) !important;
}
.hover-bg-yellow.fullcolor:hover {
  background: var(--color-yellow) !important;
  color: var(--color-black) !important;
}
.hover-bg-yellow.active {
  background: var(--color-yellow) !important;
  color: var(--color-black) !important;
}

.before-bg-yellow:before {
  background: var(--color-yellow) !important;
}

.active-bg-yellow.active .link {
  background: var(--color-yellow) !important;
}

.fill-yellow {
  fill: var(--color-yellow) !important;
}
.fill-yellow svg {
  fill: var(--color-yellow) !important;
}

section.yellow-bg {
  background: var(--color-yellow);
  color: var(--color-black);
}
section.yellow-bg .svg-fill-bg {
  fill: var(--color-yellow);
}

.big-cta.yellow-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-yellow) 0%, rgba(var(--color-yellow-rgb), 0) 100%);
}

.big-cta.yellow-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-yellow) 0%, rgba(var(--color-yellow-rgb), 0) 100%);
}

.big-cta.fade-yellow.left .background-video:before,
.big-cta.fade-yellow.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-yellow-rgb), 0) 0%, rgba(var(--color-yellow-rgb), 0.9) 100%);
}

.big-cta.fade-yellow.right .background-video:before,
.big-cta.fade-yellow.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-yellow-rgb), 0) 0%, rgba(var(--color-yellow-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-yellow.left .background-video:before,
  .big-cta.fade-yellow.left .background-image:before,
  .big-cta.fade-yellow.right .background-video:before,
  .big-cta.fade-yellow.right .background-image:before {
    background: rgba(var(--color-yellow-rgb), 0.75);
  }
}
.has-yellow-dark-color {
  color: var(--color-yellow-dark);
}
.has-yellow-dark-color a {
  color: var(--color-yellow-dark);
}

.has-yellow-dark-background-color {
  background: var(--color-yellow-dark);
  color: var(--color-white);
}
.has-yellow-dark-background-color a {
  color: var(--color-white);
}
.has-yellow-dark-background-color.active {
  background: var(--color-yellow-dark);
}
.has-yellow-dark-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-yellow-dark), white 10%) !important;
}

.hover-bg-yellow-dark.active a, .hover-bg-yellow-dark:hover a {
  color: var(--color-white) !important;
}
.hover-bg-yellow-dark.active svg, .hover-bg-yellow-dark:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-yellow-dark:hover {
  background: color-mix(in srgb, var(--color-yellow-dark), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-yellow-dark.fullcolor:hover {
  background: var(--color-yellow-dark) !important;
  color: var(--color-white) !important;
}
.hover-bg-yellow-dark.active {
  background: var(--color-yellow-dark) !important;
  color: var(--color-white) !important;
}

.before-bg-yellow-dark:before {
  background: var(--color-yellow-dark) !important;
}

.active-bg-yellow-dark.active .link {
  background: var(--color-yellow-dark) !important;
}

.fill-yellow-dark {
  fill: var(--color-yellow-dark) !important;
}
.fill-yellow-dark svg {
  fill: var(--color-yellow-dark) !important;
}

section.yellow-dark-bg {
  background: var(--color-yellow-dark);
  color: var(--color-white);
}
section.yellow-dark-bg .svg-fill-bg {
  fill: var(--color-yellow-dark);
}

.big-cta.yellow-dark-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-yellow-dark) 0%, rgba(var(--color-yellow-dark-rgb), 0) 100%);
}

.big-cta.yellow-dark-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-yellow-dark) 0%, rgba(var(--color-yellow-dark-rgb), 0) 100%);
}

.big-cta.fade-yellow-dark.left .background-video:before,
.big-cta.fade-yellow-dark.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-yellow-dark-rgb), 0) 0%, rgba(var(--color-yellow-dark-rgb), 0.9) 100%);
}

.big-cta.fade-yellow-dark.right .background-video:before,
.big-cta.fade-yellow-dark.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-yellow-dark-rgb), 0) 0%, rgba(var(--color-yellow-dark-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-yellow-dark.left .background-video:before,
  .big-cta.fade-yellow-dark.left .background-image:before,
  .big-cta.fade-yellow-dark.right .background-video:before,
  .big-cta.fade-yellow-dark.right .background-image:before {
    background: rgba(var(--color-yellow-dark-rgb), 0.75);
  }
}
.has-yellow-darker-color {
  color: var(--color-yellow-darker);
}
.has-yellow-darker-color a {
  color: var(--color-yellow-darker);
}

.has-yellow-darker-background-color {
  background: var(--color-yellow-darker);
  color: var(--color-white);
}
.has-yellow-darker-background-color a {
  color: var(--color-white);
}
.has-yellow-darker-background-color.active {
  background: var(--color-yellow-darker);
}
.has-yellow-darker-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-yellow-darker), white 10%) !important;
}

.hover-bg-yellow-darker.active a, .hover-bg-yellow-darker:hover a {
  color: var(--color-white) !important;
}
.hover-bg-yellow-darker.active svg, .hover-bg-yellow-darker:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-yellow-darker:hover {
  background: color-mix(in srgb, var(--color-yellow-darker), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-yellow-darker.fullcolor:hover {
  background: var(--color-yellow-darker) !important;
  color: var(--color-white) !important;
}
.hover-bg-yellow-darker.active {
  background: var(--color-yellow-darker) !important;
  color: var(--color-white) !important;
}

.before-bg-yellow-darker:before {
  background: var(--color-yellow-darker) !important;
}

.active-bg-yellow-darker.active .link {
  background: var(--color-yellow-darker) !important;
}

.fill-yellow-darker {
  fill: var(--color-yellow-darker) !important;
}
.fill-yellow-darker svg {
  fill: var(--color-yellow-darker) !important;
}

section.yellow-darker-bg {
  background: var(--color-yellow-darker);
  color: var(--color-white);
}
section.yellow-darker-bg .svg-fill-bg {
  fill: var(--color-yellow-darker);
}

.big-cta.yellow-darker-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-yellow-darker) 0%, rgba(var(--color-yellow-darker-rgb), 0) 100%);
}

.big-cta.yellow-darker-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-yellow-darker) 0%, rgba(var(--color-yellow-darker-rgb), 0) 100%);
}

.big-cta.fade-yellow-darker.left .background-video:before,
.big-cta.fade-yellow-darker.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-yellow-darker-rgb), 0) 0%, rgba(var(--color-yellow-darker-rgb), 0.9) 100%);
}

.big-cta.fade-yellow-darker.right .background-video:before,
.big-cta.fade-yellow-darker.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-yellow-darker-rgb), 0) 0%, rgba(var(--color-yellow-darker-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-yellow-darker.left .background-video:before,
  .big-cta.fade-yellow-darker.left .background-image:before,
  .big-cta.fade-yellow-darker.right .background-video:before,
  .big-cta.fade-yellow-darker.right .background-image:before {
    background: rgba(var(--color-yellow-darker-rgb), 0.75);
  }
}
.has-orange-lighter-color {
  color: var(--color-orange-lighter);
}
.has-orange-lighter-color a {
  color: var(--color-orange-lighter);
}

.has-orange-lighter-background-color {
  background: var(--color-orange-lighter);
  color: var(--color-orange-darker);
}
.has-orange-lighter-background-color a {
  color: var(--color-orange-darker);
}
.has-orange-lighter-background-color.active {
  background: var(--color-orange-lighter);
}
.has-orange-lighter-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-orange-lighter), white 10%) !important;
}

.hover-bg-orange-lighter.active a, .hover-bg-orange-lighter:hover a {
  color: var(--color-orange-darker) !important;
}
.hover-bg-orange-lighter.active svg, .hover-bg-orange-lighter:hover svg {
  fill: var(--color-orange-darker) !important;
}
.hover-bg-orange-lighter:hover {
  background: color-mix(in srgb, var(--color-orange-lighter), white 10%) !important;
  color: var(--color-orange-darker) !important;
}
.hover-bg-orange-lighter.fullcolor:hover {
  background: var(--color-orange-lighter) !important;
  color: var(--color-orange-darker) !important;
}
.hover-bg-orange-lighter.active {
  background: var(--color-orange-lighter) !important;
  color: var(--color-orange-darker) !important;
}

.before-bg-orange-lighter:before {
  background: var(--color-orange-lighter) !important;
}

.active-bg-orange-lighter.active .link {
  background: var(--color-orange-lighter) !important;
}

.fill-orange-lighter {
  fill: var(--color-orange-lighter) !important;
}
.fill-orange-lighter svg {
  fill: var(--color-orange-lighter) !important;
}

section.orange-lighter-bg {
  background: var(--color-orange-lighter);
  color: var(--color-orange-darker);
}
section.orange-lighter-bg .svg-fill-bg {
  fill: var(--color-orange-lighter);
}

.big-cta.orange-lighter-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-orange-lighter) 0%, rgba(var(--color-orange-lighter-rgb), 0) 100%);
}

.big-cta.orange-lighter-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-orange-lighter) 0%, rgba(var(--color-orange-lighter-rgb), 0) 100%);
}

.big-cta.fade-orange-lighter.left .background-video:before,
.big-cta.fade-orange-lighter.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-orange-lighter-rgb), 0) 0%, rgba(var(--color-orange-lighter-rgb), 0.9) 100%);
}

.big-cta.fade-orange-lighter.right .background-video:before,
.big-cta.fade-orange-lighter.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-orange-lighter-rgb), 0) 0%, rgba(var(--color-orange-lighter-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-orange-lighter.left .background-video:before,
  .big-cta.fade-orange-lighter.left .background-image:before,
  .big-cta.fade-orange-lighter.right .background-video:before,
  .big-cta.fade-orange-lighter.right .background-image:before {
    background: rgba(var(--color-orange-lighter-rgb), 0.75);
  }
}
.has-orange-light-color {
  color: var(--color-orange-light);
}
.has-orange-light-color a {
  color: var(--color-orange-light);
}

.has-orange-light-background-color {
  background: var(--color-orange-light);
  color: var(--color-orange-darker);
}
.has-orange-light-background-color a {
  color: var(--color-orange-darker);
}
.has-orange-light-background-color.active {
  background: var(--color-orange-light);
}
.has-orange-light-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-orange-light), white 10%) !important;
}

.hover-bg-orange-light.active a, .hover-bg-orange-light:hover a {
  color: var(--color-orange-darker) !important;
}
.hover-bg-orange-light.active svg, .hover-bg-orange-light:hover svg {
  fill: var(--color-orange-darker) !important;
}
.hover-bg-orange-light:hover {
  background: color-mix(in srgb, var(--color-orange-light), white 10%) !important;
  color: var(--color-orange-darker) !important;
}
.hover-bg-orange-light.fullcolor:hover {
  background: var(--color-orange-light) !important;
  color: var(--color-orange-darker) !important;
}
.hover-bg-orange-light.active {
  background: var(--color-orange-light) !important;
  color: var(--color-orange-darker) !important;
}

.before-bg-orange-light:before {
  background: var(--color-orange-light) !important;
}

.active-bg-orange-light.active .link {
  background: var(--color-orange-light) !important;
}

.fill-orange-light {
  fill: var(--color-orange-light) !important;
}
.fill-orange-light svg {
  fill: var(--color-orange-light) !important;
}

section.orange-light-bg {
  background: var(--color-orange-light);
  color: var(--color-orange-darker);
}
section.orange-light-bg .svg-fill-bg {
  fill: var(--color-orange-light);
}

.big-cta.orange-light-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-orange-light) 0%, rgba(var(--color-orange-light-rgb), 0) 100%);
}

.big-cta.orange-light-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-orange-light) 0%, rgba(var(--color-orange-light-rgb), 0) 100%);
}

.big-cta.fade-orange-light.left .background-video:before,
.big-cta.fade-orange-light.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-orange-light-rgb), 0) 0%, rgba(var(--color-orange-light-rgb), 0.9) 100%);
}

.big-cta.fade-orange-light.right .background-video:before,
.big-cta.fade-orange-light.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-orange-light-rgb), 0) 0%, rgba(var(--color-orange-light-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-orange-light.left .background-video:before,
  .big-cta.fade-orange-light.left .background-image:before,
  .big-cta.fade-orange-light.right .background-video:before,
  .big-cta.fade-orange-light.right .background-image:before {
    background: rgba(var(--color-orange-light-rgb), 0.75);
  }
}
.has-orange-color {
  color: var(--color-orange);
}
.has-orange-color a {
  color: var(--color-orange);
}

.has-orange-background-color {
  background: var(--color-orange);
  color: var(--color-black);
}
.has-orange-background-color a {
  color: var(--color-black);
}
.has-orange-background-color.active {
  background: var(--color-orange);
}
.has-orange-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-orange), white 10%) !important;
}

.hover-bg-orange.active a, .hover-bg-orange:hover a {
  color: var(--color-black) !important;
}
.hover-bg-orange.active svg, .hover-bg-orange:hover svg {
  fill: var(--color-black) !important;
}
.hover-bg-orange:hover {
  background: color-mix(in srgb, var(--color-orange), white 10%) !important;
  color: var(--color-black) !important;
}
.hover-bg-orange.fullcolor:hover {
  background: var(--color-orange) !important;
  color: var(--color-black) !important;
}
.hover-bg-orange.active {
  background: var(--color-orange) !important;
  color: var(--color-black) !important;
}

.before-bg-orange:before {
  background: var(--color-orange) !important;
}

.active-bg-orange.active .link {
  background: var(--color-orange) !important;
}

.fill-orange {
  fill: var(--color-orange) !important;
}
.fill-orange svg {
  fill: var(--color-orange) !important;
}

section.orange-bg {
  background: var(--color-orange);
  color: var(--color-black);
}
section.orange-bg .svg-fill-bg {
  fill: var(--color-orange);
}

.big-cta.orange-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-orange) 0%, rgba(var(--color-orange-rgb), 0) 100%);
}

.big-cta.orange-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-orange) 0%, rgba(var(--color-orange-rgb), 0) 100%);
}

.big-cta.fade-orange.left .background-video:before,
.big-cta.fade-orange.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-orange-rgb), 0) 0%, rgba(var(--color-orange-rgb), 0.9) 100%);
}

.big-cta.fade-orange.right .background-video:before,
.big-cta.fade-orange.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-orange-rgb), 0) 0%, rgba(var(--color-orange-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-orange.left .background-video:before,
  .big-cta.fade-orange.left .background-image:before,
  .big-cta.fade-orange.right .background-video:before,
  .big-cta.fade-orange.right .background-image:before {
    background: rgba(var(--color-orange-rgb), 0.75);
  }
}
.has-orange-dark-color {
  color: var(--color-orange-dark);
}
.has-orange-dark-color a {
  color: var(--color-orange-dark);
}

.has-orange-dark-background-color {
  background: var(--color-orange-dark);
  color: var(--color-white);
}
.has-orange-dark-background-color a {
  color: var(--color-white);
}
.has-orange-dark-background-color.active {
  background: var(--color-orange-dark);
}
.has-orange-dark-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-orange-dark), white 10%) !important;
}

.hover-bg-orange-dark.active a, .hover-bg-orange-dark:hover a {
  color: var(--color-white) !important;
}
.hover-bg-orange-dark.active svg, .hover-bg-orange-dark:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-orange-dark:hover {
  background: color-mix(in srgb, var(--color-orange-dark), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-orange-dark.fullcolor:hover {
  background: var(--color-orange-dark) !important;
  color: var(--color-white) !important;
}
.hover-bg-orange-dark.active {
  background: var(--color-orange-dark) !important;
  color: var(--color-white) !important;
}

.before-bg-orange-dark:before {
  background: var(--color-orange-dark) !important;
}

.active-bg-orange-dark.active .link {
  background: var(--color-orange-dark) !important;
}

.fill-orange-dark {
  fill: var(--color-orange-dark) !important;
}
.fill-orange-dark svg {
  fill: var(--color-orange-dark) !important;
}

section.orange-dark-bg {
  background: var(--color-orange-dark);
  color: var(--color-white);
}
section.orange-dark-bg .svg-fill-bg {
  fill: var(--color-orange-dark);
}

.big-cta.orange-dark-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-orange-dark) 0%, rgba(var(--color-orange-dark-rgb), 0) 100%);
}

.big-cta.orange-dark-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-orange-dark) 0%, rgba(var(--color-orange-dark-rgb), 0) 100%);
}

.big-cta.fade-orange-dark.left .background-video:before,
.big-cta.fade-orange-dark.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-orange-dark-rgb), 0) 0%, rgba(var(--color-orange-dark-rgb), 0.9) 100%);
}

.big-cta.fade-orange-dark.right .background-video:before,
.big-cta.fade-orange-dark.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-orange-dark-rgb), 0) 0%, rgba(var(--color-orange-dark-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-orange-dark.left .background-video:before,
  .big-cta.fade-orange-dark.left .background-image:before,
  .big-cta.fade-orange-dark.right .background-video:before,
  .big-cta.fade-orange-dark.right .background-image:before {
    background: rgba(var(--color-orange-dark-rgb), 0.75);
  }
}
.has-orange-darker-color {
  color: var(--color-orange-darker);
}
.has-orange-darker-color a {
  color: var(--color-orange-darker);
}

.has-orange-darker-background-color {
  background: var(--color-orange-darker);
  color: var(--color-white);
}
.has-orange-darker-background-color a {
  color: var(--color-white);
}
.has-orange-darker-background-color.active {
  background: var(--color-orange-darker);
}
.has-orange-darker-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-orange-darker), white 10%) !important;
}

.hover-bg-orange-darker.active a, .hover-bg-orange-darker:hover a {
  color: var(--color-white) !important;
}
.hover-bg-orange-darker.active svg, .hover-bg-orange-darker:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-orange-darker:hover {
  background: color-mix(in srgb, var(--color-orange-darker), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-orange-darker.fullcolor:hover {
  background: var(--color-orange-darker) !important;
  color: var(--color-white) !important;
}
.hover-bg-orange-darker.active {
  background: var(--color-orange-darker) !important;
  color: var(--color-white) !important;
}

.before-bg-orange-darker:before {
  background: var(--color-orange-darker) !important;
}

.active-bg-orange-darker.active .link {
  background: var(--color-orange-darker) !important;
}

.fill-orange-darker {
  fill: var(--color-orange-darker) !important;
}
.fill-orange-darker svg {
  fill: var(--color-orange-darker) !important;
}

section.orange-darker-bg {
  background: var(--color-orange-darker);
  color: var(--color-white);
}
section.orange-darker-bg .svg-fill-bg {
  fill: var(--color-orange-darker);
}

.big-cta.orange-darker-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-orange-darker) 0%, rgba(var(--color-orange-darker-rgb), 0) 100%);
}

.big-cta.orange-darker-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-orange-darker) 0%, rgba(var(--color-orange-darker-rgb), 0) 100%);
}

.big-cta.fade-orange-darker.left .background-video:before,
.big-cta.fade-orange-darker.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-orange-darker-rgb), 0) 0%, rgba(var(--color-orange-darker-rgb), 0.9) 100%);
}

.big-cta.fade-orange-darker.right .background-video:before,
.big-cta.fade-orange-darker.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-orange-darker-rgb), 0) 0%, rgba(var(--color-orange-darker-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-orange-darker.left .background-video:before,
  .big-cta.fade-orange-darker.left .background-image:before,
  .big-cta.fade-orange-darker.right .background-video:before,
  .big-cta.fade-orange-darker.right .background-image:before {
    background: rgba(var(--color-orange-darker-rgb), 0.75);
  }
}
.has-red-lighter-color {
  color: var(--color-red-lighter);
}
.has-red-lighter-color a {
  color: var(--color-red-lighter);
}

.has-red-lighter-background-color {
  background: var(--color-red-lighter);
  color: var(--color-red-dark);
}
.has-red-lighter-background-color a {
  color: var(--color-red-dark);
}
.has-red-lighter-background-color.active {
  background: var(--color-red-lighter);
}
.has-red-lighter-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-red-lighter), white 10%) !important;
}

.hover-bg-red-lighter.active a, .hover-bg-red-lighter:hover a {
  color: var(--color-red-dark) !important;
}
.hover-bg-red-lighter.active svg, .hover-bg-red-lighter:hover svg {
  fill: var(--color-red-dark) !important;
}
.hover-bg-red-lighter:hover {
  background: color-mix(in srgb, var(--color-red-lighter), white 10%) !important;
  color: var(--color-red-dark) !important;
}
.hover-bg-red-lighter.fullcolor:hover {
  background: var(--color-red-lighter) !important;
  color: var(--color-red-dark) !important;
}
.hover-bg-red-lighter.active {
  background: var(--color-red-lighter) !important;
  color: var(--color-red-dark) !important;
}

.before-bg-red-lighter:before {
  background: var(--color-red-lighter) !important;
}

.active-bg-red-lighter.active .link {
  background: var(--color-red-lighter) !important;
}

.fill-red-lighter {
  fill: var(--color-red-lighter) !important;
}
.fill-red-lighter svg {
  fill: var(--color-red-lighter) !important;
}

section.red-lighter-bg {
  background: var(--color-red-lighter);
  color: var(--color-red-dark);
}
section.red-lighter-bg .svg-fill-bg {
  fill: var(--color-red-lighter);
}

.big-cta.red-lighter-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-red-lighter) 0%, rgba(var(--color-red-lighter-rgb), 0) 100%);
}

.big-cta.red-lighter-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-red-lighter) 0%, rgba(var(--color-red-lighter-rgb), 0) 100%);
}

.big-cta.fade-red-lighter.left .background-video:before,
.big-cta.fade-red-lighter.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-red-lighter-rgb), 0) 0%, rgba(var(--color-red-lighter-rgb), 0.9) 100%);
}

.big-cta.fade-red-lighter.right .background-video:before,
.big-cta.fade-red-lighter.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-red-lighter-rgb), 0) 0%, rgba(var(--color-red-lighter-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-red-lighter.left .background-video:before,
  .big-cta.fade-red-lighter.left .background-image:before,
  .big-cta.fade-red-lighter.right .background-video:before,
  .big-cta.fade-red-lighter.right .background-image:before {
    background: rgba(var(--color-red-lighter-rgb), 0.75);
  }
}
.has-red-light-color {
  color: var(--color-red-light);
}
.has-red-light-color a {
  color: var(--color-red-light);
}

.has-red-light-background-color {
  background: var(--color-red-light);
  color: var(--color-red-darker);
}
.has-red-light-background-color a {
  color: var(--color-red-darker);
}
.has-red-light-background-color.active {
  background: var(--color-red-light);
}
.has-red-light-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-red-light), white 10%) !important;
}

.hover-bg-red-light.active a, .hover-bg-red-light:hover a {
  color: var(--color-red-darker) !important;
}
.hover-bg-red-light.active svg, .hover-bg-red-light:hover svg {
  fill: var(--color-red-darker) !important;
}
.hover-bg-red-light:hover {
  background: color-mix(in srgb, var(--color-red-light), white 10%) !important;
  color: var(--color-red-darker) !important;
}
.hover-bg-red-light.fullcolor:hover {
  background: var(--color-red-light) !important;
  color: var(--color-red-darker) !important;
}
.hover-bg-red-light.active {
  background: var(--color-red-light) !important;
  color: var(--color-red-darker) !important;
}

.before-bg-red-light:before {
  background: var(--color-red-light) !important;
}

.active-bg-red-light.active .link {
  background: var(--color-red-light) !important;
}

.fill-red-light {
  fill: var(--color-red-light) !important;
}
.fill-red-light svg {
  fill: var(--color-red-light) !important;
}

section.red-light-bg {
  background: var(--color-red-light);
  color: var(--color-red-darker);
}
section.red-light-bg .svg-fill-bg {
  fill: var(--color-red-light);
}

.big-cta.red-light-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-red-light) 0%, rgba(var(--color-red-light-rgb), 0) 100%);
}

.big-cta.red-light-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-red-light) 0%, rgba(var(--color-red-light-rgb), 0) 100%);
}

.big-cta.fade-red-light.left .background-video:before,
.big-cta.fade-red-light.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-red-light-rgb), 0) 0%, rgba(var(--color-red-light-rgb), 0.9) 100%);
}

.big-cta.fade-red-light.right .background-video:before,
.big-cta.fade-red-light.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-red-light-rgb), 0) 0%, rgba(var(--color-red-light-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-red-light.left .background-video:before,
  .big-cta.fade-red-light.left .background-image:before,
  .big-cta.fade-red-light.right .background-video:before,
  .big-cta.fade-red-light.right .background-image:before {
    background: rgba(var(--color-red-light-rgb), 0.75);
  }
}
.has-red-color {
  color: var(--color-red);
}
.has-red-color a {
  color: var(--color-red);
}

.has-red-background-color {
  background: var(--color-red);
  color: var(--color-white);
}
.has-red-background-color a {
  color: var(--color-white);
}
.has-red-background-color.active {
  background: var(--color-red);
}
.has-red-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-red), white 10%) !important;
}

.hover-bg-red.active a, .hover-bg-red:hover a {
  color: var(--color-white) !important;
}
.hover-bg-red.active svg, .hover-bg-red:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-red:hover {
  background: color-mix(in srgb, var(--color-red), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-red.fullcolor:hover {
  background: var(--color-red) !important;
  color: var(--color-white) !important;
}
.hover-bg-red.active {
  background: var(--color-red) !important;
  color: var(--color-white) !important;
}

.before-bg-red:before {
  background: var(--color-red) !important;
}

.active-bg-red.active .link {
  background: var(--color-red) !important;
}

.fill-red {
  fill: var(--color-red) !important;
}
.fill-red svg {
  fill: var(--color-red) !important;
}

section.red-bg {
  background: var(--color-red);
  color: var(--color-white);
}
section.red-bg .svg-fill-bg {
  fill: var(--color-red);
}

.big-cta.red-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-red) 0%, rgba(var(--color-red-rgb), 0) 100%);
}

.big-cta.red-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-red) 0%, rgba(var(--color-red-rgb), 0) 100%);
}

.big-cta.fade-red.left .background-video:before,
.big-cta.fade-red.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-red-rgb), 0) 0%, rgba(var(--color-red-rgb), 0.9) 100%);
}

.big-cta.fade-red.right .background-video:before,
.big-cta.fade-red.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-red-rgb), 0) 0%, rgba(var(--color-red-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-red.left .background-video:before,
  .big-cta.fade-red.left .background-image:before,
  .big-cta.fade-red.right .background-video:before,
  .big-cta.fade-red.right .background-image:before {
    background: rgba(var(--color-red-rgb), 0.75);
  }
}
.has-red-dark-color {
  color: var(--color-red-dark);
}
.has-red-dark-color a {
  color: var(--color-red-dark);
}

.has-red-dark-background-color {
  background: var(--color-red-dark);
  color: var(--color-white);
}
.has-red-dark-background-color a {
  color: var(--color-white);
}
.has-red-dark-background-color.active {
  background: var(--color-red-dark);
}
.has-red-dark-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-red-dark), white 10%) !important;
}

.hover-bg-red-dark.active a, .hover-bg-red-dark:hover a {
  color: var(--color-white) !important;
}
.hover-bg-red-dark.active svg, .hover-bg-red-dark:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-red-dark:hover {
  background: color-mix(in srgb, var(--color-red-dark), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-red-dark.fullcolor:hover {
  background: var(--color-red-dark) !important;
  color: var(--color-white) !important;
}
.hover-bg-red-dark.active {
  background: var(--color-red-dark) !important;
  color: var(--color-white) !important;
}

.before-bg-red-dark:before {
  background: var(--color-red-dark) !important;
}

.active-bg-red-dark.active .link {
  background: var(--color-red-dark) !important;
}

.fill-red-dark {
  fill: var(--color-red-dark) !important;
}
.fill-red-dark svg {
  fill: var(--color-red-dark) !important;
}

section.red-dark-bg {
  background: var(--color-red-dark);
  color: var(--color-white);
}
section.red-dark-bg .svg-fill-bg {
  fill: var(--color-red-dark);
}

.big-cta.red-dark-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-red-dark) 0%, rgba(var(--color-red-dark-rgb), 0) 100%);
}

.big-cta.red-dark-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-red-dark) 0%, rgba(var(--color-red-dark-rgb), 0) 100%);
}

.big-cta.fade-red-dark.left .background-video:before,
.big-cta.fade-red-dark.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-red-dark-rgb), 0) 0%, rgba(var(--color-red-dark-rgb), 0.9) 100%);
}

.big-cta.fade-red-dark.right .background-video:before,
.big-cta.fade-red-dark.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-red-dark-rgb), 0) 0%, rgba(var(--color-red-dark-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-red-dark.left .background-video:before,
  .big-cta.fade-red-dark.left .background-image:before,
  .big-cta.fade-red-dark.right .background-video:before,
  .big-cta.fade-red-dark.right .background-image:before {
    background: rgba(var(--color-red-dark-rgb), 0.75);
  }
}
.has-red-darker-color {
  color: var(--color-red-darker);
}
.has-red-darker-color a {
  color: var(--color-red-darker);
}

.has-red-darker-background-color {
  background: var(--color-red-darker);
  color: var(--color-white);
}
.has-red-darker-background-color a {
  color: var(--color-white);
}
.has-red-darker-background-color.active {
  background: var(--color-red-darker);
}
.has-red-darker-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-red-darker), white 10%) !important;
}

.hover-bg-red-darker.active a, .hover-bg-red-darker:hover a {
  color: var(--color-white) !important;
}
.hover-bg-red-darker.active svg, .hover-bg-red-darker:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-red-darker:hover {
  background: color-mix(in srgb, var(--color-red-darker), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-red-darker.fullcolor:hover {
  background: var(--color-red-darker) !important;
  color: var(--color-white) !important;
}
.hover-bg-red-darker.active {
  background: var(--color-red-darker) !important;
  color: var(--color-white) !important;
}

.before-bg-red-darker:before {
  background: var(--color-red-darker) !important;
}

.active-bg-red-darker.active .link {
  background: var(--color-red-darker) !important;
}

.fill-red-darker {
  fill: var(--color-red-darker) !important;
}
.fill-red-darker svg {
  fill: var(--color-red-darker) !important;
}

section.red-darker-bg {
  background: var(--color-red-darker);
  color: var(--color-white);
}
section.red-darker-bg .svg-fill-bg {
  fill: var(--color-red-darker);
}

.big-cta.red-darker-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-red-darker) 0%, rgba(var(--color-red-darker-rgb), 0) 100%);
}

.big-cta.red-darker-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-red-darker) 0%, rgba(var(--color-red-darker-rgb), 0) 100%);
}

.big-cta.fade-red-darker.left .background-video:before,
.big-cta.fade-red-darker.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-red-darker-rgb), 0) 0%, rgba(var(--color-red-darker-rgb), 0.9) 100%);
}

.big-cta.fade-red-darker.right .background-video:before,
.big-cta.fade-red-darker.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-red-darker-rgb), 0) 0%, rgba(var(--color-red-darker-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-red-darker.left .background-video:before,
  .big-cta.fade-red-darker.left .background-image:before,
  .big-cta.fade-red-darker.right .background-video:before,
  .big-cta.fade-red-darker.right .background-image:before {
    background: rgba(var(--color-red-darker-rgb), 0.75);
  }
}
.has-white-color {
  color: var(--color-white);
}
.has-white-color a {
  color: var(--color-white);
}

.has-white-background-color {
  background: var(--color-white);
  color: var(--color-black);
}
.has-white-background-color a {
  color: var(--color-black);
}
.has-white-background-color.active {
  background: var(--color-white);
}
.has-white-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-white), white 10%) !important;
}

.hover-bg-white.active a, .hover-bg-white:hover a {
  color: var(--color-black) !important;
}
.hover-bg-white.active svg, .hover-bg-white:hover svg {
  fill: var(--color-black) !important;
}
.hover-bg-white:hover {
  background: color-mix(in srgb, var(--color-white), white 10%) !important;
  color: var(--color-black) !important;
}
.hover-bg-white.fullcolor:hover {
  background: var(--color-white) !important;
  color: var(--color-black) !important;
}
.hover-bg-white.active {
  background: var(--color-white) !important;
  color: var(--color-black) !important;
}

.before-bg-white:before {
  background: var(--color-white) !important;
}

.active-bg-white.active .link {
  background: var(--color-white) !important;
}

.fill-white {
  fill: var(--color-white) !important;
}
.fill-white svg {
  fill: var(--color-white) !important;
}

section.white-bg {
  background: var(--color-white);
  color: var(--color-black);
}
section.white-bg .svg-fill-bg {
  fill: var(--color-white);
}

.big-cta.white-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-white) 0%, rgba(var(--color-white-rgb), 0) 100%);
}

.big-cta.white-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-white) 0%, rgba(var(--color-white-rgb), 0) 100%);
}

.big-cta.fade-white.left .background-video:before,
.big-cta.fade-white.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-white-rgb), 0) 0%, rgba(var(--color-white-rgb), 0.9) 100%);
}

.big-cta.fade-white.right .background-video:before,
.big-cta.fade-white.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-white-rgb), 0) 0%, rgba(var(--color-white-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-white.left .background-video:before,
  .big-cta.fade-white.left .background-image:before,
  .big-cta.fade-white.right .background-video:before,
  .big-cta.fade-white.right .background-image:before {
    background: rgba(var(--color-white-rgb), 0.75);
  }
}
.has-grey-lighter-color {
  color: var(--color-grey-lighter);
}
.has-grey-lighter-color a {
  color: var(--color-grey-lighter);
}

.has-grey-lighter-background-color {
  background: var(--color-grey-lighter);
  color: var(--color-grey-darker);
}
.has-grey-lighter-background-color a {
  color: var(--color-grey-darker);
}
.has-grey-lighter-background-color.active {
  background: var(--color-grey-lighter);
}
.has-grey-lighter-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-grey-lighter), white 10%) !important;
}

.hover-bg-grey-lighter.active a, .hover-bg-grey-lighter:hover a {
  color: var(--color-grey-darker) !important;
}
.hover-bg-grey-lighter.active svg, .hover-bg-grey-lighter:hover svg {
  fill: var(--color-grey-darker) !important;
}
.hover-bg-grey-lighter:hover {
  background: color-mix(in srgb, var(--color-grey-lighter), white 10%) !important;
  color: var(--color-grey-darker) !important;
}
.hover-bg-grey-lighter.fullcolor:hover {
  background: var(--color-grey-lighter) !important;
  color: var(--color-grey-darker) !important;
}
.hover-bg-grey-lighter.active {
  background: var(--color-grey-lighter) !important;
  color: var(--color-grey-darker) !important;
}

.before-bg-grey-lighter:before {
  background: var(--color-grey-lighter) !important;
}

.active-bg-grey-lighter.active .link {
  background: var(--color-grey-lighter) !important;
}

.fill-grey-lighter {
  fill: var(--color-grey-lighter) !important;
}
.fill-grey-lighter svg {
  fill: var(--color-grey-lighter) !important;
}

section.grey-lighter-bg {
  background: var(--color-grey-lighter);
  color: var(--color-grey-darker);
}
section.grey-lighter-bg .svg-fill-bg {
  fill: var(--color-grey-lighter);
}

.big-cta.grey-lighter-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-grey-lighter) 0%, rgba(var(--color-grey-lighter-rgb), 0) 100%);
}

.big-cta.grey-lighter-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-grey-lighter) 0%, rgba(var(--color-grey-lighter-rgb), 0) 100%);
}

.big-cta.fade-grey-lighter.left .background-video:before,
.big-cta.fade-grey-lighter.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-grey-lighter-rgb), 0) 0%, rgba(var(--color-grey-lighter-rgb), 0.9) 100%);
}

.big-cta.fade-grey-lighter.right .background-video:before,
.big-cta.fade-grey-lighter.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-grey-lighter-rgb), 0) 0%, rgba(var(--color-grey-lighter-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-grey-lighter.left .background-video:before,
  .big-cta.fade-grey-lighter.left .background-image:before,
  .big-cta.fade-grey-lighter.right .background-video:before,
  .big-cta.fade-grey-lighter.right .background-image:before {
    background: rgba(var(--color-grey-lighter-rgb), 0.75);
  }
}
.has-grey-light-color {
  color: var(--color-grey-light);
}
.has-grey-light-color a {
  color: var(--color-grey-light);
}

.has-grey-light-background-color {
  background: var(--color-grey-light);
  color: var(--color-grey-dark);
}
.has-grey-light-background-color a {
  color: var(--color-grey-dark);
}
.has-grey-light-background-color.active {
  background: var(--color-grey-light);
}
.has-grey-light-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-grey-light), white 10%) !important;
}

.hover-bg-grey-light.active a, .hover-bg-grey-light:hover a {
  color: var(--color-grey-dark) !important;
}
.hover-bg-grey-light.active svg, .hover-bg-grey-light:hover svg {
  fill: var(--color-grey-dark) !important;
}
.hover-bg-grey-light:hover {
  background: color-mix(in srgb, var(--color-grey-light), white 10%) !important;
  color: var(--color-grey-dark) !important;
}
.hover-bg-grey-light.fullcolor:hover {
  background: var(--color-grey-light) !important;
  color: var(--color-grey-dark) !important;
}
.hover-bg-grey-light.active {
  background: var(--color-grey-light) !important;
  color: var(--color-grey-dark) !important;
}

.before-bg-grey-light:before {
  background: var(--color-grey-light) !important;
}

.active-bg-grey-light.active .link {
  background: var(--color-grey-light) !important;
}

.fill-grey-light {
  fill: var(--color-grey-light) !important;
}
.fill-grey-light svg {
  fill: var(--color-grey-light) !important;
}

section.grey-light-bg {
  background: var(--color-grey-light);
  color: var(--color-grey-dark);
}
section.grey-light-bg .svg-fill-bg {
  fill: var(--color-grey-light);
}

.big-cta.grey-light-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-grey-light) 0%, rgba(var(--color-grey-light-rgb), 0) 100%);
}

.big-cta.grey-light-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-grey-light) 0%, rgba(var(--color-grey-light-rgb), 0) 100%);
}

.big-cta.fade-grey-light.left .background-video:before,
.big-cta.fade-grey-light.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-grey-light-rgb), 0) 0%, rgba(var(--color-grey-light-rgb), 0.9) 100%);
}

.big-cta.fade-grey-light.right .background-video:before,
.big-cta.fade-grey-light.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-grey-light-rgb), 0) 0%, rgba(var(--color-grey-light-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-grey-light.left .background-video:before,
  .big-cta.fade-grey-light.left .background-image:before,
  .big-cta.fade-grey-light.right .background-video:before,
  .big-cta.fade-grey-light.right .background-image:before {
    background: rgba(var(--color-grey-light-rgb), 0.75);
  }
}
.has-grey-color {
  color: var(--color-grey);
}
.has-grey-color a {
  color: var(--color-grey);
}

.has-grey-background-color {
  background: var(--color-grey);
  color: var(--color-black);
}
.has-grey-background-color a {
  color: var(--color-black);
}
.has-grey-background-color.active {
  background: var(--color-grey);
}
.has-grey-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-grey), white 10%) !important;
}

.hover-bg-grey.active a, .hover-bg-grey:hover a {
  color: var(--color-black) !important;
}
.hover-bg-grey.active svg, .hover-bg-grey:hover svg {
  fill: var(--color-black) !important;
}
.hover-bg-grey:hover {
  background: color-mix(in srgb, var(--color-grey), white 10%) !important;
  color: var(--color-black) !important;
}
.hover-bg-grey.fullcolor:hover {
  background: var(--color-grey) !important;
  color: var(--color-black) !important;
}
.hover-bg-grey.active {
  background: var(--color-grey) !important;
  color: var(--color-black) !important;
}

.before-bg-grey:before {
  background: var(--color-grey) !important;
}

.active-bg-grey.active .link {
  background: var(--color-grey) !important;
}

.fill-grey {
  fill: var(--color-grey) !important;
}
.fill-grey svg {
  fill: var(--color-grey) !important;
}

section.grey-bg {
  background: var(--color-grey);
  color: var(--color-black);
}
section.grey-bg .svg-fill-bg {
  fill: var(--color-grey);
}

.big-cta.grey-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-grey) 0%, rgba(var(--color-grey-rgb), 0) 100%);
}

.big-cta.grey-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-grey) 0%, rgba(var(--color-grey-rgb), 0) 100%);
}

.big-cta.fade-grey.left .background-video:before,
.big-cta.fade-grey.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-grey-rgb), 0) 0%, rgba(var(--color-grey-rgb), 0.9) 100%);
}

.big-cta.fade-grey.right .background-video:before,
.big-cta.fade-grey.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-grey-rgb), 0) 0%, rgba(var(--color-grey-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-grey.left .background-video:before,
  .big-cta.fade-grey.left .background-image:before,
  .big-cta.fade-grey.right .background-video:before,
  .big-cta.fade-grey.right .background-image:before {
    background: rgba(var(--color-grey-rgb), 0.75);
  }
}
.has-grey-dark-color {
  color: var(--color-grey-dark);
}
.has-grey-dark-color a {
  color: var(--color-grey-dark);
}

.has-grey-dark-background-color {
  background: var(--color-grey-dark);
  color: var(--color-white);
}
.has-grey-dark-background-color a {
  color: var(--color-white);
}
.has-grey-dark-background-color.active {
  background: var(--color-grey-dark);
}
.has-grey-dark-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-grey-dark), white 10%) !important;
}

.hover-bg-grey-dark.active a, .hover-bg-grey-dark:hover a {
  color: var(--color-white) !important;
}
.hover-bg-grey-dark.active svg, .hover-bg-grey-dark:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-grey-dark:hover {
  background: color-mix(in srgb, var(--color-grey-dark), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-grey-dark.fullcolor:hover {
  background: var(--color-grey-dark) !important;
  color: var(--color-white) !important;
}
.hover-bg-grey-dark.active {
  background: var(--color-grey-dark) !important;
  color: var(--color-white) !important;
}

.before-bg-grey-dark:before {
  background: var(--color-grey-dark) !important;
}

.active-bg-grey-dark.active .link {
  background: var(--color-grey-dark) !important;
}

.fill-grey-dark {
  fill: var(--color-grey-dark) !important;
}
.fill-grey-dark svg {
  fill: var(--color-grey-dark) !important;
}

section.grey-dark-bg {
  background: var(--color-grey-dark);
  color: var(--color-white);
}
section.grey-dark-bg .svg-fill-bg {
  fill: var(--color-grey-dark);
}

.big-cta.grey-dark-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-grey-dark) 0%, rgba(var(--color-grey-dark-rgb), 0) 100%);
}

.big-cta.grey-dark-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-grey-dark) 0%, rgba(var(--color-grey-dark-rgb), 0) 100%);
}

.big-cta.fade-grey-dark.left .background-video:before,
.big-cta.fade-grey-dark.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-grey-dark-rgb), 0) 0%, rgba(var(--color-grey-dark-rgb), 0.9) 100%);
}

.big-cta.fade-grey-dark.right .background-video:before,
.big-cta.fade-grey-dark.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-grey-dark-rgb), 0) 0%, rgba(var(--color-grey-dark-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-grey-dark.left .background-video:before,
  .big-cta.fade-grey-dark.left .background-image:before,
  .big-cta.fade-grey-dark.right .background-video:before,
  .big-cta.fade-grey-dark.right .background-image:before {
    background: rgba(var(--color-grey-dark-rgb), 0.75);
  }
}
.has-grey-darker-color {
  color: var(--color-grey-darker);
}
.has-grey-darker-color a {
  color: var(--color-grey-darker);
}

.has-grey-darker-background-color {
  background: var(--color-grey-darker);
  color: var(--color-white);
}
.has-grey-darker-background-color a {
  color: var(--color-white);
}
.has-grey-darker-background-color.active {
  background: var(--color-grey-darker);
}
.has-grey-darker-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-grey-darker), white 10%) !important;
}

.hover-bg-grey-darker.active a, .hover-bg-grey-darker:hover a {
  color: var(--color-white) !important;
}
.hover-bg-grey-darker.active svg, .hover-bg-grey-darker:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-grey-darker:hover {
  background: color-mix(in srgb, var(--color-grey-darker), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-grey-darker.fullcolor:hover {
  background: var(--color-grey-darker) !important;
  color: var(--color-white) !important;
}
.hover-bg-grey-darker.active {
  background: var(--color-grey-darker) !important;
  color: var(--color-white) !important;
}

.before-bg-grey-darker:before {
  background: var(--color-grey-darker) !important;
}

.active-bg-grey-darker.active .link {
  background: var(--color-grey-darker) !important;
}

.fill-grey-darker {
  fill: var(--color-grey-darker) !important;
}
.fill-grey-darker svg {
  fill: var(--color-grey-darker) !important;
}

section.grey-darker-bg {
  background: var(--color-grey-darker);
  color: var(--color-white);
}
section.grey-darker-bg .svg-fill-bg {
  fill: var(--color-grey-darker);
}

.big-cta.grey-darker-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-grey-darker) 0%, rgba(var(--color-grey-darker-rgb), 0) 100%);
}

.big-cta.grey-darker-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-grey-darker) 0%, rgba(var(--color-grey-darker-rgb), 0) 100%);
}

.big-cta.fade-grey-darker.left .background-video:before,
.big-cta.fade-grey-darker.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-grey-darker-rgb), 0) 0%, rgba(var(--color-grey-darker-rgb), 0.9) 100%);
}

.big-cta.fade-grey-darker.right .background-video:before,
.big-cta.fade-grey-darker.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-grey-darker-rgb), 0) 0%, rgba(var(--color-grey-darker-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-grey-darker.left .background-video:before,
  .big-cta.fade-grey-darker.left .background-image:before,
  .big-cta.fade-grey-darker.right .background-video:before,
  .big-cta.fade-grey-darker.right .background-image:before {
    background: rgba(var(--color-grey-darker-rgb), 0.75);
  }
}
.has-dark-grey-color {
  color: var(--color-dark-grey);
}
.has-dark-grey-color a {
  color: var(--color-dark-grey);
}

.has-dark-grey-background-color {
  background: var(--color-dark-grey);
  color: var(--color-white);
}
.has-dark-grey-background-color a {
  color: var(--color-white);
}
.has-dark-grey-background-color.active {
  background: var(--color-dark-grey);
}
.has-dark-grey-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-dark-grey), white 10%) !important;
}

.hover-bg-dark-grey.active a, .hover-bg-dark-grey:hover a {
  color: var(--color-white) !important;
}
.hover-bg-dark-grey.active svg, .hover-bg-dark-grey:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-dark-grey:hover {
  background: color-mix(in srgb, var(--color-dark-grey), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-dark-grey.fullcolor:hover {
  background: var(--color-dark-grey) !important;
  color: var(--color-white) !important;
}
.hover-bg-dark-grey.active {
  background: var(--color-dark-grey) !important;
  color: var(--color-white) !important;
}

.before-bg-dark-grey:before {
  background: var(--color-dark-grey) !important;
}

.active-bg-dark-grey.active .link {
  background: var(--color-dark-grey) !important;
}

.fill-dark-grey {
  fill: var(--color-dark-grey) !important;
}
.fill-dark-grey svg {
  fill: var(--color-dark-grey) !important;
}

section.dark-grey-bg {
  background: var(--color-dark-grey);
  color: var(--color-white);
}
section.dark-grey-bg .svg-fill-bg {
  fill: var(--color-dark-grey);
}

.big-cta.dark-grey-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-dark-grey) 0%, rgba(var(--color-dark-grey-rgb), 0) 100%);
}

.big-cta.dark-grey-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-dark-grey) 0%, rgba(var(--color-dark-grey-rgb), 0) 100%);
}

.big-cta.fade-dark-grey.left .background-video:before,
.big-cta.fade-dark-grey.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-dark-grey-rgb), 0) 0%, rgba(var(--color-dark-grey-rgb), 0.9) 100%);
}

.big-cta.fade-dark-grey.right .background-video:before,
.big-cta.fade-dark-grey.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-dark-grey-rgb), 0) 0%, rgba(var(--color-dark-grey-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-dark-grey.left .background-video:before,
  .big-cta.fade-dark-grey.left .background-image:before,
  .big-cta.fade-dark-grey.right .background-video:before,
  .big-cta.fade-dark-grey.right .background-image:before {
    background: rgba(var(--color-dark-grey-rgb), 0.75);
  }
}
.has-darker-grey-color {
  color: var(--color-darker-grey);
}
.has-darker-grey-color a {
  color: var(--color-darker-grey);
}

.has-darker-grey-background-color {
  background: var(--color-darker-grey);
  color: var(--color-white);
}
.has-darker-grey-background-color a {
  color: var(--color-white);
}
.has-darker-grey-background-color.active {
  background: var(--color-darker-grey);
}
.has-darker-grey-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-darker-grey), white 10%) !important;
}

.hover-bg-darker-grey.active a, .hover-bg-darker-grey:hover a {
  color: var(--color-white) !important;
}
.hover-bg-darker-grey.active svg, .hover-bg-darker-grey:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-darker-grey:hover {
  background: color-mix(in srgb, var(--color-darker-grey), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-darker-grey.fullcolor:hover {
  background: var(--color-darker-grey) !important;
  color: var(--color-white) !important;
}
.hover-bg-darker-grey.active {
  background: var(--color-darker-grey) !important;
  color: var(--color-white) !important;
}

.before-bg-darker-grey:before {
  background: var(--color-darker-grey) !important;
}

.active-bg-darker-grey.active .link {
  background: var(--color-darker-grey) !important;
}

.fill-darker-grey {
  fill: var(--color-darker-grey) !important;
}
.fill-darker-grey svg {
  fill: var(--color-darker-grey) !important;
}

section.darker-grey-bg {
  background: var(--color-darker-grey);
  color: var(--color-white);
}
section.darker-grey-bg .svg-fill-bg {
  fill: var(--color-darker-grey);
}

.big-cta.darker-grey-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-darker-grey) 0%, rgba(var(--color-darker-grey-rgb), 0) 100%);
}

.big-cta.darker-grey-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-darker-grey) 0%, rgba(var(--color-darker-grey-rgb), 0) 100%);
}

.big-cta.fade-darker-grey.left .background-video:before,
.big-cta.fade-darker-grey.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-darker-grey-rgb), 0) 0%, rgba(var(--color-darker-grey-rgb), 0.9) 100%);
}

.big-cta.fade-darker-grey.right .background-video:before,
.big-cta.fade-darker-grey.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-darker-grey-rgb), 0) 0%, rgba(var(--color-darker-grey-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-darker-grey.left .background-video:before,
  .big-cta.fade-darker-grey.left .background-image:before,
  .big-cta.fade-darker-grey.right .background-video:before,
  .big-cta.fade-darker-grey.right .background-image:before {
    background: rgba(var(--color-darker-grey-rgb), 0.75);
  }
}
.has-black-color {
  color: var(--color-black);
}
.has-black-color a {
  color: var(--color-black);
}

.has-black-background-color {
  background: var(--color-black);
  color: var(--color-white);
}
.has-black-background-color a {
  color: var(--color-white);
}
.has-black-background-color.active {
  background: var(--color-black);
}
.has-black-background-color.hover:hover {
  background: color-mix(in srgb, var(--color-black), white 10%) !important;
}

.hover-bg-black.active a, .hover-bg-black:hover a {
  color: var(--color-white) !important;
}
.hover-bg-black.active svg, .hover-bg-black:hover svg {
  fill: var(--color-white) !important;
}
.hover-bg-black:hover {
  background: color-mix(in srgb, var(--color-black), white 10%) !important;
  color: var(--color-white) !important;
}
.hover-bg-black.fullcolor:hover {
  background: var(--color-black) !important;
  color: var(--color-white) !important;
}
.hover-bg-black.active {
  background: var(--color-black) !important;
  color: var(--color-white) !important;
}

.before-bg-black:before {
  background: var(--color-black) !important;
}

.active-bg-black.active .link {
  background: var(--color-black) !important;
}

.fill-black {
  fill: var(--color-black) !important;
}
.fill-black svg {
  fill: var(--color-black) !important;
}

section.black-bg {
  background: var(--color-black);
  color: var(--color-white);
}
section.black-bg .svg-fill-bg {
  fill: var(--color-black);
}

.big-cta.black-bg.right .gradient {
  background: linear-gradient(-90deg, var(--color-black) 0%, rgba(var(--color-black-rgb), 0) 100%);
}

.big-cta.black-bg.left .gradient {
  background: linear-gradient(90deg, var(--color-black) 0%, rgba(var(--color-black-rgb), 0) 100%);
}

.big-cta.fade-black.left .background-video:before,
.big-cta.fade-black.left .background-image:before {
  background: linear-gradient(-90deg, rgba(var(--color-black-rgb), 0) 0%, rgba(var(--color-black-rgb), 0.9) 100%);
}

.big-cta.fade-black.right .background-video:before,
.big-cta.fade-black.right .background-image:before {
  background: linear-gradient(90deg, rgba(var(--color-black-rgb), 0) 0%, rgba(var(--color-black-rgb), 0.9) 100%);
}

@media screen and (max-width: 1100px) {
  .big-cta.fade-black.left .background-video:before,
  .big-cta.fade-black.left .background-image:before,
  .big-cta.fade-black.right .background-video:before,
  .big-cta.fade-black.right .background-image:before {
    background: rgba(var(--color-black-rgb), 0.75);
  }
}

/*# sourceMappingURL=colors.css.map */