/*!
Theme Name: ZenDev
Theme URI: https://zendev.se
Author: ZenDev
Author URI: https://zendev.se
Description: Custom Theme Developed by ZenDev Team
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: zendev

// Import variables and mixins.
@import "abstracts/abstracts";

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
:root {
	--base-White: #FFFFFFFF;
	--grey-50: #F8F8F8FF;
	--primary-25: #F3FFFBFF;
	--primary-50: #EDFDF7FF;
	--primary-100: #D6F0E7FF;
	--primary-200: #ACE1CFFF;
	--primary-300: #83D3B7FF;
	--primary-400: #59C49FFF;
	--primary-500: #30B587FF;
	--primary-600: #26916CFF;
	--primary-700: #1D6D51FF;
	--primary-800: #134836FF;
	--primary-900: #10392BFF;
	--primary-950: #0A241BFF;
	--grey-100: #F3F3F3FF;
	--grey-200: #E1E1E3FF;
	--grey-300: #C3C3C6FF;
	--grey-400: #A6A6AAFF;
	--grey-500: #88888DFF;
	--grey-600: #6A6A71FF;
	--grey-700: #55555AFF;
	--grey-800: #404044FF;
	--grey-900: #36363BFF;
	--grey-950: #29292EFF;
	--base-Black: #050505FF;
	--secondary-25: #FFF9FBFF;
	--accent-25: #F3F9FFFF;
	--accent-50: #E8F4FFFF;
	--accent-100: #D5EAFCFF;
	--accent-200: #ABD5FAFF;
	--accent-300: #80C0F7FF;
	--accent-400: #56ABF5FF;
	--accent-500: #2C96F2FF;
	--accent-600: #2378C2FF;
	--accent-700: #1A5A91FF;
	--accent-800: #123C61FF;
	--accent-900: #0F304DFF;
	--accent-950: #091E30FF;
	--secondary-50: #FFF4F7FF;
	--secondary-100: #FFE4E9FF;
	--secondary-200: #FFC8D3FF;
	--secondary-300: #FFADBEFF;
	--secondary-400: #FF91A8FF;
	--secondary-500: #FF7692FF;
	--secondary-600: #CC5E75FF;
	--secondary-700: #994758FF;
	--secondary-800: #662F3AFF;
	--secondary-900: #53272FFF;
	--secondary-950: #33181DFF;
	--red-50: #FEF3F2FF;
	--red-100: #FEE4E2FF;
	--red-200: #FFCDC9FF;
	--red-300: #FDAAA4FF;
	--red-400: #F97970FF;
	--red-500: #F04438FF;
	--red-600: #DE3024FF;
	--red-700: #BB241AFF;
	--red-800: #9A221AFF;
	--red-900: #80231CFF;
	--red-950: #460D09FF;
	--yellow-50: #FFFBEDFF;
	--yellow-100: #FFF7D4FF;
	--yellow-200: #FFEBA8FF;
	--yellow-300: #FFDA71FF;
	--yellow-400: #FFBF38FF;
	--yellow-500: #FDA712FF;
	--yellow-600: #F79009FF;
	--yellow-700: #C56A09FF;
	--yellow-800: #9D530FFF;
	--yellow-900: #7E4510FF;
	--yellow-950: #442106FF;
	--green-50: #ECFDF3FF;
	--green-100: #D1FADFFF;
	--green-200: #A8F2C6FF;
	--green-300: #6FE6A7FF;
	--green-400: #36D183FF;
	--green-500: #12B76AFF;
	--green-600: #079455FF;
	--green-700: #057747FF;
	--green-800: #075E3AFF;
	--green-900: #074D32FF;
	--green-950: #022C1CFF;
	--size-unit--20: -20px;
	--size-unit--19: -19px;
	--size-unit--18: -18px;
	--size-unit--17: -17px;
	--size-unit--16: -16px;
	--size-unit--15: -15px;
	--size-unit--14: -14px;
	--size-unit--13: -13px;
	--size-unit--12: -12px;
	--size-unit--11: -11px;
	--size-unit--10: -10px;
	--size-unit--9: -9px;
	--size-unit--8: -8px;
	--size-unit--7: -7px;
	--size-unit--6: -6px;
	--size-unit--5: -5px;
	--size-unit--4: -4px;
	--size-unit--3: -3px;
	--size-unit--2: -2px;
	--size-unit--1: -1px;
	--size-unit-0: 0px;
	--size-unit-1: 1px;
	--size-unit-2: 2px;
	--size-unit-3: 3px;
	--size-unit-4: 4px;
	--size-unit-5: 5px;
	--size-unit-6: 6px;
	--size-unit-7: 7px;
	--size-unit-8: 8px;
	--size-unit-9: 9px;
	--size-unit-10: 10px;
	--size-unit-11: 11px;
	--size-unit-12: 12px;
	--size-unit-13: 13px;
	--size-unit-14: 14px;
	--size-unit-15: 15px;
	--size-unit-16: 16px;
	--size-unit-17: 17px;
	--size-unit-18: 18px;
	--size-unit-19: 19px;
	--size-unit-20: 20px;
	--size-unit-21: 21px;
	--size-unit-22: 22px;
	--size-unit-23: 23px;
	--size-unit-24: 24px;
	--size-unit-25: 25px;
	--size-unit-26: 26px;
	--size-unit-27: 27px;
	--size-unit-28: 28px;
	--size-unit-29: 29px;
	--size-unit-30: 30px;
	--size-unit-31: 31px;
	--size-unit-32: 32px;
	--size-unit-33: 33px;
	--size-unit-34: 34px;
	--size-unit-35: 35px;
	--size-unit-36: 36px;
	--size-unit-37: 37px;
	--size-unit-38: 38px;
	--size-unit-39: 39px;
	--size-unit-40: 40px;
	--size-unit-41: 41px;
	--size-unit-42: 42px;
	--size-unit-43: 43px;
	--size-unit-44: 44px;
	--size-unit-45: 45px;
	--size-unit-46: 46px;
	--size-unit-47: 47px;
	--size-unit-48: 48px;
	--size-unit-49: 49px;
	--size-unit-50: 50px;
	--size-unit-51: 51px;
	--size-unit-52: 52px;
	--size-unit-53: 53px;
	--size-unit-54: 54px;
	--size-unit-55: 55px;
	--size-unit-56: 56px;
	--size-unit-57: 57px;
	--size-unit-58: 58px;
	--size-unit-59: 59px;
	--size-unit-60: 60px;
	--size-unit-61: 61px;
	--size-unit-62: 62px;
	--size-unit-63: 63px;
	--size-unit-64: 64px;
	--size-unit-66: 66px;
	--size-unit-67: 67px;
	--size-unit-68: 68px;
	--size-unit-69: 69px;
	--size-unit-70: 70px;
	--size-unit-71: 71px;
	--size-unit-72: 72px;
	--size-unit-73: 73px;
	--size-unit-74: 74px;
	--size-unit-75: 75px;
	--size-unit-76: 76px;
	--size-unit-77: 77px;
	--size-unit-78: 78px;
	--size-unit-79: 79px;
	--size-unit-80: 80px;
	--size-unit-81: 81px;
	--size-unit-82: 82px;
	--size-unit-83: 83px;
	--size-unit-84: 84px;
	--size-unit-85: 85px;
	--size-unit-86: 86px;
	--size-unit-87: 87px;
	--size-unit-88: 88px;
	--size-unit-89: 89px;
	--size-unit-90: 90px;
	--size-unit-91: 91px;
	--size-unit-92: 92px;
	--size-unit-93: 93px;
	--size-unit-94: 94px;
	--size-unit-95: 95px;
	--size-unit-96: 96px;
	--size-unit-97: 97px;
	--size-unit-98: 98px;
	--size-unit-99: 99px;
	--size-unit-100: 100px;
	--size-unit-112: 871px;
	--size-unit-116: 116px;
	--size-unit-128: 128px;
	--size-unit-144: 144px;
	--size-unit-160: 160px;
	--size-unit-176: 176px;
	--size-unit-192: 192px;
	--size-unit-208: 208px;
	--size-unit-224: 224px;
	--size-unit-240: 240px;
	--size-unit-256: 256px;
	--size-unit-288: 288px;
	--size-unit-320: 320px;
	--size-unit-384: 384px;
	--size-unit-640: 640px;
	--size-unit-768: 768px;
	--size-unit-1024: 1024px;
	--size-unit-1280: 1280px;
	--size-unit-1536: 1536px;
	--size-unit-9999: 9999px;
	--spacing-spacing: 0px;
	--spacing-4-5: var(--size-unit-18);
	--spacing-5: var(--size-unit-20);
	--spacing-0: var(--size-unit-0);
	--spacing-16: var(--size-unit-64);
	--spacing-9: var(--size-unit-36);
	--spacing-28: var(--size-unit-112);
	--spacing-11: var(--size-unit-44);
	--spacing-32: var(--size-unit-128);
	--spacing-52: var(--size-unit-208);
	--spacing-36: var(--size-unit-144);
	--spacing-24: var(--size-unit-96);
	--spacing-6: var(--size-unit-24);
	--spacing-1: var(--size-unit-4);
	--spacing-44: var(--size-unit-176);
	--spacing-40: var(--size-unit-160);
	--spacing-12: var(--size-unit-48);
	--spacing-1-5: var(--size-unit-6);
	--spacing-56: var(--size-unit-224);
	--spacing-2: var(--size-unit-8);
	--spacing-10: var(--size-unit-40);
	--spacing-2-5: var(--size-unit-10);
	--spacing-0-5: var(--size-unit-2);
	--spacing-3: var(--size-unit-12);
	--spacing-8: var(--size-unit-32);
	--spacing-14: var(--size-unit-56);
	--spacing-3-5: var(--size-unit-14);
	--spacing-48: var(--size-unit-192);
	--spacing-7: var(--size-unit-28);
	--spacing-20: var(--size-unit-80);
	--spacing-4: var(--size-unit-16);
	--spacing-60: var(--size-unit-240);
	--spacing-64: var(--size-unit-256);
	--spacing-72: var(--size-unit-288);
	--spacing-80: var(--size-unit-320);
	--spacing-96: var(--size-unit-384);
	--spacing-29: var(--size-unit-116);
	--radius-rounded-none: var(--size-unit-0);
	--radius-rounded-sm: var(--size-unit-2);
	--radius-rounded-lg: var(--size-unit-8);
	--radius-rounded: var(--size-unit-4);
	--radius-rounded-m: var(--size-unit-5);
	--radius-rounded-md: var(--size-unit-6);
	--radius-rounded-2xl: var(--size-unit-16);
	--radius-rounded-xl: var(--size-unit-12);
	--radius-rounded-3xl: var(--size-unit-24);
	--radius-rounded-4xl: var(--size-unit-32);
	--radius-rounded-full: var(--size-unit-9999);
	--border-width-border-1: var(--size-unit-1);
	--border-width-border-0: var(--size-unit-0);
	--border-width-border-2: var(--size-unit-2);
	--border-width-border-4: var(--size-unit-4);
	--border-width-border-6: var(--size-unit-6);
	--border-width-border-8: var(--size-unit-8);
	--breakpoints-sm: var(--size-unit-640);
	--breakpoints-md: var(--size-unit-768);
	--breakpoints-lg: var(--size-unit-1024);
	--breakpoints-xl: var(--size-unit-1280);
	--breakpoints-2xl: var(--size-unit-1536);
}

.dark-mode {
	--background-primary-default: var(--base-White);
	--background-primary-hover: var(--grey-50);
	--background-primary-focus: var(--grey-100);
	--background-primary-pressed: var(--grey-200);
	--background-primary-disabled: var(--grey-100);
	--background-secondary-default: var(--grey-100);
	--background-secondary-hover: var(--grey-200);
	--background-secondary-focus: var(--grey-300);
	--background-secondary-pressed: var(--grey-500);
	--background-secondary-disabled: var(--grey-100);
	--background-invert-default: var(--base-Black);
	--background-invert-hover: var(--grey-900);
	--background-invert-focus: var(--grey-700);
	--background-invert-pressed: var(--grey-500);
	--background-invert-disabled: var(--grey-100);
	--background-accent-default: var(--secondary-500);
	--background-accent-hover: var(--secondary-600);
	--background-accent-focus: var(--secondary-700);
	--background-accent-pressed: var(--secondary-800);
	--background-accent-disabled: var(--grey-100);
	--background-brand-default: var(--primary-500);
	--background-brand-hover: var(--primary-300);
	--background-brand-focus: var(--primary-400);
	--background-brand-pressed: var(--primary-600);
	--background-brand-disabled: var(--grey-100);
	--border-primary-default: var(--grey-200);
	--border-primary-hover: var(--grey-300);
	--border-primary-focus: var(--grey-400);
	--border-primary-pressed: var(--grey-500);
	--border-primary-disabled: var(--grey-300);
	--border-secondary-default: var(--secondary-200);
	--border-secondary-hover: var(--secondary-300);
	--border-secondary-focus: var(--secondary-400);
	--border-secondary-pressed: var(--secondary-500);
	--border-secondary-disabled: var(--grey-200);
	--border-invert-default: var(--grey-50);
	--border-invert-hover: var(--grey-100);
	--border-invert-focus: var(--grey-300);
	--border-invert-pressed: var(--grey-400);
	--border-invert-disabled: var(--grey-300);
	--border-brand-default: var(--primary-500);
	--border-success-default: var(--green-200);
	--border-accent-default: var(--accent-500);
	--border-accent-hover: var(--accent-300);
	--border-accent-focus: var(--accent-400);
	--border-accent-pressed: var(--accent-700);
	--border-accent-disabled: var(--grey-100);
	--border-success-hover: var(--green-300);
	--border-success-focus: var(--green-400);
	--border-success-pressed: var(--green-500);
	--border-success-disabled: var(--grey-100);
	--border-error-default: var(--red-200);
	--border-error-hover: var(--red-300);
	--border-error-focus: var(--red-400);
	--border-error-pressed: var(--red-500);
	--border-error-disabled: var(--grey-100);
	--border-warning-default: var(--yellow-200);
	--border-warning-hover: var(--yellow-300);
	--border-warning-focus: var(--yellow-400);
	--border-warning-pressed: var(--yellow-500);
	--border-warning-disabled: var(--grey-100);
	--border-brand-hover: var(--primary-500);
	--border-brand-focus: var(--primary-500);
	--border-brand-pressed: var(--primary-500);
	--border-brand-disabled: var(--grey-100);
	--text-primary-default: var(--base-Black);
	--text-primary-hover: var(--grey-950);
	--text-primary-focus: var(--grey-800);
	--text-primary-pressed: var(--grey-700);
	--text-primary-disabled: var(--grey-300);
	--text-secondary-default: var(--grey-500);
	--text-secondary-hover: var(--grey-600);
	--text-secondary-focus: var(--grey-700);
	--text-secondary-pressed: var(--grey-800);
	--text-secondary-disabled: var(--grey-300);
	--text-invert-default: var(--base-White);
	--text-invert-hover: var(--grey-100);
	--text-invert-focus: var(--grey-100);
	--text-invert-pressed: var(--grey-300);
	--text-invert-disabled: var(--grey-400);
	--text-accent-default: var(--secondary-500);
	--text-accent-hover: var(--secondary-600);
	--text-accent-focus: var(--secondary-700);
	--text-accent-pressed: var(--secondary-800);
	--text-accent-disabled: var(--secondary-100);
	--text-brand-default: var(--primary-500);
	--text-success-default: var(--green-700);
	--text-success-hover: var(--green-800);
	--text-success-focus: var(--green-900);
	--text-success-pressed: var(--green-950);
	--text-success-disabled: var(--grey-100);
	--text-error-default: var(--red-700);
	--text-error-hover: var(--red-800);
	--text-error-focus: var(--red-900);
	--text-error-pressed: var(--red-950);
	--text-error-disabled: var(--grey-100);
	--text-warning-default: var(--yellow-700);
	--text-warning-hover: var(--yellow-800);
	--text-warning-focus: var(--yellow-900);
	--text-warning-pressed: var(--yellow-950);
	--text-warning-disabled: var(--grey-100);
	--text-brand-hover: var(--primary-600);
	--text-brand-focus: var(--primary-700);
	--text-brand-pressed: var(--primary-800);
	--text-brand-disabled: var(--grey-100);
	--icon-Number: 0px;
	--icon-primary-default: var(--base-Black);
	--icon-primary-hover: var(--grey-950);
	--icon-primary-focus: var(--grey-800);
	--icon-primary-pressed: var(--grey-700);
	--icon-primary-disabled: var(--grey-300);
	--icon-secondary-default: var(--grey-700);
	--icon-secondary-hover: var(--grey-500);
	--icon-secondary-focus: var(--grey-400);
	--icon-secondary-pressed: var(--grey-300);
	--icon-secondary-disabled: var(--grey-300);
	--icon-invert-default: var(--grey-50);
	--icon-invert-hover: var(--grey-100);
	--icon-invert-focus: var(--grey-200);
	--icon-invert-pressed: var(--grey-300);
	--icon-invert-disabled: var(--grey-400);
	--icon-accent-default: var(--secondary-500);
	--icon-accent-hover: var(--secondary-600);
	--icon-accent-focus: var(--secondary-700);
	--icon-accent-pressed: var(--secondary-800);
	--icon-accent-disabled: var(--secondary-100);
	--icon-brand-default: var(--primary-500);
	--icon-success-default: var(--green-700);
	--icon-success-hover: var(--green-800);
	--icon-success-focus: var(--green-900);
	--icon-success-pressed: var(--green-950);
	--icon-success-disabled: var(--grey-100);
	--icon-error-default: var(--red-700);
	--icon-error-hover: var(--red-800);
	--icon-error-focus: var(--red-900);
	--icon-error-pressed: var(--red-950);
	--icon-error-disabled: var(--grey-100);
	--icon-warning-default: var(--yellow-700);
	--icon-warning-hover: var(--yellow-800);
	--icon-warning-focus: var(--yellow-900);
	--icon-warning-pressed: var(--yellow-950);
	--icon-warning-disabled: var(--grey-100);
	--icon-brand-hover: var(--primary-600);
	--icon-brand-focus: var(--primary-700);
	--icon-brand-pressed: var(--primary-800);
	--icon-brand-disabled: var(--grey-100);
	--background-success-default: var(--green-500);
	--background-success-hover: var(--green-600);
	--background-success-focus: var(--green-700);
	--background-success-pressed: var(--green-800);
	--background-success-disabled: var(--grey-100);
	--background-error-default: var(--red-100);
	--background-error-hover: var(--red-200);
	--background-error-focus: var(--red-300);
	--background-error-pressed: var(--red-500);
	--background-error-disabled: var(--grey-100);
	--background-warning-default: var(--yellow-100);
	--background-warning-hover: var(--yellow-200);
	--background-warning-focus: var(--yellow-300);
	--background-warning-pressed: var(--yellow-500);
	--background-warning-disabled: var(--grey-100);
}

.light-mode {
	--background-primary-default: var(--grey-950);
	--background-primary-hover: var(--grey-900);
	--background-primary-focus: var(--grey-950);
	--background-primary-pressed: var(--grey-900);
	--background-primary-disabled: var(--grey-100);
	--background-secondary-default: var(--grey-900);
	--background-secondary-hover: var(--grey-800);
	--background-secondary-focus: var(--grey-700);
	--background-secondary-pressed: var(--grey-700);
	--background-secondary-disabled: var(--grey-100);
	--background-invert-default: var(--base-White);
	--background-invert-hover: var(--grey-200);
	--background-invert-focus: var(--grey-500);
	--background-invert-pressed: var(--grey-300);
	--background-invert-disabled: var(--grey-100);
	--background-accent-default: var(--secondary-500);
	--background-accent-hover: var(--secondary-400);
	--background-accent-focus: var(--secondary-300);
	--background-accent-pressed: var(--secondary-200);
	--background-accent-disabled: var(--grey-100);
	--background-brand-default: var(--primary-500);
	--background-brand-hover: var(--primary-300);
	--background-brand-focus: var(--primary-400);
	--background-brand-pressed: var(--primary-600);
	--background-brand-disabled: var(--grey-100);
	--border-primary-default: var(--grey-950);
	--border-primary-hover: var(--grey-800);
	--border-primary-focus: var(--grey-700);
	--border-primary-pressed: var(--grey-600);
	--border-primary-disabled: var(--grey-9501);
	--border-secondary-default: var(--secondary-500);
	--border-secondary-hover: var(--secondary-400);
	--border-secondary-focus: var(--secondary-300);
	--border-secondary-pressed: var(--secondary-200);
	--border-secondary-disabled: var(--grey-9501);
	--border-invert-default: var(--grey-900);
	--border-invert-hover: var(--grey-800);
	--border-invert-focus: var(--grey-600);
	--border-invert-pressed: var(--grey-500);
	--border-invert-disabled: var(--grey-300);
	--border-brand-default: var(--primary-500);
	--border-success-default: var(--green-200);
	--border-accent-default: var(--accent-500);
	--border-accent-hover: var(--accent-400);
	--border-accent-focus: var(--accent-300);
	--border-accent-pressed: var(--accent-200);
	--border-accent-disabled: var(--grey-9501);
	--border-success-hover: var(--green-300);
	--border-success-focus: var(--green-400);
	--border-success-pressed: var(--green-500);
	--border-success-disabled: var(--grey-9501);
	--border-error-default: var(--red-200);
	--border-error-hover: var(--red-300);
	--border-error-focus: var(--red-400);
	--border-error-pressed: var(--red-500);
	--border-error-disabled: var(--grey-9501);
	--border-warning-default: var(--yellow-200);
	--border-warning-hover: var(--yellow-300);
	--border-warning-focus: var(--yellow-400);
	--border-warning-pressed: var(--yellow-500);
	--border-warning-disabled: var(--grey-9501);
	--border-brand-hover: var(--primary-500);
	--border-brand-focus: var(--primary-500);
	--border-brand-pressed: var(--primary-500);
	--border-brand-disabled: var(--grey-100);
	--text-primary-default: var(--base-White);
	--text-primary-hover: var(--grey-300);
	--text-primary-focus: var(--grey-400);
	--text-primary-pressed: var(--grey-600);
	--text-primary-disabled: var(--grey-200);
	--text-secondary-default: var(--grey-200);
	--text-secondary-hover: var(--grey-500);
	--text-secondary-focus: var(--grey-500);
	--text-secondary-pressed: var(--grey-500);
	--text-secondary-disabled: var(--grey-300);
	--text-invert-default: var(--base-Black);
	--text-invert-hover: var(--grey-900);
	--text-invert-focus: var(--grey-300);
	--text-invert-pressed: var(--grey-300);
	--text-invert-disabled: var(--grey-100);
	--text-accent-default: var(--secondary-500);
	--text-accent-hover: var(--secondary-600);
	--text-accent-focus: var(--secondary-300);
	--text-accent-pressed: var(--secondary-200);
	--text-accent-disabled: var(--secondary-200);
	--text-brand-default: var(--primary-500);
	--text-success-default: var(--green-700);
	--text-success-hover: var(--green-800);
	--text-success-focus: var(--green-900);
	--text-success-pressed: var(--green-950);
	--text-success-disabled: var(--grey-9501);
	--text-error-default: var(--red-700);
	--text-error-hover: var(--red-800);
	--text-error-focus: var(--red-900);
	--text-error-pressed: var(--red-950);
	--text-error-disabled: var(--grey-9501);
	--text-warning-default: var(--yellow-700);
	--text-warning-hover: var(--yellow-800);
	--text-warning-focus: var(--yellow-900);
	--text-warning-pressed: var(--yellow-950);
	--text-warning-disabled: var(--grey-9501);
	--text-brand-hover: var(--primary-600);
	--text-brand-focus: var(--primary-700);
	--text-brand-pressed: var(--primary-800);
	--text-brand-disabled: var(--grey-9501);
	--icon-Number: 0px;
	--icon-primary-default: var(--base-White);
	--icon-primary-hover: var(--grey-200);
	--icon-primary-focus: var(--grey-300);
	--icon-primary-pressed: var(--grey-600);
	--icon-primary-disabled: var(--grey-200);
	--icon-secondary-default: var(--grey-300);
	--icon-secondary-hover: var(--grey-400);
	--icon-secondary-focus: var(--grey-500);
	--icon-secondary-pressed: var(--grey-600);
	--icon-secondary-disabled: var(--grey-300);
	--icon-invert-default: var(--grey-50);
	--icon-invert-hover: var(--grey-100);
	--icon-invert-focus: var(--grey-200);
	--icon-invert-pressed: var(--grey-300);
	--icon-invert-disabled: var(--grey-400);
	--icon-accent-default: var(--secondary-500);
	--icon-accent-hover: var(--secondary-600);
	--icon-accent-focus: var(--secondary-300);
	--icon-accent-pressed: var(--secondary-200);
	--icon-accent-disabled: var(--secondary-200);
	--icon-brand-default: var(--primary-500);
	--icon-success-default: var(--green-700);
	--icon-success-hover: var(--green-800);
	--icon-success-focus: var(--green-900);
	--icon-success-pressed: var(--green-950);
	--icon-success-disabled: var(--grey-9501);
	--icon-error-default: var(--red-700);
	--icon-error-hover: var(--red-800);
	--icon-error-focus: var(--red-900);
	--icon-error-pressed: var(--red-950);
	--icon-error-disabled: var(--grey-9501);
	--icon-warning-default: var(--yellow-700);
	--icon-warning-hover: var(--yellow-800);
	--icon-warning-focus: var(--yellow-900);
	--icon-warning-pressed: var(--yellow-950);
	--icon-warning-disabled: var(--grey-9501);
	--icon-brand-hover: var(--primary-600);
	--icon-brand-focus: var(--primary-700);
	--icon-brand-pressed: var(--primary-800);
	--icon-brand-disabled: var(--grey-9501);
	--background-success-default: var(--green-500);
	--background-success-hover: var(--green-400);
	--background-success-focus: var(--green-300);
	--background-success-pressed: var(--green-200);
	--background-success-disabled: var(--grey-100);
	--background-error-default: var(--red-100);
	--background-error-hover: var(--red-200);
	--background-error-focus: var(--red-300);
	--background-error-pressed: var(--red-500);
	--background-error-disabled: var(--grey-9501);
	--background-warning-default: var(--yellow-100);
	--background-warning-hover: var(--yellow-200);
	--background-warning-focus: var(--yellow-300);
	--background-warning-pressed: var(--yellow-500);
	--background-warning-disabled: var(--grey-9501);
}

.w-100 {
	font-weight: 100;
}

.w-200 {
	font-weight: 200;
}

.w-300 {
	font-weight: 300;
}

.w-400 {
	font-weight: 400;
}

.w-500 {
	font-weight: 500;
}

.w-600 {
	font-weight: 600;
}

.w-700 {
	font-weight: 700;
}

.w-800 {
	font-weight: 800;
}

.w-900 {
	font-weight: 900;
}

.dflex {
	display: flex;
}

.dfcolumn {
	flex-direction: column;
}

.aistart {
	align-items: flex-start;
}

.aicenter {
	align-items: center;
}

.aiend {
	align-items: flex-end;
}

.jcbetween {
	justify-content: space-between;
}

.jccenter {
	justify-content: center;
}

.jcend {
	justify-content: flex-end;
}

.dgrid {
	display: grid;
}

.gtc-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gtc-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gap-4 {
	gap: 4px;
}

.gap-6 {
	gap: 6px;
}

.gap-8 {
	gap: 8px;
}

.gap-12 {
	gap: 12px;
}

.gap-16 {
	gap: 16px;
}

.gap-24 {
	gap: 24px;
}

.gap-32 {
	gap: 32px;
}

.gap-40 {
	gap: 40px;
}

.gap-48 {
	gap: 48px;
}

.gap-60 {
	gap: 60px;
}

.gap-64 {
	gap: 64px;
}

.gap-82 {
	gap: 82px;
}

.gap-96 {
	gap: 96px;
}

/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "Inter", sans-serif;
	margin: 0;
	color: var(--text-primary-default);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: unset;
}

h1 {
	font-size: 4.5rem;
	line-height: 80px;
	letter-spacing: -1.44px;
}

@media (max-width: 767px) {
	h1 {
		font-size: 2.625rem;
		line-height: 1;
	}
}

h2 {
	font-size: 3.75rem;
	line-height: 100%;
	letter-spacing: -1.2px;
}

@media (max-width: 767px) {
	h2 {
		font-size: 2.25rem;
	}
}

h3 {
	font-size: 3rem;
	line-height: 100%;
	letter-spacing: -0.96px;
}

@media (max-width: 767px) {
	h3 {
		font-size: 2rem;
	}
}

.h3-footer {
	font-size: 1.75rem;
	line-height: 120%;
	letter-spacing: 0;
}

.h4-footer {
	font-size: 1.125rem;
	line-height: 120%;
	letter-spacing: 0.54px;
	color: var(--text-brand-default);
	text-transform: uppercase;
}

h5 {
	font-size: 1.625rem;
	line-height: 120%;
}

h6 {
	font-size: 1.5rem;
	line-height: 100%;
	letter-spacing: -0.48px;
}

p {
	font-size: 1rem;
	margin: 0;
	line-height: 150%;
}

.p-xs {
	font-size: .75rem;
	line-height: 140%;
}

.p-s {
	font-size: .875rem;
	line-height: 120%;
	letter-spacing: 0.42px;
}

.p-xl {
	font-size: 1.25rem;
	line-height: 150%;
}

.p-strapline {
	font-size: 1.125rem;
	line-height: 120%;
	letter-spacing: 0.54px;
	text-transform: uppercase;
	color: var(--text-brand-default);
}

/* Elements
--------------------------------------------- */
html {
	font-size: 16px;
	scroll-behavior: smooth;
	scrollbar-gutter: stable;
}

