/*
Theme Name: AbacusPlus
Theme URI: https://abacusplus.ba
Author: AbacusPlus
Author URI: https://abacusplus.ba
Description: Custom Theme Developed by AbacusPlus 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
*/
:root {
  --base-White: #FFFFFFFF;
  --grey-50: #F8F8F8FF;
  --primary-25: #9db7c5;
  --primary-50: #85a5b7;
  --primary-100: #6d93a9;
  --primary-200: #54819a;
  --primary-300: #3c6f8c;
  --primary-400: #235d7d;
  --primary-500: #0b4b6f;
  --primary-600: #0a4464;
  --primary-700: #093c59;
  --primary-800: #08354e;
  --primary-900: #072d43;
  --primary-950: #062638;
  --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: #fbe7a3;
  --secondary-100: #fae290;
  --secondary-200: #f9dd7e;
  --secondary-300: #f9d86b;
  --secondary-400: #f8d359;
  --secondary-500: #F7CE46;
  --secondary-600: #deb93f;
  --secondary-700: #c6a538;
  --secondary-800: #ad9031;
  --secondary-900: #947c2a;
  --secondary-950: #7c6723;
  --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;
}

.light-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);
  --Gray---Light: #F8F8F8FF;
}

.dark-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);
  --Gray---Light: #F8F8F8FF;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dfcolumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.aistart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.aicenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.aiend {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.jcbetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.jccenter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.jcend {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.dgrid {
  display: grid;
}

.gap-4 {
  gap: 4px;
}

.gap-6 {
  gap: 6px;
}

.gap-8 {
  gap: 8px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-20 {
  gap: 20px;
}

.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-80 {
  gap: 80px;
}

.gap-82 {
  gap: 82px;
}

.gap-96 {
  gap: 96px;
}

.gap-100 {
  gap: 100px;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
:root {
  --base-White: #FFFFFFFF;
  --grey-50: #F8F8F8FF;
  --primary-25: #9db7c5;
  --primary-50: #85a5b7;
  --primary-100: #6d93a9;
  --primary-200: #54819a;
  --primary-300: #3c6f8c;
  --primary-400: #235d7d;
  --primary-500: #0b4b6f;
  --primary-600: #0a4464;
  --primary-700: #093c59;
  --primary-800: #08354e;
  --primary-900: #072d43;
  --primary-950: #062638;
  --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: #fbe7a3;
  --secondary-100: #fae290;
  --secondary-200: #f9dd7e;
  --secondary-300: #f9d86b;
  --secondary-400: #f8d359;
  --secondary-500: #F7CE46;
  --secondary-600: #deb93f;
  --secondary-700: #c6a538;
  --secondary-800: #ad9031;
  --secondary-900: #947c2a;
  --secondary-950: #7c6723;
  --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;
}

.light-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);
  --Gray---Light: #F8F8F8FF;
}

.dark-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);
  --Gray---Light: #F8F8F8FF;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dfcolumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.aistart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.aicenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.aiend {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.jcbetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.jccenter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.jcend {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.dgrid {
  display: grid;
}

.gap-4 {
  gap: 4px;
}

.gap-6 {
  gap: 6px;
}

.gap-8 {
  gap: 8px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-20 {
  gap: 20px;
}

.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-80 {
  gap: 80px;
}

.gap-82 {
  gap: 82px;
}

.gap-96 {
  gap: 96px;
}

.gap-100 {
  gap: 100px;
}

/* 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 {
  -webkit-box-sizing: content-box;
          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;
  -webkit-text-decoration: underline dotted;
          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 {
  -webkit-box-sizing: border-box;
          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] {
  -webkit-box-sizing: border-box;
          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 {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  color: var(--text-primary-default);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Cormorant Garamond", serif;
  margin: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: unset;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: #7c4bc7;
  font-style: italic;
}

h1 {
  font-size: 4.5rem;
  line-height: 93.6px;
}
@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
  h1 {
    font-size: 2.625rem;
    line-height: 1;
  }
}

h1.h1-pages {
  font-size: 4rem;
  line-height: 120%;
}
@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
  h1.h1-pages {
    font-size: 2.25rem;
    line-height: 1;
  }
}

h2 {
  font-size: 2.5rem;
  line-height: 1.12;
  letter-spacing: -0.3px;
  color: #2d1b5e;
}
@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
  h2 {
    font-size: 2rem;
    line-height: 1;
  }
}

h3 {
  font-size: 2rem;
  line-height: 120%;
}
@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
  h3 {
    font-size: 1.75rem;
    line-height: 1;
  }
}

h4 {
  font-size: 1.5rem;
  line-height: 120%;
}

h6 {
  font-size: 0.875rem;
  line-height: 120%;
  color: #2d1b5e;
}

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

.p-sm {
  font-size: 0.875rem;
}

.strapline {
  font-size: 0.625rem;
  color: #7c4bc7;
  letter-spacing: 2.5px;
  line-height: 100%;
  text-transform: uppercase;
}

/* Elements
--------------------------------------------- */
html {
  font-size: 16px;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}
@media (max-width: 1200px) {
  html {
    font-size: 14px;
  }
}

body {
  background-color: var(--background-primary-default);
}

.container {
  max-width: 1312px;
  width: 100%;
  margin: 0 auto;
  padding: 0 32px;
}
@media (max-width: 1200px) {
  .container {
    padding: 0 16px;
  }
}

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

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;
}