@media (max-width: 1200px) {
	html {
		font-size: 14px;
	}
}

.container {
	max-width: 1312px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

@media (max-width: 1200px) {
	.container {
		padding: 0 16px;
	}
}

section:not(.homepage-hero) {
	padding: 100px 0;
}

@media (max-width: 767px) {
	section:not(.homepage-hero) {
		padding: 50px 0;
	}
}

.overflow-hidden, .overflow-hidden body {
	overflow: hidden;
}

.homepage-hero h1, .default-hero h1,
.content-banner__wrapper__banner__content h2 {
	position: relative;
	transform: translateX(-200px);
	opacity: 0;
	transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}

.homepage-hero p, .default-hero p,
.content-banner__wrapper__banner__content p {
	opacity: 0;
	transition: opacity .5s ease-in-out .15s;
}

.homepage-hero a, .content-image__wrapper__content__ctas,
.default-hero a, .content-banner__wrapper__banner__content a {
	opacity: 0;
}

.homepage-hero h1.animated, .default-hero h1.animated,
.content-image__wrapper__content__strapline-title h3.animated,
.content-cards__wrapper__entry-content h3.animated,
.content-box__wrapper__content__text.animated,
.content-mix__wrapper__content h3.animated,
.site-footer__wrapper__main__wrapper__columns__company__ctas.animated,
.site-footer__wrapper__main__wrapper__columns__services__ctas.animated,
.site-footer__wrapper__main__wrapper__columns__industries__ctas.animated,
.site-footer__wrapper__main__wrapper__offices__wrapper__office.animated,
.site-footer__wrapper__copyright.animated,
.content-banner__wrapper__banner__content h2.animated,
.content-gallery__wrapper__entry-content h3.animated,
.content-testimonials__wrapper__content__strapline-title h3.animated,
.open-positions__wrapper__single a.animated {
	transform: translateX(0);
	opacity: 1;
}

.homepage-hero p.animated, .default-hero p.animated, .default-hero a.animated, .homepage-hero a.animated,
.content-image__wrapper__content__ctas.animated,
.content-image__wrapper__content__strapline-title p.animated,
.content-image__wrapper__content__text.animated,
.content-cards__wrapper__entry-content p.animated,
.content-cards__wrapper__cards__card h5.animated,
.content-cards__wrapper__cards__card p.animated,
.content-cards__wrapper__cards__card .link-button.animated,
.content-box__wrapper__content__ctas.animated,
.content-mix__wrapper__content p.animated,
.content-mix__wrapper__briefcards.animated,
.site-footer__wrapper__main__wrapper__columns__company h4.animated,
.site-footer__wrapper__main__wrapper__columns__services h4.animated,
.site-footer__wrapper__main__wrapper__columns__industries h4.animated,
.site-footer__wrapper__main__wrapper__offices h4.animated,
.content-banner__wrapper__banner__content p.animated,
.content-banner__wrapper__banner__content a.animated,
.content-gallery__wrapper__entry-content .p-strapline.animated,
.content-gallery__wrapper__entry-content .p-xl.animated,
.content-gallery__wrapper__gallery__inner.animated,
.content-gallery__wrapper__gallery__middle.animated,
.content-testimonials__wrapper__content__strapline-title p.animated,
.content-testimonials__wrapper__content__testimonials.animated {
	opacity: 1;
}

.content-image__wrapper__imagevideo,
.content-box__wrapper__imagevideo,
.content-testimonials__wrapper__imagevideo {
	position: relative;
	transform: translateY(100px);
	opacity: 0;
	transition: transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
}

.content-image__wrapper__content__strapline-title p,
.content-cards__wrapper__entry-content p,
.content-mix__wrapper__content p,
.site-footer__wrapper__main__wrapper__columns__company h4,
.site-footer__wrapper__main__wrapper__columns__services h4,
.site-footer__wrapper__main__wrapper__columns__industries h4,
.site-footer__wrapper__main__wrapper__offices h4,
.content-gallery__wrapper__entry-content .p-strapline,
.content-testimonials__wrapper__content__strapline-title p {
	opacity: 0;
	transition: opacity .5s ease-in-out;
}

.content-image__wrapper__content__strapline-title h3,
.content-cards__wrapper__entry-content h3,
.content-box__wrapper__content__text,
.content-mix__wrapper__content h3,
.site-footer__wrapper__main__wrapper__columns__company__ctas,
.site-footer__wrapper__main__wrapper__columns__services__ctas,
.site-footer__wrapper__main__wrapper__columns__industries__ctas,
.content-gallery__wrapper__entry-content h3,
.content-testimonials__wrapper__content__strapline-title h3 {
	position: relative;
	transform: translateX(-200px);
	opacity: 0;
	transition: transform .5s ease-in-out .15s, opacity .5s ease-in-out .15s;
}

.open-positions__wrapper__single a {
	position: relative;
	transform: translateX(-200px);
	opacity: 0;
}

.content-image__wrapper__imagevideo.animated,
.content-cards__wrapper__cards__card img.animated,
.content-box__wrapper__imagevideo.animated,
.content-testimonials__wrapper__imagevideo.animated {
	transform: translateY(0);
	opacity: 1;
}

.content-image__wrapper__content__text,
.content-box__wrapper__content__ctas,
.content-mix__wrapper__briefcards,
.content-gallery__wrapper__entry-content .p-xl,
.content-testimonials__wrapper__content__testimonials {
	opacity: 0;
	transition: opacity .5s ease-in-out .3s;
}

.content-cards__wrapper__cards__card img {
	position: relative;
	transform: translateY(100px);
	opacity: 0;
	transition: transform .5s ease-in-out .3s, opacity .5s ease-in-out .3s;
}

.content-cards__wrapper__cards__card h5 {
	opacity: 0;
}

.content-gallery__wrapper__gallery__inner {
	opacity: 0;
	transition: opacity .5s ease-in-out .5s;
}

.content-cards__wrapper__cards__card p, .content-gallery__wrapper__gallery__middle {
	opacity: 0;
	transition: opacity .5s ease-in-out .7s;
}

.content-cards__wrapper__cards__card .link-button {
	opacity: 0;
}

.site-footer__wrapper__main__wrapper__offices__wrapper__office {
	position: relative;
	transform: translateX(-200px);
	opacity: 0;
	transition: transform .5s ease-in-out .3s, opacity .5s ease-in-out .3s;
}

.site-footer__wrapper__copyright {
	position: relative;
	transform: translateX(-200px);
	opacity: 0;
	transition: transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0;
	padding: 0;
}

embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 0;
}

table {
	margin: 0;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	transition: all .3s ease-in-out;
	text-decoration: none;
}

/* Forms
--------------------------------------------- */
.button {
	display: flex;
	width: fit-content;
	align-items: center;
	font-weight: 600;
	transition: all .3s ease-in-out;
}

.btn-md {
	padding: var(--spacing-4-5) var(--spacing-6);
	font-size: 1.125rem;
	line-height: 17px;
}

.primary-button {
	background-color: var(--background-brand-default);
	border-radius: 5px;
	border: 1px solid var(--border-brand-default);
	color: var(--base-White);
}

.primary-button:hover {
	color: var(--border-brand-default);
	background-color: rgba(123, 218, 185, 0.2);
	border: 1px solid var(--border-brand-default);
}

.secondary-button {
	background-color: var(--base-White);
	border-radius: 5px;
	border: 1px solid var(--base-White);
	color: var(--text-brand-default);
}

.secondary-button:hover {
	background-color: var(--background-invert-hover);
	border: 1px solid var(--background-invert-hover);
}

.link-button {
	font-weight: 400;
	gap: var(--spacing-4);
	padding: 0;
	font-size: 1rem;
	line-height: 150%;
	color: var(--text-brand-default);
}

.link-button svg path {
	fill: var(--text-brand-default);
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.site-header {
	padding: var(--spacing-6) 0;
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	top: 0;
}

.site-header__wrapper__logo {
	position: relative;
}

.site-header__wrapper__logo .logo-light, .site-header__wrapper__logo .logo-dark {
	transition: opacity .3s ease-in-out;
}

.site-header__wrapper__logo .logo-light {
	position: relative;
	z-index: 2;
	opacity: 1;
}

.site-header__wrapper__logo .logo-dark {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	opacity: 0;
}

.site-header__wrapper .dark-active .logo-light {
	opacity: 0;
}

.site-header__wrapper .dark-active .logo-dark {
	opacity: 1;
}

@media (max-width: 767px) {
	.site-header__wrapper__nav {
		display: none;
	}
}

.site-header__wrapper__nav .menu-items {
	display: flex;
	align-items: center;
	gap: 24px;
}

.site-header__wrapper__nav .menu-items li a {
	padding: var(--spacing-2) var(--spacing-4);
	color: var(--text-primary-default);
	font-weight: 600;
	display: block;
}

.site-header__wrapper__nav .menu-items li a:hover {
	color: var(--text-brand-default);
}

.site-header__wrapper__nav .menu-items .custom-nav-element a {
	padding: var(--spacing-4-5) var(--spacing-6);
	font-size: 1.125rem;
	line-height: 17px;
	gap: var(--spacing-1-5);
	background-color: var(--background-brand-default);
	border-radius: 5px;
	border: 1px solid var(--border-brand-default);
	color: var(--base-White);
}

.site-header__wrapper__nav .menu-items .custom-nav-element a:hover {
	color: var(--border-brand-default);
	background-color: rgba(123, 218, 185, 0.2);
	border: 1px solid var(--border-brand-default);
}

@media (min-width: 768px) {
	.site-header__wrapper__bars {
		display: none;
	}
}

.site-header__wrapper__bars__bar {
	width: 36px;
	height: 2px;
	background-color: var(--background-invert-default);
	position: relative;
	transition: all .3s ease-in-out;
	top: 0;
}

.site-header__wrapper__bars .bar-2 {
	transition: all .15s ease-in-out .15s;
}

.site-header__wrapper .bars-active .site-header__wrapper__bars__bar {
	background-color: var(--base-Black);
}

.site-header__wrapper .bars-active .bar-1 {
	transform: rotate(45deg);
	top: 8px;
}

.site-header__wrapper .bars-active .bar-2 {
	opacity: 0;
	transition: all .15s ease-in-out;
}

.site-header__wrapper .bars-active .bar-3 {
	transform: rotate(-45deg);
	top: -8px;
}

.site-header__mobile-nav {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100dvh;
	background-color: var(--base-White);
	transition: all .3s ease-in-out;
	z-index: -1;
	padding: 100px 16px 16px 16px;
}

.site-header__mobile-nav__nav .menu-items {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.site-header__mobile-nav__nav .menu-items li a {
	padding: var(--spacing-2) var(--spacing-4);
	color: var(--text-invert-default);
	font-weight: 600;
	display: block;
}

.site-header__mobile-nav__nav .menu-items li a:hover {
	color: var(--text-brand-default);
}

.site-header__mobile-nav__nav .menu-items .custom-nav-element a {
	padding: var(--spacing-4-5) var(--spacing-6);
	font-size: 1.125rem;
	line-height: 17px;
	gap: var(--spacing-1-5);
	background-color: var(--background-brand-default);
	border-radius: 5px;
	border: 1px solid var(--border-brand-default);
	color: var(--base-White);
	width: fit-content;
}

.site-header__mobile-nav__nav .menu-items .custom-nav-element a:hover {
	color: var(--border-brand-default);
	background-color: rgba(123, 218, 185, 0.2);
	border: 1px solid var(--border-brand-default);
}

.site-header .mm-active {
	left: 0;
}

.site-footer {
	background-color: var(--base-Black);
}

.site-footer__wrapper__main {
	padding: var(--spacing-10) 0;
}

.site-footer__wrapper__main__wrapper__logo {
	width: fit-content;
}

@media (max-width: 767px) {
	.site-footer__wrapper__main__wrapper__columns {
		flex-direction: column;
		gap: 32px;
	}
}

@media (max-width: 767px) {
	.site-footer__wrapper__main__wrapper__columns__company, .site-footer__wrapper__main__wrapper__columns__industries, .site-footer__wrapper__main__wrapper__columns__services {
		width: 100%;
	}
}

.site-footer__wrapper__main__wrapper__columns__company__ctas a, .site-footer__wrapper__main__wrapper__columns__industries__ctas a, .site-footer__wrapper__main__wrapper__columns__services__ctas a {
	width: fit-content;
	color: var(--base-White);
}

.site-footer__wrapper__main__wrapper__columns__company__ctas a:hover, .site-footer__wrapper__main__wrapper__columns__industries__ctas a:hover, .site-footer__wrapper__main__wrapper__columns__services__ctas a:hover {
	color: var(--text-brand-default);
}

.site-footer__wrapper__main__wrapper__columns__services {
	padding: 0 208.75px;
	border-right: 1px solid var(--base-White);
	border-left: 1px solid var(--base-White);
}

@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait) {
	.site-footer__wrapper__main__wrapper__columns__services {
		padding: 0 100px;
	}
}

@media (max-width: 767px) {
	.site-footer__wrapper__main__wrapper__columns__services {
		padding: 32px 0;
		border-left: 0;
		border-right: 0;
		border-top: 1px solid var(--base-White);
		border-bottom: 1px solid var(--base-White);
	}
}

@media (max-width: 767px) {
	.site-footer__wrapper__main__wrapper__offices__wrapper {
		flex-direction: column;
	}
}

@media (max-width: 767px) {
	.site-footer__wrapper__main__wrapper__offices__wrapper__office {
		width: 100%;
	}
}

.site-footer__wrapper__main__wrapper__offices__wrapper__office a {
	width: fit-content;
	color: var(--base-White);
}

.site-footer__wrapper__main__wrapper__offices__wrapper__office a:hover {
	color: var(--text-brand-default);
}

.site-footer__wrapper__copyright {
	padding: var(--spacing-6) 0;
	border-top: 1px solid var(--base-White);
}

@media (max-width: 767px) {
	.site-footer__wrapper__copyright__wrapper {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
}

.site-footer__wrapper__copyright__wrapper p {
	color: var(--text-primary-default);
}

@media (max-width: 767px) {
	.site-footer__wrapper__copyright__wrapper__links {
		justify-content: space-between;
		width: 100%;
	}
}

.site-footer__wrapper__copyright__wrapper__links a {
	width: fit-content;
	padding: var(--spacing-2) var(--spacing-4);
	color: var(--base-White);
	font-size: .75rem;
	line-height: 140%;
}

@media (max-width: 767px) {
	.site-footer__wrapper__copyright__wrapper__links a {
		padding: 0;
	}
}

.site-footer__wrapper__copyright__wrapper__links a:hover {
	color: var(--text-brand-default);
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0;
}

/* Comments
--------------------------------------------- */
/* Widgets
--------------------------------------------- */
.widget {
	margin: 0;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
/* Galleries
--------------------------------------------- */
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	/*background-color: $color__background-screen;*/
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	/*color: $color__text-screen;*/
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
/* Website SCSS
--------------------------------------------- */
.homepage-hero {
	position: relative;
	isolation: isolate;
	height: 100dvh;
}

.homepage-hero__background, .homepage-hero__overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.homepage-hero__background {
	z-index: 1;
}

.homepage-hero__background video, .homepage-hero__background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.homepage-hero__overlay {
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.4);
}

.homepage-hero .container {
	position: relative;
	z-index: 3;
}

.homepage-hero__wrapper {
	max-width: 1067px;
	width: 100%;
	margin: 0 auto;
}

.homepage-hero__wrapper h1 {
	text-align: center;
}

.homepage-hero__wrapper h1 .is-green {
	color: var(--text-brand-default);
}

.homepage-hero__wrapper h1 .is-red {
	color: red;
}

.homepage-hero__wrapper p {
	text-align: center;
	color: var(--text-primary-default);
}

.homepage-hero__wrapper a {
	transition: opacity .5s ease-in-out .3s, background-color .3s ease-in-out, color .3s ease-in-out;
}

@media (max-width: 767px) {
	.content-image__wrapper {
		flex-direction: column;
	}
}

.content-image__wrapper__imagevideo {
	width: calc(50% - 16px);
}

@media (max-width: 767px) {
	.content-image__wrapper__imagevideo {
		width: 100%;
	}
}

.content-image__wrapper__imagevideo img, .content-image__wrapper__imagevideo video {
	border-radius: 12px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content-image__wrapper__content {
	flex: 1;
	max-width: 624px;
}

.content-image__wrapper__content h3 {
	color: var(--text-invert-default);
}

.content-image__wrapper__content__text p {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 150%;
	padding-bottom: 24px;
}

.content-image__wrapper__content__text p:last-child {
	padding-bottom: 0;
}

.content-image .--o-row-r {
	flex-direction: row-reverse;
}

@media (max-width: 767px) {
	.content-image .--o-row-r {
		flex-direction: column;
	}
}

.--light {
	background-color: var(--background-invert-default);
}

.--grey {
	background-color: var(--background-primary-disabled);
}

.content-cards__wrapper__entry-content h3 {
	color: var(--text-invert-default);
}

.content-cards__wrapper__cards {
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
	.content-cards__wrapper__cards {
		grid-template-columns: repeat(1, 1fr);
	}
}

.content-cards__wrapper__cards__card {
	background-color: var(--background-invert-default);
	padding: var(--spacing-6);
	border-radius: 12px;
}

.content-cards__wrapper__cards__card__image {
	border-radius: 8px;
	max-height: 240px;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.content-cards__wrapper__cards__card p {
	color: var(--text-invert-default);
}

.content-cards__wrapper__cards__card__icon {
	width: fit-content;
}

.content-cards__wrapper__cards__card h5 {
	color: var(--text-invert-default);
	transition: color .3s ease-in-out, opacity .5s ease-in-out .5s;
}

.content-cards__wrapper__cards__card .link-button {
	transition: gap .3s ease-in-out, opacity .5s ease-in-out .9s;
}

.content-cards__wrapper__cards a:hover .link-button {
	gap: var(--spacing-6);
}

.content-cards__wrapper__cards a h5:hover {
	color: var(--text-brand-default);
}

.content-cards__wrapper__cards .--light {
	background-color: var(--base-White);
}

.content-cards__wrapper__cards .--grey {
	background-color: var(--background-primary-disabled);
}

.content-cards__wrapper__additional-content p {
	font-style: italic;
}

@media (max-width: 767px) {
	.content-box__wrapper {
		flex-direction: column;
	}
}

.content-box__wrapper__imagevideo {
	width: calc(50% - 16px);
}

@media (max-width: 767px) {
	.content-box__wrapper__imagevideo {
		width: 100%;
	}
}

.content-box__wrapper__imagevideo img, .content-box__wrapper__imagevideo video {
	border-radius: 12px;
	width: 100%;
	height: 100%;
	max-height: 357px;
	object-fit: cover;
}

@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait) {
	.content-box__wrapper__imagevideo img, .content-box__wrapper__imagevideo video {
		max-height: 100%;
	}
}

.content-box__wrapper__content {
	flex: 1;
}

.content-box__wrapper__content__text p {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 150%;
	padding-bottom: 32px;
}

.content-box__wrapper__content__text p:last-child {
	padding-bottom: 0;
}

.content-box__wrapper__content__text h3 {
	color: var(--text-invert-default);
}

@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
	.content-box__wrapper__content__ctas {
		flex-direction: column;
		align-items: flex-start;
	}
}

.content-box .--o-row-r {
	flex-direction: row-reverse;
}

@media (max-width: 767px) {
	.content-box .--o-row-r {
		flex-direction: column;
	}
}

@media (max-width: 767px) {
	.content-mix__wrapper {
		flex-direction: column;
	}
}

.content-mix__wrapper__content {
	width: calc(50% - 16px);
}

@media (max-width: 767px) {
	.content-mix__wrapper__content {
		width: 100%;
	}
}

.content-mix__wrapper__content h3 {
	color: var(--text-invert-default);
}

.content-mix__wrapper__briefcards {
	flex: 1;
}

.content-mix__wrapper__briefcards__brief p {
	font-weight: 400;
	line-height: 150%;
	padding-bottom: 32px;
}

.content-mix__wrapper__briefcards__brief h6 {
	font-size: 1.25rem;
	line-height: 150%;
	color: var(--text-invert-default);
}

.content-mix__wrapper__briefcards__brief h6 strong {
	font-weight: 700;
}

.content-mix__wrapper__briefcards__brief ul {
	list-style: disc;
	padding: 32px 0 32px 32px;
}

.content-mix__wrapper__briefcards__brief ul li {
	font-weight: 400;
	line-height: 150%;
}

.content-mix__wrapper__briefcards__brief ul:last-child {
	padding: 32px 0 0 32px;
}

.content-mix__wrapper__briefcards__cards__card {
	padding: var(--spacing-12) var(--spacing-8);
	background-color: var(--background-invert-default);
	border-radius: 12px;
}

.content-mix__wrapper__briefcards__cards__card h2 {
	font-weight: 500;
	font-size: 2.375rem;
	line-height: 120%;
	color: var(--text-invert-default);
	text-align: center;
}

.content-mix__wrapper__briefcards__cards__card h2 strong {
	font-weight: 700;
}

.content-mix__wrapper__briefcards__cards__card h2 .is-green {
	font-weight: 700;
	color: var(--text-brand-default);
}

.content-mix__wrapper__briefcards__cards__card a svg path, .content-mix__wrapper__briefcards__cards__card div svg path {
	fill: var(--text-brand-default);
}

.content-mix__wrapper__briefcards__cards a:hover {
	background-color: var(--background-invert-hover);
}

.content-mix__wrapper__briefcards__cards .--light {
	background-color: var(--background-invert-default);
}

.content-mix__wrapper__briefcards__cards .--grey {
	background-color: var(--background-primary-disabled);
}

.content-mix .--o-row-r {
	flex-direction: row-reverse;
}

@media (max-width: 767px) {
	.content-mix .--o-row-r {
		flex-direction: column;
	}
}

.default-hero {
	position: relative;
	isolation: isolate;
	height: 100dvh;
}

.default-hero__background, .default-hero__overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.default-hero__background {
	z-index: 1;
}

.default-hero__background video, .default-hero__background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.default-hero__overlay {
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.4);
}

.default-hero .container {
	position: relative;
	z-index: 3;
}

.default-hero__wrapper {
	max-width: 1067px;
	width: 100%;
	margin: 0 auto;
}

.default-hero__wrapper h1 {
	text-align: center;
}

.default-hero__wrapper h1 .is-green {
	color: var(--text-brand-default);
}

.default-hero__wrapper h1 .is-red {
	color: red;
}

.default-hero__wrapper p {
	text-align: center;
	color: var(--text-primary-default);
}

.default-hero__wrapper a {
	transition: opacity .5s ease-in-out .3s, background-color .3s ease-in-out, color .3s ease-in-out;
}

.content-gallery__wrapper__entry-content {
	max-width: 624px;
	width: 100%;
}

.content-gallery__wrapper__entry-content__st h3 {
	color: var(--text-invert-default);
}

.content-gallery__wrapper__gallery {
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
	.content-gallery__wrapper__gallery {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (max-width: 768px) {
	.content-gallery__wrapper__gallery__inner {
		gap: 24px;
	}
}

.content-gallery__wrapper__gallery__inner a img {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	object-fit: cover;
	max-height: 248px;
}

.content-gallery__wrapper__gallery__middle img {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	object-fit: cover;
	max-height: 600.56px;
}

@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
	.content-testimonials__wrapper {
		flex-direction: column-reverse;
	}
}

.content-testimonials__wrapper__imagevideo {
	width: calc(50% - 16px);
}

@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
	.content-testimonials__wrapper__imagevideo {
		width: 100%;
	}
}

.content-testimonials__wrapper__imagevideo img, .content-testimonials__wrapper__imagevideo video {
	border-radius: 12px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content-testimonials__wrapper__content {
	flex: 1;
}

.content-testimonials__wrapper__content__strapline-title h3 {
	color: var(--text-invert-default);
}

.content-testimonials__wrapper__content__testimonials {
	max-width: 640px;
	width: 100%;
	padding: var(--spacing-12) var(--spacing-8);
	border-radius: 12px;
}

@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
	.content-testimonials__wrapper__content__testimonials {
		max-width: 100%;
	}
}

.content-testimonials__wrapper__content__testimonials__slider__slide {
	display: flex !important;
	flex-direction: column;
	gap: 32px;
}

.content-testimonials__wrapper__content__testimonials__slider__slide__name-job h6 {
	color: var(--text-invert-default);
}

.content-testimonials__wrapper__content__testimonials__slider__slide__name-job p {
	color: var(--text-brand-default);
	text-transform: uppercase;
}

.content-testimonials__wrapper__content .--light {
	background-color: var(--base-White);
}

.content-testimonials__wrapper__content .--grey {
	background-color: var(--background-primary-disabled);
}

.content-testimonials .--o-row-r {
	flex-direction: row-reverse;
}

@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
	.content-testimonials .--o-row-r {
		flex-direction: column-reverse;
	}
}