.embed {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.embed embed, .embed iframe, .embed object {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

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

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

/* Forms
--------------------------------------------- */
button[type=button] {
  outline: 0;
  border: 0;
  background-color: transparent;
  padding: 0;
}

.button {
  all: unset;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-lg {
  padding: 16px 32px;
  font-size: 1.125rem;
  line-height: 120%;
}
@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait), (max-width: 767px) {
  .btn-lg {
    padding: 14px 28px;
  }
}

.btn-md {
  padding: 12px 24px;
  font-size: 0.875rem;
  line-height: 100%;
}

.btn-sm {
  padding: 8px 16px;
  font-size: 0.875rem;
  line-height: 120%;
}

.primary-button {
  background-color: #7c4bc7;
  border-radius: 6px;
  color: white;
}
.primary-button:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.secondary-button {
  background-color: var(--text-primary-default);
  border-radius: 12px;
  color: var(--background-primary-default);
}

.link-button {
  padding: 0;
  color: var(--text-primary-default);
  background-color: transparent;
}

input[type=search] {
  padding: 16px 48px 16px 24px;
  border-radius: 12px;
  background-color: var(--grey-100);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 150%;
  color: var(--text-primary-default);
  border: 0;
  outline: 0;
  background-image: url("/wp-content/uploads/2026/02/searchicon.svg");
  background-position: calc(100% - 24px) center;
  background-repeat: no-repeat;
}
input[type=search]::-webkit-input-placeholder {
  color: var(--text-primary-default);
}
input[type=search]::-moz-placeholder {
  color: var(--text-primary-default);
}
input[type=search]:-ms-input-placeholder {
  color: var(--text-primary-default);
}
input[type=search]::-ms-input-placeholder {
  color: var(--text-primary-default);
}
input[type=search]::placeholder {
  color: var(--text-primary-default);
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
input[type=search]::-webkit-search-results-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-decoration {
  display: none;
}

input[type=text], input[type=email], input[type=tel], select, textarea {
  padding: 16px 24px;
  border-radius: 12px;
  background-color: var(--grey-100);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: var(--text-primary-default);
  border: 0;
  outline: 0;
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--text-primary-default);
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--text-primary-default);
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--text-primary-default);
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: var(--text-primary-default);
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, select::placeholder, textarea::placeholder {
  color: var(--text-primary-default);
}

select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 16px 48px 16px 24px;
  background-image: url("/wp-content/uploads/2026/03/Instancechevron-down.svg");
  background-position: calc(100% - 24px) center;
  background-repeat: no-repeat;
  border-radius: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--border-primary-default);
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
/* 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;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          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
--------------------------------------------- */
#gl-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background-color: #7c4bc7;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
#gl-header.is-scrolled {
  -webkit-box-shadow: 0 2px 20px rgba(92, 61, 143, 0.25);
          box-shadow: 0 2px 20px rgba(92, 61, 143, 0.25);
}