.open-positions__wrapper__single {
	padding: var(--spacing-12) var(--spacing-16);
	border-radius: 12px;
}

@media (max-width: 767px) {
	.open-positions__wrapper__single {
		padding: var(--spacing-3) var(--spacing-6);
	}
}

.open-positions__wrapper__single a {
	font-weight: 700;
	font-size: 3rem;
	line-height: 100%;
	letter-spacing: -0.96px;
	color: var(--base-Black);
	transition: color .3s ease-in-out, transform .5s ease-in-out, opacity .5s ease-in-out;
}

@media (max-width: 767px) {
	.open-positions__wrapper__single a {
		font-size: 2rem;
	}
}

.open-positions__wrapper__single a svg {
	transition: transform .3s ease-in-out;
}

.open-positions__wrapper__single a svg path {
	fill: var(--text-brand-default);
}

.open-positions__wrapper__single a:hover {
	color: var(--text-brand-default);
}

.open-positions__wrapper__single a:hover svg {
	transform: rotate(-45deg);
}

.open-positions__wrapper .--light {
	background-color: var(--background-invert-default);
}

.open-positions__wrapper .--grey {
	background-color: var(--background-primary-disabled);
}

.content-banner__wrapper__banner {
	padding: 124px 100px;
	position: relative;
}

@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
	.content-banner__wrapper__banner {
		padding: 24px 16px;
	}
}

.content-banner__wrapper__banner__background, .content-banner__wrapper__banner__overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 12px;
}

.content-banner__wrapper__banner__background {
	z-index: 1;
}

.content-banner__wrapper__banner__background video, .content-banner__wrapper__banner__background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
}

.content-banner__wrapper__banner__overlay {
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.4);
}

.content-banner__wrapper__banner__content {
	position: relative;
	z-index: 3;
}

@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
	.content-banner__wrapper__banner__content {
		flex-direction: column;
		align-items: flex-start;
	}
}

.content-banner__wrapper__banner__content__tb {
	max-width: 743px;
	width: 100%;
}

.content-banner__wrapper__banner__content__tb h2 {
	max-width: 525px;
	width: 100%;
}

.content-banner__wrapper__banner__content__tb p {
	color: var(--text-primary-default);
}

.content-banner__wrapper__banner__content a {
	transition: opacity .5s ease-in-out .3s, background-color .3s ease-in-out, color .3s ease-in-out;
}

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