.gl-header__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 40px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .gl-header__inner {
    padding: 0 20px;
  }
}
.gl-header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.gl-header__logo img {
  height: 44px;
  width: auto;
}
.gl-header__logo span {
  color: #fff;
}
.gl-header__logo span sup {
  color: #c8a8f0;
}
.gl-header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .gl-header__nav {
    display: none;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: rgba(45, 27, 94, 0.98);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 199;
    padding: 12px 0 24px;
  }
  .admin-bar .gl-header__nav {
    top: 70px;
  }
  .gl-header__nav.is-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.gl-header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .gl-header__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
  }
}
.gl-header__menu-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .gl-header__menu-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  }
  .gl-header__menu-item:last-child {
    border-bottom: none;
  }
}
.gl-header__menu-item--has-dropdown:hover .gl-header__dropdown, .gl-header__menu-item--has-dropdown:focus-within .gl-header__dropdown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.gl-header__menu-item--has-dropdown:hover .gl-header__chevron, .gl-header__menu-item--has-dropdown:focus-within .gl-header__chevron {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.gl-header__menu-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 14px;
  border-radius: 6px;
  white-space: nowrap;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.gl-header__menu-link:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.gl-header__menu-link--cta {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: 500;
  margin-left: 8px;
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.gl-header__menu-link--cta:hover {
  background: rgba(255, 255, 255, 0.32);
}
@media (max-width: 767px) {
  .gl-header__menu-link {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 14px 24px;
    font-size: 0.9375rem;
    border-radius: 0;
  }
  .gl-header__menu-link--cta {
    margin: 10px 20px 0;
    border-radius: 6px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.gl-header__chevron {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.gl-header__dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 260px;
  background: rgba(45, 27, 94, 0.97);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  list-style: none;
  margin: 0;
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
  transition: opacity 0.2s, transform 0.2s, visibility 0.2s, -webkit-transform 0.2s;
  z-index: 201;
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  .gl-header__dropdown {
    position: static;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
            transform: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.05);
    width: 100%;
    padding: 4px 0 8px;
    display: none;
  }
  .gl-header__dropdown.is-open {
    display: block;
  }
}
.gl-header__dropdown-item {
  list-style: none;
}
.gl-header__dropdown-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  padding: 12px 14px;
  border-radius: 7px;
  -webkit-transition: background 0.18s;
  transition: background 0.18s;
}
.gl-header__dropdown-link:hover {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .gl-header__dropdown-link {
    padding: 10px 24px 10px 36px;
    border-radius: 0;
  }
}
.gl-header__dropdown-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
}
.gl-header__dropdown-title sup {
  font-size: 0.6em;
  color: #c8a8f0;
}
.gl-header__dropdown-desc {
  font-size: 0.71875rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 300;
}
.gl-header__hamburger {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 36px;
  height: 36px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.gl-header__hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.gl-header__hamburger.is-open span:nth-child(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
          transform: translateY(7px) rotate(45deg);
}
.gl-header__hamburger.is-open span:nth-child(2) {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.gl-header__hamburger.is-open span:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(-45deg);
          transform: translateY(-7px) rotate(-45deg);
}
@media (max-width: 767px) {
  .gl-header__hamburger {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.gl-header__menu-item .nav-cta {
  border: 1.5px solid #fff;
  border-radius: 6px;
  padding: 8px 18px;
}
.gl-header__menu-item .nav-cta:hover {
  background: rgba(255, 255, 255, 0.15);
}

.site-footer {
  background-color: #1a0e3a;
  color: var(--color-white, #ffffff);
  padding: 64px 0 32px;
}
.site-footer__top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.site-footer__top__brand {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 280px;
          flex: 0 0 280px;
  max-width: 280px;
}
.site-footer__top__brand__logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.site-footer__top__brand__logo img {
  height: 40px;
  width: auto;
}
.site-footer__top__brand__logo span {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-white, #ffffff);
  text-decoration: none;
}
.site-footer__top__brand__logo span sup {
  font-size: 0.6em;
}
.site-footer__top__brand__desc {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.6;
  max-width: 220px;
}
.site-footer__top__brand__socials__item {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: border-color 0.2s ease, background-color 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.site-footer__top__brand__socials__item img {
  width: 16px;
  height: 16px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.site-footer__top__brand__socials__item:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.08);
}
.site-footer__top__col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.site-footer__top__col__title {
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
}
.site-footer__top__col__link {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.site-footer__top__col__link:hover {
  color: var(--color-white, #ffffff);
}
.site-footer__top__col__link__icon {
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  opacity: 0.7;
}
.site-footer__top__col__link--no-icon {
  padding-left: 24px;
}
.site-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 24px;
}
.site-footer__bottom p,
.site-footer__bottom a {
  color: rgba(255, 255, 255, 0.4);
}
.site-footer__bottom a {
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.site-footer__bottom a:hover {
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 768px) {
  .site-footer {
    padding: 48px 0 24px;
  }
  .site-footer__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 40px;
  }
  .site-footer__top__brand {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .site-footer__top__brand__desc {
    max-width: 100%;
  }
  .site-footer__top__col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 24px);
            flex: 1 1 calc(50% - 24px);
    min-width: 120px;
    padding: 0 0 30px 0;
  }
  .site-footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
  }
}

.homepage-hero {
  position: relative;
  height: 85vh;
  max-height: 640px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  background: #7c4bc7;
  padding-top: 20px;
}
.homepage-hero__bg {
  position: absolute;
  inset: 0;
}
.homepage-hero__bg img, .homepage-hero__bg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.55;
  display: block;
}
.homepage-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(74, 45, 138, 0.45)), color-stop(50%, rgba(74, 45, 138, 0.2)), to(rgba(74, 45, 138, 0.65)));
  background: linear-gradient(180deg, rgba(74, 45, 138, 0.45) 0%, rgba(74, 45, 138, 0.2) 50%, rgba(74, 45, 138, 0.65) 100%);
}
.homepage-hero .container {
  position: relative;
  z-index: 2;
}
.homepage-hero__wrapper {
  text-align: center;
  padding: 80px 0;
}
.homepage-hero__wrapper h1 {
  color: #fff;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
}
.homepage-hero__wrapper h1 span {
  color: #c8a8f0;
}
.homepage-hero__wrapper p {
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
}
.homepage-hero__wrapper__ctas .hero-button {
  background: #fff;
  color: #4a2d8a;
  border-radius: 6px;
}
.homepage-hero__wrapper__ctas .hero-button:hover {
  background: rgba(255, 255, 255, 0.88);
}
@media (max-width: 916px) and (min-width: 768px) {
  .homepage-hero__wrapper p {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .homepage-hero {
    height: auto;
    min-height: 80vh;
  }
  .homepage-hero .container {
    margin: 0 15px;
  }
  .homepage-hero__wrapper {
    padding: 70px 0;
  }
  .homepage-hero__wrapper p {
    padding: 0 24px;
  }
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.ticker {
  background: -webkit-gradient(linear, left top, right top, from(#7c4bc7), color-stop(50%, #9b6fd4), to(#7c4bc7));
  background: linear-gradient(90deg, #7c4bc7 0%, #9b6fd4 50%, #7c4bc7 100%);
  overflow: hidden;
  padding: 13px 0;
}
.ticker__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-animation: ticker 28s linear infinite;
          animation: ticker 28s linear infinite;
}
.ticker__track__item {
  padding: 0 44px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
}
.ticker__track__item__dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .ticker__track__item {
    padding: 0 24px;
    font-size: 0.625rem;
    letter-spacing: 2px;
  }
}
@media (max-width: 575px) {
  .ticker__track__item {
    padding: 0 20px;
    font-size: 0.59375rem;
    letter-spacing: 1.8px;
  }
}

.distributors {
  background-color: #f3eeff;
  padding: 72px 0;
}
@media (max-width: 767px) {
  .distributors__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.distributors__wrapper__content, .distributors__wrapper__cards {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.distributors__wrapper__content {
  max-width: calc(50% - 24px);
}
@media (max-width: 767px) {
  .distributors__wrapper__content {
    max-width: 100%;
  }
}
.distributors__wrapper__content__stb__brief p {
  font-size: 0.875rem;
  padding-bottom: 16px;
}
.distributors__wrapper__content__stb__brief p:last-child {
  padding-bottom: 0;
}
.distributors__wrapper__cards__single {
  padding: 24px;
  border-radius: 14px;
  background-color: white;
}
.distributors__wrapper__cards__single p:not(.p-sm) {
  color: #2d1b5e;
}
.distributors.is-style-stats .distributors__wrapper__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 575px) {
  .distributors.is-style-stats .distributors__wrapper__cards {
    grid-template-columns: 1fr 1fr;
  }
}
.distributors.is-style-stats .distributors__wrapper__cards__single {
  padding: 28px 24px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(92, 61, 143, 0.1);
  -webkit-box-shadow: 0 2px 12px rgba(92, 61, 143, 0.06);
          box-shadow: 0 2px 12px rgba(92, 61, 143, 0.06);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.distributors.is-style-stats .distributors__wrapper__cards__single p.w-500 {
  font-size: 2rem;
  font-weight: 600;
  color: #7c4bc7;
  line-height: 1;
  letter-spacing: -0.02em;
}
.distributors.is-style-stats .distributors__wrapper__cards__single p.p-sm {
  font-size: 0.8125rem;
  color: #7a7590;
  font-weight: 400;
}

.before-after {
  background-color: #fff;
  padding: 72px 0;
}
.before-after__wrapper__header {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .before-after__wrapper__header {
    max-width: 100%;
  }
}
.before-after__wrapper__header h2 em {
  font-style: italic;
  color: #7c4bc7;
}
.before-after__wrapper__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 1024px) and (min-width: 576px) {
  .before-after__wrapper__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .before-after__wrapper__cards__single:last-child:nth-child(odd) {
    grid-column: 1/-1;
    max-width: calc(50% - 12px);
    margin: 0 auto;
  }
}
@media (max-width: 575px) {
  .before-after__wrapper__cards {
    grid-template-columns: 1fr;
  }
}
.before-after__wrapper__cards__single {
  border-radius: 14px;
  border: 1px solid rgba(92, 61, 143, 0.12);
  overflow: hidden;
}
.before-after__wrapper__cards__single__image img {
  width: 100%;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.before-after__wrapper__cards__single__body {
  padding: 20px 24px 24px;
}
.before-after__wrapper__cards__single__body span {
  font-size: 0.75rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #7c4bc7;
}
.before-after__wrapper__cards__single__body p:not(.p-sm) {
  color: #2d1b5e;
}
@media (max-width: 767px) {
  .before-after {
    padding: 56px 0;
  }
  .before-after__wrapper {
    gap: 32px;
  }
}

.before-after.our-team .before-after__wrapper__cards {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 576px) {
  .before-after.our-team .before-after__wrapper__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.before-after.our-team .before-after__wrapper__cards__single {
  width: 33%;
}
@media (max-width: 1024px) and (min-width: 577px) {
  .before-after.our-team .before-after__wrapper__cards__single {
    width: 48%;
  }
}
@media (max-width: 576px) {
  .before-after.our-team .before-after__wrapper__cards__single {
    width: 100%;
  }
}
.before-after.our-team .before-after__wrapper__cards__single__image img {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .before-after.our-team .before-after__wrapper__cards__single__image img {
    height: 350px;
  }
}

.text {
  padding: 72px 0 0;
}
.text.--white {
  background: #fff;
}
.text.--grey {
  background: #faf8ff;
}
.text.--white .cards__wrapper, .text.--grey .cards__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.text.--white .cards__wrapper__top, .text.--grey .cards__wrapper__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 16px;
}
.text.--white .strapline, .text.--grey .strapline {
  text-align: center;
}
.text.--white .cards__wrapper__top__content, .text.--grey .cards__wrapper__top__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 16px;
  width: 100%;
}
.text.--white .cards__wrapper__top__content h2, .text.--grey .cards__wrapper__top__content h2 {
  text-align: center;
}
.text.--white .cards__wrapper__top__content .cards__wrapper__top__content__brief, .text.--grey .cards__wrapper__top__content .cards__wrapper__top__content__brief {
  max-width: 520px;
  text-align: center;
}
.text.--white .cards__wrapper__top__content .cards__wrapper__top__content__brief p, .text.--grey .cards__wrapper__top__content .cards__wrapper__top__content__brief p {
  text-align: center;
}
.text__wrapper__image-gallery__image {
  border-radius: 12px;
  width: 100%;
}
.text__wrapper__image-gallery__gallery__wrapper__big {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.text__wrapper__image-gallery__gallery__wrapper__big a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.text__wrapper__image-gallery__gallery__wrapper__two-small {
  width: calc(40% - 10px);
}
.text__wrapper__image-gallery__gallery__wrapper__two-small a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.text__wrapper__image-gallery__gallery__wrapper__two-small a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.text__wrapper__image-gallery__gallery .is-flipped {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.text__wrapper__image-gallery__gallery .--content-img:nth-child(2n+2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.gallery .text__wrapper__image-gallery__gallery__wrapper__two-small {
  width: calc(50% - 10px);
}

.text-image {
  margin: 72px 0;
}
.text-image.--white {
  background: #fff;
}
.text-image.--grey {
  background: #faf8ff;
}
.text-image__main__wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.text-image__main__wrapper.--img-content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.text-image__main__wrapper.--content-img {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .text-image__main__wrapper.--img-content, .text-image__main__wrapper.--content-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.text-image__main__wrapper__image {
  width: calc(50% - 20px);
  border-radius: 20px;
}
.text-image__main__wrapper__image__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  aspect-ratio: 4/5;
  max-height: 450px;
}
@media (max-width: 1024px) {
  .text-image__main__wrapper__image {
    width: 100%;
    aspect-ratio: 4/3;
    max-height: 480px;
  }
}
@media (max-width: 575px) {
  .text-image__main__wrapper__image {
    aspect-ratio: 4/3;
    max-height: 260px;
  }
}
.text-image__main__wrapper__content {
  width: calc(50% - 20px);
}
@media (max-width: 1024px) {
  .text-image__main__wrapper__content {
    width: 100%;
  }
}
.text-image__main__wrapper__content__brief p {
  padding-bottom: 14px;
}
.text-image__main__wrapper__content__brief p:last-child {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .text-image__main__wrapper__content__ctas {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.text-image__main__additional__cards {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
  .text-image__main__additional__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .text-image__main__additional__cards {
    grid-template-columns: 1fr;
  }
}
.text-image__main__additional__cards__single {
  padding: 24px;
  border-radius: 12px;
}
.text-image__main__additional__cards__single p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .text-image {
    padding: 56px 0;
  }
}

.page-id-7 .text-image .text-image__main__wrapper, .page-id-9 .text-image .text-image__main__wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.faq {
  padding: 72px 0;
}
.faq.--white {
  background: #fff;
}
.faq.--grey {
  background: #faf8ff;
}
@media (max-width: 767px) {
  .faq__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.faq__wrapper__content {
  width: 350px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .faq__wrapper__content {
    width: 100%;
  }
}
.faq__wrapper__content__brief p {
  line-height: 1.8;
}
.faq__wrapper__content .secondary-button {
  background: #2d1b5e;
  border-radius: 6px;
  color: #fff;
}
.faq__wrapper__content .secondary-button:hover {
  background: #7c4bc7;
}
.faq__wrapper__faqs {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.faq__wrapper__faqs__single {
  border: 1px solid rgba(92, 61, 143, 0.1);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.faq__wrapper__faqs__single:has(button[aria-expanded=true]) {
  border-color: rgba(92, 61, 143, 0.25);
}
.faq__wrapper__faqs__single__toggle {
  width: 100%;
  padding: 22px 24px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  color: #2d1b5e;
  font-family: "DM Sans", sans-serif;
  font-size: 1rem;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.faq__wrapper__faqs__single__toggle:hover, .faq__wrapper__faqs__single__toggle[aria-expanded=true] {
  color: #7c4bc7;
}
.faq__wrapper__faqs__single__toggle__chev {
  width: 22px;
  height: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid rgba(92, 61, 143, 0.15);
  border-radius: 50%;
  -webkit-transition: background 0.2s, border-color 0.2s, -webkit-transform 0.25s;
  transition: background 0.2s, border-color 0.2s, -webkit-transform 0.25s;
  transition: transform 0.25s, background 0.2s, border-color 0.2s;
  transition: transform 0.25s, background 0.2s, border-color 0.2s, -webkit-transform 0.25s;
}
.faq__wrapper__faqs__single__toggle__chev svg {
  width: 10px;
  height: 10px;
}
.faq__wrapper__faqs__single__toggle[aria-expanded=true] .faq__wrapper__faqs__single__toggle__chev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: #f3eeff;
  border-color: #c8a8f0;
}
.faq__wrapper__faqs__single__panel {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  -webkit-transition: max-height 0.35s ease, opacity 0.3s ease;
  transition: max-height 0.35s ease, opacity 0.3s ease;
}
.faq__wrapper__faqs__single__panel.is-open {
  max-height: 600px;
  opacity: 1;
}
.faq__wrapper__faqs__single__panel p {
  padding: 16px 24px 24px;
  border-top: 1px solid rgba(92, 61, 143, 0.08);
  font-size: 0.875rem;
  line-height: 1.75;
  color: #7a7590;
}
@media (max-width: 767px) {
  .faq {
    padding: 56px 0;
  }
}

.why-clinics {
  background: linear-gradient(135deg, #4a2d8a 0%, #7c4bc7 60%, #9b6fd4 100%);
  padding: 72px 0;
}
.why-clinics.--light {
  background: #faf8ff;
}
.why-clinics.--light .strapline {
  color: #7c4bc7;
}
.why-clinics.--light h2 {
  color: #2d1b5e;
}
.why-clinics.--light p {
  color: #7a7590;
}
.why-clinics.--light span.w-500 {
  color: #7a7590;
  text-align: center;
}
.why-clinics.--light .why-clinics__wrapper__content__chips {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.why-clinics.--light__wrapper__content .primary-button {
  background: #7c4bc7;
  color: #fff;
}
.why-clinics.--light .why-clinics__wrapper__cards__single {
  background: #fff;
  border-color: rgba(92, 61, 143, 0.12);
}
.why-clinics.--light .why-clinics__wrapper__cards__single p {
  color: #2d1b5e;
}
.why-clinics.--light .why-clinics__wrapper__cards__single p.p-sm {
  color: #7a7590;
}
.why-clinics.--light .why-clinics__wrapper__content__chips__group__items__chip {
  color: #4a2d8a;
  background: rgba(124, 75, 199, 0.08);
  border-color: rgba(124, 75, 199, 0.2);
}
.why-clinics.--light {
  background: #faf8ff;
}
.why-clinics.--light .strapline {
  color: #7c4bc7;
}
.why-clinics.--light .strapline::after {
  background: #7c4bc7;
}
.why-clinics.--light .why-clinics__wrapper__content h2 {
  color: #2d1b5e;
}
.why-clinics.--light .why-clinics__wrapper__content h2 span {
  color: #7c4bc7;
}
.why-clinics.--light .why-clinics__wrapper__content p {
  color: #7a7590;
}
.why-clinics.--light .why-clinics__wrapper__content span.w-500 {
  color: #7a7590;
}
.why-clinics.--light .why-clinics__wrapper__content__chips__group__items__chip {
  color: #4a2d8a;
  background: rgba(124, 75, 199, 0.08);
  border-color: rgba(124, 75, 199, 0.2);
}
.why-clinics.--light .why-clinics__wrapper__content .primary-button {
  background: #7c4bc7;
  color: #fff;
}
.why-clinics.--light .why-clinics__wrapper__content .primary-button:hover {
  background: #4a2d8a;
}
.why-clinics.--light .why-clinics__wrapper__cards__single {
  background: #fff;
  border-color: rgba(92, 61, 143, 0.12);
}
.why-clinics.--light .why-clinics__wrapper__cards__single p {
  color: #2d1b5e;
}
.why-clinics.--light .why-clinics__wrapper__cards__single p.p-sm {
  color: #7a7590;
}
.why-clinics .strapline {
  color: #fff;
}
.why-clinics .strapline::after {
  background: rgba(255, 255, 255, 0.4);
}
@media (max-width: 1024px) {
  .why-clinics__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.why-clinics__wrapper__content, .why-clinics__wrapper__cards {
  width: 100%;
}
.why-clinics__wrapper__content h2 {
  color: #fff;
}
.why-clinics__wrapper__content h2 span {
  font-style: italic;
  color: #c8a8f0;
}
.why-clinics__wrapper__content p {
  color: rgba(255, 255, 255, 0.65);
}
.why-clinics__wrapper__content span.w-500 {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.65625rem;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.why-clinics__wrapper__content__chips__group__items {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.why-clinics__wrapper__content__chips__group__items__chip {
  font-size: 0.75rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  padding: 6px 14px;
}
.why-clinics__wrapper__content .primary-button {
  background: #fff;
  color: #4a2d8a;
  border-radius: 6px;
}
.why-clinics__wrapper__content .primary-button:hover {
  background: rgba(255, 255, 255, 0.88);
}
.why-clinics__wrapper__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 575px) {
  .why-clinics__wrapper__cards {
    grid-template-columns: 1fr;
  }
}
.why-clinics__wrapper__cards__single {
  padding: 20px 22px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
}
.why-clinics__wrapper__cards__single p {
  color: #fff;
}
.why-clinics__wrapper__cards__single p.p-sm {
  color: rgba(255, 255, 255, 0.58);
}
@media (max-width: 767px) {
  .why-clinics {
    padding: 56px 0;
  }
}

.contact-form {
  padding: 72px 0;
}
.contact-form.--white {
  background: #fff;
}
.contact-form.--grey {
  background: #faf8ff;
}
@media (max-width: 1024px) {
  .contact-form__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contact-form__wrapper__left {
  width: 340px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1024px) {
  .contact-form__wrapper__left {
    width: 100%;
  }
}
.contact-form__wrapper__left__cards__single {
  padding: 20px 24px;
  border-radius: 12px;
  border: 1px solid rgba(92, 61, 143, 0.12);
  background: #fff;
  -webkit-box-shadow: 0 2px 12px rgba(92, 61, 143, 0.06);
          box-shadow: 0 2px 12px rgba(92, 61, 143, 0.06);
}
.contact-form__wrapper__left__cards__single p.w-400 {
  color: #7a7590;
}
.contact-form__wrapper__left__cards__single p.w-500 {
  color: #2d1b5e;
}
.contact-form__wrapper__left__cards__single a {
  color: #7c4bc7;
  font-weight: 500;
  text-decoration: none;
}
.contact-form__wrapper__left__cards__single a:hover {
  color: #4a2d8a;
}
.contact-form__wrapper__form {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 32px 24px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(92, 61, 143, 0.1);
  -webkit-box-shadow: 0 4px 24px rgba(92, 61, 143, 0.08);
          box-shadow: 0 4px 24px rgba(92, 61, 143, 0.08);
}
.contact-form__wrapper__form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.contact-form__wrapper__form form p {
  margin: 0;
}
.contact-form__wrapper__form form p br {
  display: none;
}
.contact-form__wrapper__form form p span select, .contact-form__wrapper__form form p span textarea, .contact-form__wrapper__form form p span input {
  width: 100%;
}
.contact-form__wrapper__form form label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #7a7590;
}
.contact-form__wrapper__form form label .cf7-required {
  color: #e53935;
}
.contact-form__wrapper__form form .cf7-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 575px) {
  .contact-form__wrapper__form form .cf7-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contact-form__wrapper__form form .cf7-row p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.contact-form__wrapper__form form .cf7-row label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.contact-form__wrapper__form form input[type=text],
.contact-form__wrapper__form form input[type=email],
.contact-form__wrapper__form form input[type=tel],
.contact-form__wrapper__form form select,
.contact-form__wrapper__form form textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid rgba(92, 61, 143, 0.2);
  border-radius: 8px;
  font-family: "DM Sans", sans-serif;
  font-size: 0.875rem;
  color: #2d1b5e;
  background: #faf8ff;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  outline: none;
}
.contact-form__wrapper__form form input[type=text]:focus,
.contact-form__wrapper__form form input[type=email]:focus,
.contact-form__wrapper__form form input[type=tel]:focus,
.contact-form__wrapper__form form select:focus,
.contact-form__wrapper__form form textarea:focus {
  border-color: #7c4bc7;
}
.contact-form__wrapper__form form input[type=text]::-webkit-input-placeholder, .contact-form__wrapper__form form input[type=email]::-webkit-input-placeholder, .contact-form__wrapper__form form input[type=tel]::-webkit-input-placeholder, .contact-form__wrapper__form form select::-webkit-input-placeholder, .contact-form__wrapper__form form textarea::-webkit-input-placeholder {
  color: rgba(122, 117, 144, 0.5);
}
.contact-form__wrapper__form form input[type=text]::-moz-placeholder, .contact-form__wrapper__form form input[type=email]::-moz-placeholder, .contact-form__wrapper__form form input[type=tel]::-moz-placeholder, .contact-form__wrapper__form form select::-moz-placeholder, .contact-form__wrapper__form form textarea::-moz-placeholder {
  color: rgba(122, 117, 144, 0.5);
}
.contact-form__wrapper__form form input[type=text]:-ms-input-placeholder, .contact-form__wrapper__form form input[type=email]:-ms-input-placeholder, .contact-form__wrapper__form form input[type=tel]:-ms-input-placeholder, .contact-form__wrapper__form form select:-ms-input-placeholder, .contact-form__wrapper__form form textarea:-ms-input-placeholder {
  color: rgba(122, 117, 144, 0.5);
}
.contact-form__wrapper__form form input[type=text]::-ms-input-placeholder, .contact-form__wrapper__form form input[type=email]::-ms-input-placeholder, .contact-form__wrapper__form form input[type=tel]::-ms-input-placeholder, .contact-form__wrapper__form form select::-ms-input-placeholder, .contact-form__wrapper__form form textarea::-ms-input-placeholder {
  color: rgba(122, 117, 144, 0.5);
}
.contact-form__wrapper__form form input[type=text]::placeholder,
.contact-form__wrapper__form form input[type=email]::placeholder,
.contact-form__wrapper__form form input[type=tel]::placeholder,
.contact-form__wrapper__form form select::placeholder,
.contact-form__wrapper__form form textarea::placeholder {
  color: rgba(122, 117, 144, 0.5);
}
.contact-form__wrapper__form form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolyline points='2,4 6,8 10,4' stroke='%237c4bc7' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
  padding-right: 36px;
  cursor: pointer;
}
.contact-form__wrapper__form form textarea {
  min-height: 120px;
  resize: vertical;
}
.contact-form__wrapper__form form input[type=submit],
.contact-form__wrapper__form form p input[type=submit] {
  background: #7c4bc7;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 14px 32px;
  font-family: "DM Sans", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.contact-form__wrapper__form form input[type=submit]:hover,
.contact-form__wrapper__form form p input[type=submit]:hover {
  background: #4a2d8a;
}
.contact-form__wrapper__form form .wpcf7-spinner {
  display: none;
}
.contact-form__wrapper__form form .wpcf7-response-output {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 0.875rem;
}
.contact-form__wrapper__form form .wpcf7-not-valid-tip {
  font-size: 0.75rem;
  color: #dc3232;
  margin-top: 4px;
}
.contact-form__wrapper__form form .invalid .wpcf7-response-output {
  color: #dc3232;
}
.contact-form__wrapper__form form .sent .wpcf7-response-output {
  color: #7c4bc7;
}
.contact-form__wrapper__form form .wpcf7-acceptance span label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  color: #7a7590;
  text-transform: none;
  letter-spacing: 0;
}
.contact-form__wrapper__form form .wpcf7-acceptance span label input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  border: 1px solid rgba(92, 61, 143, 0.3);
  border-radius: 5px;
  background: #faf8ff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.contact-form__wrapper__form form .wpcf7-acceptance span label input[type=checkbox]:checked {
  background: #7c4bc7;
  border-color: #7c4bc7;
}
.contact-form__wrapper__form form .wpcf7-acceptance span label a {
  color: #7c4bc7;
}
.contact-form__wrapper__form form .wpcf7-acceptance span label a:hover {
  color: #4a2d8a;
}
@media (max-width: 767px) {
  .contact-form {
    padding: 56px 0;
  }
}

.default-hero {
  position: relative;
  min-height: 40vh;
  max-height: 420px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  background: #7c4bc7;
  padding-top: 70px;
}
.default-hero__bg {
  position: absolute;
  inset: 0;
}
.default-hero__bg img, .default-hero__bg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.55;
  display: block;
}
.default-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(74, 45, 138, 0.45)), color-stop(50%, rgba(74, 45, 138, 0.2)), to(rgba(74, 45, 138, 0.65)));
  background: linear-gradient(180deg, rgba(74, 45, 138, 0.45) 0%, rgba(74, 45, 138, 0.2) 50%, rgba(74, 45, 138, 0.65) 100%);
}
.default-hero .container {
  position: relative;
  z-index: 2;
}
.default-hero__wrapper {
  text-align: center;
  padding: 48px 0;
}
.default-hero__wrapper h1 {
  color: #fff;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
}
.default-hero__wrapper h1 span {
  color: #c8a8f0;
}
.default-hero__wrapper p {
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
}
.default-hero__wrapper__ctas .hero-button {
  background: #fff;
  color: #4a2d8a;
  border-radius: 6px;
}
.default-hero__wrapper__ctas .hero-button:hover {
  background: rgba(255, 255, 255, 0.88);
}
@media (max-width: 767px) {
  .default-hero {
    min-height: 50vh;
  }
  .default-hero__wrapper {
    padding: 40px 0;
  }
}

.cards {
  padding: 72px 0;
}
.cards.--white {
  background: #fff;
}
.cards.--grey {
  background: #faf8ff;
}
.cards__wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .cards__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cards__wrapper__content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 32px);
          flex: 0 0 calc(50% - 32px);
  max-width: calc(50% - 32px);
  position: sticky;
  top: 100px;
}
@media (max-width: 767px) {
  .cards__wrapper__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    position: static;
  }
}
.cards__wrapper__cards {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
@media (max-width: 1200px) and (min-width: 768px) and (orientation: portrait) {
  .cards__wrapper__cards__grid {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .cards__wrapper__cards__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px;
  }
}
.cards__wrapper__cards__grid__single {
  padding: 28px 24px;
  border-radius: 12px;
  border: 1px solid rgba(92, 61, 143, 0.1);
  background: #fff;
  -webkit-box-shadow: 0 2px 12px rgba(92, 61, 143, 0.06);
          box-shadow: 0 2px 12px rgba(92, 61, 143, 0.06);
}
.cards__wrapper__cards__grid__single__content__icon {
  width: 80px;
  height: 80px;
  background-color: var(--green-50);
  border-radius: 12px;
}
.cards__wrapper__cards__grid__single__content__icon img {
  height: 48px;
}
.cards__wrapper__cards__grid__single__content p {
  color: var(--text-primary-default);
}
.cards__wrapper__cards__grid__single__content .highlighted {
  font-size: 2.5rem;
  font-weight: 600;
  color: #7c4bc7;
  line-height: 1;
  letter-spacing: -0.02em;
  font-family: "Cormorant Garamond", serif;
}
.cards__wrapper__cards__grid__single__content h4 {
  font-size: 0.9375rem;
  color: #7a7590;
  font-weight: 400;
}
@media (max-width: 767px) {
  .cards__wrapper__cards__h-cards {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.cards__wrapper__cards__h-cards__single {
  padding: 24px;
  border-radius: 12px;
  min-height: 280px;
}
.cards__wrapper__cards__h-cards .--htc-card {
  background-color: var(--text-primary-default);
}
.cards__wrapper__cards__h-cards .--htc-card p, .cards__wrapper__cards__h-cards .--htc-card h3 {
  color: var(--background-primary-default);
}