/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.paragraphSystem,
.row {
  margin-left: -15px;
  margin-right: -15px;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.paragraphSystem:before,
.paragraphSystem:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after,
.paragraphSystem:after,
.container:after,
.container-fluid:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}:root {
	--radius: 14px;

	--container-wrapper: 1440px;
	--max-content: 1920px;

	/* Content padding */
	--content-padding-global: 16px;
	--content-padding-global-mobile: 8px;

	/* Content-container paddings */
	--container-padding-horizontal: 16px;
	--container-padding-horizontal-mobile: 8px;
	--container-padding-vertical: 16px;
	--container-padding-vertical-mobile: 16px;

	/* Breakpoints */
	/* 
  - Extra Large Desktop: 1920px
  - Large Desktop: 1461px
  - Desktop: 1201px
  - Tablet: 992px
  - Mobile: 768px
  - Small Mobile: 461px
	*/

	/* USAGE: MOBILE-FIRST DESIGN !!!!! */
	/* Always start with mobile styles by default and use media queries for larger screens. 
   Remember: You must hardcode the values in CSS as variables cannot be used directly in media queries. */
}
:root {
	/* Primary */
	--primary-100: #f6edf7;
	--primary-200: #efe9ef;
	--primary-300: #ecdbef;
	--primary-400: #ded3e0;
	--primary-500: #d9b6df;
	--primary-600: #bda6c1;
	--primary-700: #a149af;
	--primary-900: #5b2164;

	/* Secondary */
	--secondary-100: #f9f9ec;
	--secondary-200: #f1f2e6;
	--secondary-300: #f3f4d8;
	--secondary-400: #e4e4cc;
	--secondary-500: #e7e9b1;
	--secondary-600: #c9ca99;
	--secondary-700: #c4c73d;
	--secondary-900: #787a01;

	/* Neutral */
	--neutral-100: #ffffff;
	--neutral-200: #f7f6f1;
	--neutral-300: #f5f4ed;
	--neutral-500: #a3a3a3;
	--neutral-700: #484848;
	--neutral-900: #1a1a1a;

	/* Error */
	--error: #e40046;
}
/* Background Colors */

.container-content.bg-color-1,
.bg-color-1 {
	background: var(--neutral-900);
}

.container-content.bg-color-2,
.bg-color-2 {
	background: var(--secondary-900);
}

.container-content.bg-color-3,
.bg-color-3 {
	background: var(--primary-900);
}

.container-content.bg-color-4,
.bg-color-4 {
	background: var(--neutral-100);
}

.container-content.bg-color-5,
.bg-color-5 {
	background: var(--secondary-700);
}

.container-content.bg-color-6,
.bg-color-6 {
	background: var(--neutral-300);
}

.container-content.bg-color-7,
.bg-color-7 {
	background: var(--primary-200);
}

.container-content.bg-color-8,
.bg-color-8 {
	background: var(--secondary-400);
}

.container-content.bg-color-9,
.bg-color-9 {
	background: var(--neutral-200);
}

/* Text Colors */

.color-1 {
	color: var(--neutral-900);
}

.color-2 {
	color: var(--secondary-900);
}

.color-3 {
	color: var(--primary-900);
}

.color-4 {
	color: var(--neutral-100);
}
@font-face {
	font-family: "Roboto Condensed";
	src: url("../../../../apretude-v3/desktop/assets/fonts/RobotoCondensed-Regular.ttf");
	font-weight: 400;
}

@font-face {
	font-family: "Roboto Condensed";
	src: url("../../../../apretude-v3/desktop/assets/fonts/RobotoCondensed-Bold.ttf");
	font-weight: 700;
}
/* Global */
body,
html {
	font-family: "nunito-sans", sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: var(--neutral-900);
	margin-bottom: 6px;
	margin-top: 0;
	padding-top: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.no-wrap {
	white-space: nowrap;
}

sup {
	font-size: 65%;
	line-height: 0;
}

/* Headings */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
	margin-top: 0;
	margin-bottom: 16px;
}

h5,
.h5,
h6,
.h6 {
	margin-top: 0;
	margin-bottom: 8px;
}

h1,
.h1 {
	font-size: 26px;
	line-height: 28px;
	font-weight: 900;

	@media (min-width: 768px) {
		font-size: 38px;
		line-height: 40px;
	}
}

h2,
.h2 {
	font-size: 24px;
	line-height: 26px;
	font-weight: 900;

	@media (min-width: 768px) {
		font-size: 28px;
		line-height: 30px;
	}
}

h3,
.h3 {
	font-size: 22px;
	line-height: 26px;
	font-weight: 900;
}

h4,
.h4 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 800;
}

h5,
.h5 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 800;
}

h6,
.h6 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 800;
}

/* Paragraph */

p {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 6px;
}

/* Link */
a {
	font-size: 16px;
	line-height: 20px;
	color: var(--primary-900);
	font-weight: 800;
	text-decoration-line: underline;
}
.border-radius-all {
	border-radius: var(--radius);
	& > .component-content {
		border-radius: var(--radius);
	}
}
.border-radius-top-left {
	border-top-left-radius: var(--radius);
	& > .component-content {
		border-top-left-radius: var(--radius);
	}
}
.border-radius-top-right {
	border-top-right-radius: var(--radius);
	& > .component-content {
		border-top-right-radius: var(--radius);
	}
}
.border-radius-bottom-left {
	border-bottom-left-radius: var(--radius);
	& > .component-content {
		border-bottom-left-radius: var(--radius);
	}
}
.border-radius-bottom-right {
	border-bottom-right-radius: var(--radius);
	& > .component-content {
		border-bottom-right-radius: var(--radius);
	}
}
body,
html {
	margin: 0 auto;
	padding: 0;
	scroll-behavior: smooth;
	scroll-padding-top: var(--scroll-padding-top, 0px);
	overflow-x: hidden;

	a[id] {
		display: none;
		height: 0;
		width: 0;
		position: absolute;
	}

	* {
		box-sizing: border-box;
	}

	&.disabled-scroll {
		overflow: hidden;
	}
}

/* Global grid settings */

.container {
	width: 100%;
	max-width: var(--max-content);
	padding-left: 0;
	padding-right: 0;

	> .row {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-left: 0;
		margin-right: 0;
	}

	#header,
	#footer {
		padding: 0;
	}

	#header,
	#content {
		padding: 0;
	}
}

.content-wrapper,
.container-content {
	width: 100%;
	& > .component-content {
		max-width: var(--container-wrapper);
		margin: 0 auto;
	}
}

.container-flex {
	& > .component-content {
		& > .content {
			display: flex;
			flex-wrap: wrap;
		}
	}
}

/* Hide classes */

:root {
	--hide-message-mobile: "Hidden on mobile";
	--hide-message-desktop: "Hidden on desktop";
	--hide-message-tablet: "Hidden on tablet";
	--hide-message: "Hidden";
}

.hide-mobile {
	display: none;
}

@media (min-width: 768px) {
	.hide-mobile {
		display: unset;
	}
}

:root[style*="--is-author: 1"] .hide-mobile {
	display: unset;
	position: relative;
	&:before {
		content: var(--hide-message-mobile);
		display: block;
		font-size: 12px;
		color: red;
		margin-top: 5px;
	}
}

@media (min-width: 992px) {
	.hide-desktop {
		display: none;
	}
}

:root[style*="--is-author: 1"] .hide-desktop {
	display: unset;
	position: relative;
	&:before {
		content: var(--hide-message-desktop);
		display: block;
		font-size: 12px;
		color: red;
		margin-top: 5px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.hide-tablet {
		display: none;
	}
}

:root[style*="--is-author: 1"] .hide-tablet {
	display: unset;
	position: relative;
	&:before {
		content: var(--hide-message-tablet);
		display: block;
		font-size: 12px;
		color: red;
		margin-top: 5px;
	}
}

.hidden,
.is-hidden {
	display: none !important;
}

:root[style*="--is-author: 1"] .hidden {
	display: unset !important;
	position: relative;
	&:before {
		content: var(--hide-message);
		display: block;
		font-size: 12px;
		color: red;
		margin-top: 5px;
	}
}

/* Components */

.component {
	float: left;
	padding: var(--content-padding-global-mobile);
	@media (min-width: 1281px) {
		padding: var(--content-padding-global);
	}
}

/* Bootstrap Reset */

#header,
#footer,
#content {
	& > .row > .layout-outer > .layout-inner > .col-xs-12,
	& > .row > .layout-outer > .layout-inner > .col-md-12,
	& > .row > .layout-outer > .layout-inner > .default-style {
		padding: 0;
		margin: 0;
		border: 0;
		background: transparent;
	}
}

.paragraphSystem,
.row {
	padding-right: 0;
	padding-left: 0;
	margin: 0;
}
.margin-top-0:not(.box:not(.container-content)),.box.margin-top-0:not(.container-content)>.component-content{margin-top:0 !important}@media(min-width: 768px){.margin-top-0:not(.box:not(.container-content)),.box.margin-top-0:not(.container-content)>.component-content{margin-top:0 !important}}@media(max-width: 767px){.mobile-margin-top-0:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-0:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:0 !important}}.margin-top-1:not(.box:not(.container-content)),.box.margin-top-1:not(.container-content)>.component-content{margin-top:8px !important}@media(min-width: 768px){.margin-top-1:not(.box:not(.container-content)),.box.margin-top-1:not(.container-content)>.component-content{margin-top:8px !important}}@media(max-width: 767px){.mobile-margin-top-1:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-1:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:8px !important}}.margin-top-2:not(.box:not(.container-content)),.box.margin-top-2:not(.container-content)>.component-content{margin-top:12px !important}@media(min-width: 768px){.margin-top-2:not(.box:not(.container-content)),.box.margin-top-2:not(.container-content)>.component-content{margin-top:12px !important}}@media(max-width: 767px){.mobile-margin-top-2:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-2:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:12px !important}}.margin-top-3:not(.box:not(.container-content)),.box.margin-top-3:not(.container-content)>.component-content{margin-top:14px !important}@media(min-width: 768px){.margin-top-3:not(.box:not(.container-content)),.box.margin-top-3:not(.container-content)>.component-content{margin-top:14px !important}}@media(max-width: 767px){.mobile-margin-top-3:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-3:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:14px !important}}.margin-top-4:not(.box:not(.container-content)),.box.margin-top-4:not(.container-content)>.component-content{margin-top:16px !important}@media(min-width: 768px){.margin-top-4:not(.box:not(.container-content)),.box.margin-top-4:not(.container-content)>.component-content{margin-top:16px !important}}@media(max-width: 767px){.mobile-margin-top-4:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-4:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:16px !important}}.margin-top-5:not(.box:not(.container-content)),.box.margin-top-5:not(.container-content)>.component-content{margin-top:24px !important}@media(min-width: 768px){.margin-top-5:not(.box:not(.container-content)),.box.margin-top-5:not(.container-content)>.component-content{margin-top:28px !important}}@media(max-width: 767px){.mobile-margin-top-5:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-5:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:24px !important}}.margin-top-6:not(.box:not(.container-content)),.box.margin-top-6:not(.container-content)>.component-content{margin-top:28px !important}@media(min-width: 768px){.margin-top-6:not(.box:not(.container-content)),.box.margin-top-6:not(.container-content)>.component-content{margin-top:32px !important}}@media(max-width: 767px){.mobile-margin-top-6:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-top-6:not(.container-content):not(.prevent-overwrite)>.component-content{margin-top:28px !important}}.margin-bottom-0:not(.box:not(.container-content)),.box.margin-bottom-0:not(.container-content)>.component-content{margin-bottom:0 !important}@media(min-width: 768px){.margin-bottom-0:not(.box:not(.container-content)),.box.margin-bottom-0:not(.container-content)>.component-content{margin-bottom:0 !important}}@media(max-width: 767px){.mobile-margin-bottom-0:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-0:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:0 !important}}.margin-bottom-1:not(.box:not(.container-content)),.box.margin-bottom-1:not(.container-content)>.component-content{margin-bottom:8px !important}@media(min-width: 768px){.margin-bottom-1:not(.box:not(.container-content)),.box.margin-bottom-1:not(.container-content)>.component-content{margin-bottom:8px !important}}@media(max-width: 767px){.mobile-margin-bottom-1:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-1:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:8px !important}}.margin-bottom-2:not(.box:not(.container-content)),.box.margin-bottom-2:not(.container-content)>.component-content{margin-bottom:12px !important}@media(min-width: 768px){.margin-bottom-2:not(.box:not(.container-content)),.box.margin-bottom-2:not(.container-content)>.component-content{margin-bottom:12px !important}}@media(max-width: 767px){.mobile-margin-bottom-2:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-2:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:12px !important}}.margin-bottom-3:not(.box:not(.container-content)),.box.margin-bottom-3:not(.container-content)>.component-content{margin-bottom:14px !important}@media(min-width: 768px){.margin-bottom-3:not(.box:not(.container-content)),.box.margin-bottom-3:not(.container-content)>.component-content{margin-bottom:14px !important}}@media(max-width: 767px){.mobile-margin-bottom-3:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-3:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:14px !important}}.margin-bottom-4:not(.box:not(.container-content)),.box.margin-bottom-4:not(.container-content)>.component-content{margin-bottom:16px !important}@media(min-width: 768px){.margin-bottom-4:not(.box:not(.container-content)),.box.margin-bottom-4:not(.container-content)>.component-content{margin-bottom:16px !important}}@media(max-width: 767px){.mobile-margin-bottom-4:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-4:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:16px !important}}.margin-bottom-5:not(.box:not(.container-content)),.box.margin-bottom-5:not(.container-content)>.component-content{margin-bottom:24px !important}@media(min-width: 768px){.margin-bottom-5:not(.box:not(.container-content)),.box.margin-bottom-5:not(.container-content)>.component-content{margin-bottom:28px !important}}@media(max-width: 767px){.mobile-margin-bottom-5:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-5:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:24px !important}}.margin-bottom-6:not(.box:not(.container-content)),.box.margin-bottom-6:not(.container-content)>.component-content{margin-bottom:28px !important}@media(min-width: 768px){.margin-bottom-6:not(.box:not(.container-content)),.box.margin-bottom-6:not(.container-content)>.component-content{margin-bottom:32px !important}}@media(max-width: 767px){.mobile-margin-bottom-6:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-bottom-6:not(.container-content):not(.prevent-overwrite)>.component-content{margin-bottom:28px !important}}.margin-left-0:not(.box:not(.container-content)),.box.margin-left-0:not(.container-content)>.component-content{margin-left:0 !important}@media(min-width: 768px){.margin-left-0:not(.box:not(.container-content)),.box.margin-left-0:not(.container-content)>.component-content{margin-left:0 !important}}@media(max-width: 767px){.mobile-margin-left-0:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-0:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:0 !important}}.margin-left-1:not(.box:not(.container-content)),.box.margin-left-1:not(.container-content)>.component-content{margin-left:8px !important}@media(min-width: 768px){.margin-left-1:not(.box:not(.container-content)),.box.margin-left-1:not(.container-content)>.component-content{margin-left:8px !important}}@media(max-width: 767px){.mobile-margin-left-1:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-1:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:8px !important}}.margin-left-2:not(.box:not(.container-content)),.box.margin-left-2:not(.container-content)>.component-content{margin-left:12px !important}@media(min-width: 768px){.margin-left-2:not(.box:not(.container-content)),.box.margin-left-2:not(.container-content)>.component-content{margin-left:12px !important}}@media(max-width: 767px){.mobile-margin-left-2:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-2:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:12px !important}}.margin-left-3:not(.box:not(.container-content)),.box.margin-left-3:not(.container-content)>.component-content{margin-left:14px !important}@media(min-width: 768px){.margin-left-3:not(.box:not(.container-content)),.box.margin-left-3:not(.container-content)>.component-content{margin-left:14px !important}}@media(max-width: 767px){.mobile-margin-left-3:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-3:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:14px !important}}.margin-left-4:not(.box:not(.container-content)),.box.margin-left-4:not(.container-content)>.component-content{margin-left:16px !important}@media(min-width: 768px){.margin-left-4:not(.box:not(.container-content)),.box.margin-left-4:not(.container-content)>.component-content{margin-left:16px !important}}@media(max-width: 767px){.mobile-margin-left-4:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-4:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:16px !important}}.margin-left-5:not(.box:not(.container-content)),.box.margin-left-5:not(.container-content)>.component-content{margin-left:24px !important}@media(min-width: 768px){.margin-left-5:not(.box:not(.container-content)),.box.margin-left-5:not(.container-content)>.component-content{margin-left:28px !important}}@media(max-width: 767px){.mobile-margin-left-5:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-5:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:24px !important}}.margin-left-6:not(.box:not(.container-content)),.box.margin-left-6:not(.container-content)>.component-content{margin-left:28px !important}@media(min-width: 768px){.margin-left-6:not(.box:not(.container-content)),.box.margin-left-6:not(.container-content)>.component-content{margin-left:32px !important}}@media(max-width: 767px){.mobile-margin-left-6:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-left-6:not(.container-content):not(.prevent-overwrite)>.component-content{margin-left:28px !important}}.margin-right-0:not(.box:not(.container-content)),.box.margin-right-0:not(.container-content)>.component-content{margin-right:0 !important}@media(min-width: 768px){.margin-right-0:not(.box:not(.container-content)),.box.margin-right-0:not(.container-content)>.component-content{margin-right:0 !important}}@media(max-width: 767px){.mobile-margin-right-0:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-0:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:0 !important}}.margin-right-1:not(.box:not(.container-content)),.box.margin-right-1:not(.container-content)>.component-content{margin-right:8px !important}@media(min-width: 768px){.margin-right-1:not(.box:not(.container-content)),.box.margin-right-1:not(.container-content)>.component-content{margin-right:8px !important}}@media(max-width: 767px){.mobile-margin-right-1:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-1:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:8px !important}}.margin-right-2:not(.box:not(.container-content)),.box.margin-right-2:not(.container-content)>.component-content{margin-right:12px !important}@media(min-width: 768px){.margin-right-2:not(.box:not(.container-content)),.box.margin-right-2:not(.container-content)>.component-content{margin-right:12px !important}}@media(max-width: 767px){.mobile-margin-right-2:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-2:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:12px !important}}.margin-right-3:not(.box:not(.container-content)),.box.margin-right-3:not(.container-content)>.component-content{margin-right:14px !important}@media(min-width: 768px){.margin-right-3:not(.box:not(.container-content)),.box.margin-right-3:not(.container-content)>.component-content{margin-right:14px !important}}@media(max-width: 767px){.mobile-margin-right-3:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-3:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:14px !important}}.margin-right-4:not(.box:not(.container-content)),.box.margin-right-4:not(.container-content)>.component-content{margin-right:16px !important}@media(min-width: 768px){.margin-right-4:not(.box:not(.container-content)),.box.margin-right-4:not(.container-content)>.component-content{margin-right:16px !important}}@media(max-width: 767px){.mobile-margin-right-4:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-4:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:16px !important}}.margin-right-5:not(.box:not(.container-content)),.box.margin-right-5:not(.container-content)>.component-content{margin-right:24px !important}@media(min-width: 768px){.margin-right-5:not(.box:not(.container-content)),.box.margin-right-5:not(.container-content)>.component-content{margin-right:28px !important}}@media(max-width: 767px){.mobile-margin-right-5:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-5:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:24px !important}}.margin-right-6:not(.box:not(.container-content)),.box.margin-right-6:not(.container-content)>.component-content{margin-right:28px !important}@media(min-width: 768px){.margin-right-6:not(.box:not(.container-content)),.box.margin-right-6:not(.container-content)>.component-content{margin-right:32px !important}}@media(max-width: 767px){.mobile-margin-right-6:not(.box:not(.container-content)):not(.prevent-overwrite),.box.mobile-margin-right-6:not(.container-content):not(.prevent-overwrite)>.component-content{margin-right:28px !important}}.padding-top-0:not(.box),.box.padding-top-0>.component-content{padding-top:0 !important}@media(min-width: 768px){.padding-top-0:not(.box),.box.padding-top-0>.component-content{padding-top:0 !important}}@media(max-width: 767px){.mobile-padding-top-0:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-0:not(.prevent-overwrite)>.component-content{padding-top:0 !important}}.padding-top-1:not(.box),.box.padding-top-1>.component-content{padding-top:8px !important}@media(min-width: 768px){.padding-top-1:not(.box),.box.padding-top-1>.component-content{padding-top:8px !important}}@media(max-width: 767px){.mobile-padding-top-1:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-1:not(.prevent-overwrite)>.component-content{padding-top:8px !important}}.padding-top-2:not(.box),.box.padding-top-2>.component-content{padding-top:12px !important}@media(min-width: 768px){.padding-top-2:not(.box),.box.padding-top-2>.component-content{padding-top:12px !important}}@media(max-width: 767px){.mobile-padding-top-2:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-2:not(.prevent-overwrite)>.component-content{padding-top:12px !important}}.padding-top-3:not(.box),.box.padding-top-3>.component-content{padding-top:14px !important}@media(min-width: 768px){.padding-top-3:not(.box),.box.padding-top-3>.component-content{padding-top:14px !important}}@media(max-width: 767px){.mobile-padding-top-3:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-3:not(.prevent-overwrite)>.component-content{padding-top:14px !important}}.padding-top-4:not(.box),.box.padding-top-4>.component-content{padding-top:16px !important}@media(min-width: 768px){.padding-top-4:not(.box),.box.padding-top-4>.component-content{padding-top:16px !important}}@media(max-width: 767px){.mobile-padding-top-4:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-4:not(.prevent-overwrite)>.component-content{padding-top:16px !important}}.padding-top-5:not(.box),.box.padding-top-5>.component-content{padding-top:24px !important}@media(min-width: 768px){.padding-top-5:not(.box),.box.padding-top-5>.component-content{padding-top:28px !important}}@media(max-width: 767px){.mobile-padding-top-5:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-5:not(.prevent-overwrite)>.component-content{padding-top:24px !important}}.padding-top-6:not(.box),.box.padding-top-6>.component-content{padding-top:28px !important}@media(min-width: 768px){.padding-top-6:not(.box),.box.padding-top-6>.component-content{padding-top:32px !important}}@media(max-width: 767px){.mobile-padding-top-6:not(.box):not(.prevent-overwrite),.box.mobile-padding-top-6:not(.prevent-overwrite)>.component-content{padding-top:28px !important}}.padding-bottom-0:not(.box),.box.padding-bottom-0>.component-content{padding-bottom:0 !important}@media(min-width: 768px){.padding-bottom-0:not(.box),.box.padding-bottom-0>.component-content{padding-bottom:0 !important}}@media(max-width: 767px){.mobile-padding-bottom-0:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-0:not(.prevent-overwrite)>.component-content{padding-bottom:0 !important}}.padding-bottom-1:not(.box),.box.padding-bottom-1>.component-content{padding-bottom:8px !important}@media(min-width: 768px){.padding-bottom-1:not(.box),.box.padding-bottom-1>.component-content{padding-bottom:8px !important}}@media(max-width: 767px){.mobile-padding-bottom-1:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-1:not(.prevent-overwrite)>.component-content{padding-bottom:8px !important}}.padding-bottom-2:not(.box),.box.padding-bottom-2>.component-content{padding-bottom:12px !important}@media(min-width: 768px){.padding-bottom-2:not(.box),.box.padding-bottom-2>.component-content{padding-bottom:12px !important}}@media(max-width: 767px){.mobile-padding-bottom-2:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-2:not(.prevent-overwrite)>.component-content{padding-bottom:12px !important}}.padding-bottom-3:not(.box),.box.padding-bottom-3>.component-content{padding-bottom:14px !important}@media(min-width: 768px){.padding-bottom-3:not(.box),.box.padding-bottom-3>.component-content{padding-bottom:14px !important}}@media(max-width: 767px){.mobile-padding-bottom-3:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-3:not(.prevent-overwrite)>.component-content{padding-bottom:14px !important}}.padding-bottom-4:not(.box),.box.padding-bottom-4>.component-content{padding-bottom:16px !important}@media(min-width: 768px){.padding-bottom-4:not(.box),.box.padding-bottom-4>.component-content{padding-bottom:16px !important}}@media(max-width: 767px){.mobile-padding-bottom-4:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-4:not(.prevent-overwrite)>.component-content{padding-bottom:16px !important}}.padding-bottom-5:not(.box),.box.padding-bottom-5>.component-content{padding-bottom:24px !important}@media(min-width: 768px){.padding-bottom-5:not(.box),.box.padding-bottom-5>.component-content{padding-bottom:28px !important}}@media(max-width: 767px){.mobile-padding-bottom-5:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-5:not(.prevent-overwrite)>.component-content{padding-bottom:24px !important}}.padding-bottom-6:not(.box),.box.padding-bottom-6>.component-content{padding-bottom:28px !important}@media(min-width: 768px){.padding-bottom-6:not(.box),.box.padding-bottom-6>.component-content{padding-bottom:32px !important}}@media(max-width: 767px){.mobile-padding-bottom-6:not(.box):not(.prevent-overwrite),.box.mobile-padding-bottom-6:not(.prevent-overwrite)>.component-content{padding-bottom:28px !important}}.padding-left-0:not(.box),.box.padding-left-0>.component-content{padding-left:0 !important}@media(min-width: 768px){.padding-left-0:not(.box),.box.padding-left-0>.component-content{padding-left:0 !important}}@media(max-width: 767px){.mobile-padding-left-0:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-0:not(.prevent-overwrite)>.component-content{padding-left:0 !important}}.padding-left-1:not(.box),.box.padding-left-1>.component-content{padding-left:8px !important}@media(min-width: 768px){.padding-left-1:not(.box),.box.padding-left-1>.component-content{padding-left:8px !important}}@media(max-width: 767px){.mobile-padding-left-1:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-1:not(.prevent-overwrite)>.component-content{padding-left:8px !important}}.padding-left-2:not(.box),.box.padding-left-2>.component-content{padding-left:12px !important}@media(min-width: 768px){.padding-left-2:not(.box),.box.padding-left-2>.component-content{padding-left:12px !important}}@media(max-width: 767px){.mobile-padding-left-2:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-2:not(.prevent-overwrite)>.component-content{padding-left:12px !important}}.padding-left-3:not(.box),.box.padding-left-3>.component-content{padding-left:14px !important}@media(min-width: 768px){.padding-left-3:not(.box),.box.padding-left-3>.component-content{padding-left:14px !important}}@media(max-width: 767px){.mobile-padding-left-3:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-3:not(.prevent-overwrite)>.component-content{padding-left:14px !important}}.padding-left-4:not(.box),.box.padding-left-4>.component-content{padding-left:16px !important}@media(min-width: 768px){.padding-left-4:not(.box),.box.padding-left-4>.component-content{padding-left:16px !important}}@media(max-width: 767px){.mobile-padding-left-4:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-4:not(.prevent-overwrite)>.component-content{padding-left:16px !important}}.padding-left-5:not(.box),.box.padding-left-5>.component-content{padding-left:24px !important}@media(min-width: 768px){.padding-left-5:not(.box),.box.padding-left-5>.component-content{padding-left:28px !important}}@media(max-width: 767px){.mobile-padding-left-5:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-5:not(.prevent-overwrite)>.component-content{padding-left:24px !important}}.padding-left-6:not(.box),.box.padding-left-6>.component-content{padding-left:28px !important}@media(min-width: 768px){.padding-left-6:not(.box),.box.padding-left-6>.component-content{padding-left:32px !important}}@media(max-width: 767px){.mobile-padding-left-6:not(.box):not(.prevent-overwrite),.box.mobile-padding-left-6:not(.prevent-overwrite)>.component-content{padding-left:28px !important}}.padding-right-0:not(.box),.box.padding-right-0>.component-content{padding-right:0 !important}@media(min-width: 768px){.padding-right-0:not(.box),.box.padding-right-0>.component-content{padding-right:0 !important}}@media(max-width: 767px){.mobile-padding-right-0:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-0:not(.prevent-overwrite)>.component-content{padding-right:0 !important}}.padding-right-1:not(.box),.box.padding-right-1>.component-content{padding-right:8px !important}@media(min-width: 768px){.padding-right-1:not(.box),.box.padding-right-1>.component-content{padding-right:8px !important}}@media(max-width: 767px){.mobile-padding-right-1:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-1:not(.prevent-overwrite)>.component-content{padding-right:8px !important}}.padding-right-2:not(.box),.box.padding-right-2>.component-content{padding-right:12px !important}@media(min-width: 768px){.padding-right-2:not(.box),.box.padding-right-2>.component-content{padding-right:12px !important}}@media(max-width: 767px){.mobile-padding-right-2:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-2:not(.prevent-overwrite)>.component-content{padding-right:12px !important}}.padding-right-3:not(.box),.box.padding-right-3>.component-content{padding-right:14px !important}@media(min-width: 768px){.padding-right-3:not(.box),.box.padding-right-3>.component-content{padding-right:14px !important}}@media(max-width: 767px){.mobile-padding-right-3:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-3:not(.prevent-overwrite)>.component-content{padding-right:14px !important}}.padding-right-4:not(.box),.box.padding-right-4>.component-content{padding-right:16px !important}@media(min-width: 768px){.padding-right-4:not(.box),.box.padding-right-4>.component-content{padding-right:16px !important}}@media(max-width: 767px){.mobile-padding-right-4:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-4:not(.prevent-overwrite)>.component-content{padding-right:16px !important}}.padding-right-5:not(.box),.box.padding-right-5>.component-content{padding-right:24px !important}@media(min-width: 768px){.padding-right-5:not(.box),.box.padding-right-5>.component-content{padding-right:28px !important}}@media(max-width: 767px){.mobile-padding-right-5:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-5:not(.prevent-overwrite)>.component-content{padding-right:24px !important}}.padding-right-6:not(.box),.box.padding-right-6>.component-content{padding-right:28px !important}@media(min-width: 768px){.padding-right-6:not(.box),.box.padding-right-6>.component-content{padding-right:32px !important}}@media(max-width: 767px){.mobile-padding-right-6:not(.box):not(.prevent-overwrite),.box.mobile-padding-right-6:not(.prevent-overwrite)>.component-content{padding-right:28px !important}}
.border-variant-1 {
	> .component-content {
		border: 1px solid var(--neutral-900);
	}
}
.btn-primary,
.btn-secondary {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.btn-primary {
	background-color: transparent;
	color: var(--neutral-900);
	border: 1px solid var(--neutral-900);
	padding: 12px 8px;
	min-width: 77px;
	max-height: 32px;
	overflow: hidden;
	transition: color 0.2s ease-in-out, border-color 0.3s ease-in-out;
	position: relative;
	z-index: 1;

	&.color-2 {
		background-color: transparent;
		border-color: var(--neutral-100);
		color: var(--neutral-100);

		&::before {
			background-color: var(--neutral-100);
		}
	}

	&.color-3 {
		background-color: var(--primary-900);
		border-color: var(--primary-900);
		color: var(--neutral-100);

		&::before {
			background-color: var(--neutral-100);
		}

		&:focus{
			outline: 1px solid black;
			outline-offset: 1px;
		}
	}

	&.color-4 {
		background-color: var(--neutral-100);
		border-color: var(--neutral-100);
		color: var(--neutral-900);

		&::before {
			background-color: var(--primary-900);
		}
	}

	&.color-5 {
		background-color: var(--secondary-900);
		border-color: var(--secondary-900);
		color: var(--neutral-100);

		&::before {
			background-color: var(--neutral-100);
		}
	}

	&:hover {
		color: var(--neutral-100);

		&.color-2 {
			color: var(--neutral-900);
		}

		&.color-3 {
			color: var(--neutral-900);
		}

		&.color-4 {
			color: var(--neutral-100);
		}

		&.color-5 {
			color: var(--secondary-900);
		}
	}

	&.icon-1 {
		&:after {
			content: "";
			mask: url("../../../../apretude-v3/desktop/assets/icons/icon-chevron-right.svg");
			-webkit-mask: url("../../../../apretude-v3/desktop/assets/icons/icon-chevron-right.svg");
			mask-repeat: no-repeat;
			-webkit-mask-repeat: no-repeat;
			mask-size: contain;
			-webkit-mask-size: contain;
			background-color: var(--neutral-900);
			transition: background-color 0.35s ease-in-out;
			display: inline-block;
			width: 8px;
			height: 16px;
			margin-left: 10px;
		}
		&.color-2::after,
		&.color-3::after,
		&.color-5::after {
			background-color: var(--neutral-100);
		}
		&.color-4::after {
			background-color: var(--primary-900);
		}
		&:hover::after {
			background-color: var(--neutral-100);
		}
		&.color-2:hover::after {
			background-color: var(--neutral-900);
		}
		&.color-3:hover::after {
			background-color: var(--primary-900);
		}
		&.color-5:hover::after {
			background-color: var(--secondary-900);
		}
	}

	&.icon-2 {
		&:after {
			content: "";
			mask: url("../../../../apretude-v3/desktop/assets/icons/icon-download.svg");
			-webkit-mask: url("../../../../apretude-v3/desktop/assets/icons/icon-download.svg");
			mask-repeat: no-repeat;
			-webkit-mask-repeat: no-repeat;
			mask-size: contain;
			-webkit-mask-size: contain;
			background-color: var(--neutral-100);
			transition: background-color 0.35s ease-in-out;
			display: inline-block;
			width: 28px;
			height: 28px;
		}
		&.color-4::after {
			background-color: var(--primary-900);
		}
		&.color-4:hover::after {
			background-color: var(--neutral-100);
		}
		&.color-5:hover::after {
			background-color: var(--secondary-900);
		}
		padding-right: 0;
	}

	&::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 300%;
		background-color: var(--neutral-900);
		clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
		opacity: 0.75;
		transition: clip-path 0.50s ease-in-out, opacity 0.3s ease-in-out;
		z-index: -1;
	}

	&:hover::before {
		clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 60%);
		opacity: 1;
	}
}

.btn-secondary {
	background-color: transparent;
	color: var(--neutral-900);
	border: 1px solid var(--neutral-900);
	font-size: 14px;
	line-height: 14px;
	min-width: 45px;
	max-height: 26px;
	padding: 6px 8px;

	transition: background-color 0.2s ease-in-out;
	&:hover {
		background-color: var(--neutral-900);
		color: var(--neutral-100);
	}

	&.color-2 {
		color: var(--neutral-100);
		border-color: var(--neutral-100);

		&:hover {
			background-color: var(--neutral-100);
			color: var(--neutral-900);
		}
	}

	&.color-6 {
		color: var(--secondary-900);
		border-color: var(--secondary-900);

		&:hover {
			background-color: var(--secondary-900);
			color: var(--neutral-100);
		}
	}
}
[data-simplebar] {
	position: relative;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.simplebar-wrapper {
	overflow: hidden;
	width: inherit;
	height: inherit;
	max-width: inherit;
	max-height: inherit;
}

.simplebar-mask {
	direction: inherit;
	position: absolute;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto !important;
	height: auto !important;
	z-index: 0;
}

.simplebar-offset {
	direction: inherit !important;
	box-sizing: inherit !important;
	resize: none !important;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	-webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
	direction: inherit;
	box-sizing: border-box !important;
	position: relative;
	display: block;
	height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
	width: auto;
	max-width: 100%; /* Not required for horizontal scroll to trigger */
	max-height: 100%; /* Needed for vertical scroll to trigger */
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
	content: " ";
	display: table;
}

.simplebar-placeholder {
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
	box-sizing: inherit !important;
	height: 100%;
	width: 100%;
	max-width: 1px;
	position: relative;
	float: left;
	max-height: 1px;
	overflow: hidden;
	z-index: -1;
	padding: 0;
	margin: 0;
	pointer-events: none;
	flex-grow: inherit;
	flex-shrink: 0;
	flex-basis: 0;
}

.simplebar-height-auto-observer {
	box-sizing: inherit;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 1000%;
	width: 1000%;
	min-height: 1px;
	min-width: 1px;
	overflow: hidden;
	pointer-events: none;
	z-index: -1;
}

.simplebar-track {
	z-index: 1;
	position: absolute;
	right: 0px;
	background-color: #d9d9d9;
	bottom: 0;
	pointer-events: none;
	overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
	pointer-events: all;
}

.simplebar-scrollbar {
	position: absolute;
	left: 0;
	right: 0;
}

.simplebar-scrollbar:before {
	position: absolute;
	content: "";
	background: #919191;
	border-radius: 3px;
	left: 0;
	right: 0;
	transition: opacity 0.2s linear;
	width: 7px;
}

.simplebar-track.simplebar-vertical {
	top: 0px;
	bottom: 0px;
	width: 7px;
	border-radius: 3px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	top: 0;
	bottom: 0;
}

/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
	right: auto;
	left: 0;
}
ul {
	margin: 0 0 8px 0;
	padding-left: 16px;
	list-style: none;

	li {
		position: relative;
		margin-bottom: 8px;

		&::before {
			position: absolute;
			left: -16px;
			top: -1px;
			content: "";
			display: inline-block;
			width: 6px;
			height: 20px;
			background-image: url("../../../../apretude-v3/desktop/assets/icons/icon-dot-solid.svg");
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}

		&:has(> ul:first-child:last-child:only-child) {
			&::before {
				content: none;
			}
		}

		> ul {
			margin-top: 8px;
		}
	}

	ul li {
		&::before {
			position: absolute;
			left: -16px;
			top: -1px;
			content: "";
			display: inline-block;
			width: 6px;
			height: 20px;
			background-image: url("../../../../apretude-v3/desktop/assets/icons/icon-dot-solid.svg");
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
	}
}

ol {
	margin: 0;
	padding-left: 23px;

	li {
		word-wrap: break-word;

		&::marker {
			font-weight: bold;
			font-size: 14px;
			line-height: 20px;
		}
	}
}
.box {
	background: transparent;
	padding: 0;

	/* Box Colors */

	&.bg-color-1 {
		> .component-content {
			background: var(--neutral-900);
		}
	}

	&.bg-color-2 {
		> .component-content {
			background: var(--secondary-900);
		}
	}

	&.bg-color-3 {
		> .component-content {
			background: var(--primary-900);
		}
	}

	&.bg-color-4 {
		> .component-content {
			background: var(--neutral-100);
		}
	}

	&.bg-color-5 {
		> .component-content {
			background: var(--secondary-700);
		}
	}

	&.bg-color-6 {
		> .component-content {
			background: var(--neutral-300);
		}
	}

	&.bg-color-7 {
		> .component-content {
			background: var(--primary-200);
		}
	}

	&.bg-color-8 {
		> .component-content {
			background: var(--secondary-400);
		}
	}

	&.bg-color-9 {
		> .component-content {
			background: var(--neutral-200);
		}
	}

	& > .component-content {
		padding: 0;
		height: 100%;
	}

	&.container-content {
		margin: 0 auto;
		& > .component-content {
			margin: 0 auto;
			padding: var(--container-padding-vertical-mobile)
				var(--container-padding-horizontal-mobile);
			@media (min-width: 1281px) {
				padding: var(--container-padding-vertical)
					var(--container-padding-horizontal);
			}
		}
	}

	&.container-flex {
		& > .component-content {
			& > .content {
				display: flex;
			}
		}
	}

	&.container-flex-center {
		& > .component-content {
			& > .content {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				height: 100%;
			}
		}
	}

	/* Box variants */

	/* Adds spacings */
	&.component-variant-1 {
		padding: 8px;

		@media (min-width: 1281px) {
			padding: 16px;
		}

		> .component-content {
			padding: 8px;

			@media (min-width: 1281px) {
				padding: 16px;
			}
		}
	}

	/* Makes two boxes positioned horizontally to be section boxes and full width */
	&.component-variant-2 {
		> .component-content {
			padding: 0;

			.component-variant-1 {
				padding: 0;

				> .component-content {
					padding: 16px 8px;

					@media (min-width: 1281px) {
						padding: 16px;
					}
				}

				/* Adds full width bg color */
				@media (min-width: 1441px) {
					&::after {
						content: "";
						position: absolute;
						left: 0;
						right: 0;
						top: 0;
						bottom: 0;
						z-index: -1;
					}

					&.col-sm-4 {
						&::after {
							left: calc((1920px - 300%) / -2);
							right: 0;
						}
						~ .col-sm-8 {
							&::after {
								right: calc((1920px - 150%) / -2);
								left: 0;
							}
						}
					}
					&.col-sm-8 {
						&::after {
							left: calc((1920px - 150%) / -2);
							right: 0;
						}
						~ .col-sm-4 {
							&::after {
								right: calc((1920px - 300%) / -2);
								left: 0;
							}
						}
					}

					&.bg-color-7 {
						&::after {
							background-color: var(--primary-200);
						}
					}
					&.bg-color-8 {
						&::after {
							background-color: var(--secondary-400);
						}
					}
					&.bg-color-9 {
						&::after {
							background-color: var(--neutral-200);
						}
					}
				}
			}
		}
	}
}
#content,
#header,
#footer {
	.richText {
		*:last-child {
			margin-bottom: 0;
		}

		&.richText-content,
		.richText-content {
			*:last-child {
				margin-bottom: 0;
			}
		}
	}
}

.richText {
	/* BOLD */
	.selection-bold,
	strong {
		font-weight: 800;
		a {
			font-weight: 800;
		}
	}

	/* ITALIC */
	.selection-italic {
		font-style: italic;
	}

	*:has(+ p > .btn-primary) {
		margin-bottom: 16px;
	}

	&.container-flex {
		& > .component-content {
			& > .richText-content {
				display: flex;
				gap: 16px;

				> * {
					margin-bottom: 0;
				}
			}
		}
	}
	&.container-flex-center {
		& > .component-content {
			& > .richText-content {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				height: 100%;
			}
		}
	}
	&.container-flex-justify-center {
		& > .component-content {
			& > .richText-content {
				display: flex;
				flex-direction: column;
				align-items: flex-start;

				@media (min-width: 992px) {
					justify-content: center;
					flex-direction: row;
				}
			}
		}
		&.container-flex-center {
			& > .component-content {
				& > .richText-content {
					@media (min-width: 992px) {
						align-items: center;
					}
				}
			}
		}
	}
	&.container-flex-space-between {
		& > .component-content {
			& > .richText-content {
				display: flex;
				justify-content: space-between;
			}
		}
	}

	/* Component variants */

	/* footnote */
	&.component-variant-1 {
		p {
			font-size: 12px;
			line-height: 16px;
			font-weight: 400;
			font-family: "Roboto Condensed", sans-serif;
			color: var(--neutral-900);
			margin-bottom: 6px;
			position: relative;

			sup {
				line-height: inherit;
				position: absolute;
				transform: translateX(-5px);
				top: -3px;
			}

			.variant-3 {
				line-height: inherit;
				position: absolute;
				transform: translateX(-6px);
				font-family: "nunito-sans", sans-serif;
			}
		}
	}

	.variant-1 {
		font-size: 12px;
		line-height: 16px;
		font-weight: 400;
		font-family: "Roboto Condensed", sans-serif;
		color: var(--neutral-900);
		position: relative;

		sup {
			line-height: inherit;
			position: absolute;
			transform: translateX(-5px);
			top: -3px;
		}

		.variant-3 {
			line-height: inherit;
			position: absolute;
			transform: translateX(-6px);
			font-family: "nunito-sans", sans-serif;
		}
	}

	/* indication */
	&.component-variant-2 {
		p {
			font-size: 10px;
			line-height: 12px;
			font-weight: 400;
			font-family: "Roboto Condensed", sans-serif;
			color: var(--neutral-900);
			margin-bottom: 0px;

			@media (min-width: 768px) {
				font-size: 14px;
				line-height: 14px;
			}
		}
	}
	.variant-2 {
		font-size: 10px;
		line-height: 12px;
		font-weight: 400;
		font-family: "Roboto Condensed", sans-serif;
		color: var(--neutral-900);

		@media (min-width: 768px) {
			font-size: 14px;
			line-height: 14px;
		}
	}

	/* Small tags */
	&.component-variant-4 {
		p {
			font-family: "Roboto Condensed", sans-serif;
			font-size: 14px;
			line-height: 20px;
			font-weight: 700;
			margin-bottom: 4px;
		}
	}
	.variant-4 {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 14px;
		line-height: 20px;
		font-weight: 700;
	}

	/* LISTS */
	/* Adds arrow bullets */
	&.component-variant-5 ul,
	ul.variant-5 {
		list-style: none;
		padding: 0;

		li {
			position: relative;
			padding-left: 18px;
			margin-bottom: 16px;

			&::before {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				height: 16px;
				width: 8px;
				margin-right: 10px;
				background-image: url("../../../../apretude-v3/desktop/assets/icons/icon-chevron-right.svg");
				background-repeat: no-repeat;
				background-size: auto;
			}
		}
	}

	/* Adds bottom border */
	&.component-variant-6 ul,
	ul.variant-6 {
		li {
			border-bottom: 1px solid var(--primary-900);
			padding-bottom: 16px;
		}
	}

	/* Creates horizontal list */
	&.component-variant-7 {
		ul {
			display: flex;
			flex-direction: column;
			column-gap: 28px;

			@media (min-width: 768px) {
				flex-direction: row;
			}

			li {
				height: fit-content;
			}
		}

		&:not(.component-variant-5) {
			ul {
				flex-wrap: wrap;
			}
		}
		&.component-variant-5,
		&.component-variant-6 {
			ul {
				li {
					@media (min-width: 768px) {
						margin-bottom: 0;
					}
				}
			}
		}
	}
	ul.variant-7 {
		display: flex;
		flex-direction: column;
		column-gap: 28px;

		@media (min-width: 768px) {
			flex-direction: row;
		}

		li {
			height: fit-content;
		}

		&:not(.variant-5) {
			flex-wrap: wrap;
		}
		&.variant-5 {
			li {
				@media (min-width: 768px) {
					flex: 1;
					margin-bottom: 0;
				}
			}
		}
		&.variant-6 {
			li {
				@media (min-width: 768px) {
					margin-bottom: 0;
					height: unset;
				}
			}
		}
	}

	/* Adds green color */
	&.component-variant-8 {
		ul {
			li {
				&::before {
					color: var(--secondary-900);
				}
			}
		}
		/* for arrow bullets */
		&.component-variant-5 {
			ul {
				li {
					&::before {
						background-image: url("../../../../apretude-v3/desktop/assets/icons/icon-chevron-right-secondary-900.svg");
					}
				}
			}
		}
		/* for bottom border */
		&.component-variant-6 {
			ul {
				li {
					border-bottom: 1px solid var(--secondary-900);
				}
			}
		}
	}
	ul.variant-8 {
		li {
			&::before {
				color: var(--secondary-900);
			}
		}
		/* for arrow bullets */
		&.variant-5 {
			li {
				&::before {
					background-image: url("../../../../apretude-v3/desktop/assets/icons/icon-chevron-right-secondary-900.svg");
				}
			}
		}
		/* for bottom border */
		&.variant-6 {
			li {
				border-bottom: 1px solid var(--secondary-900);
			}
		}
	}

	&.component-variant-9 ul,
	ul.variant-9 {
		list-style: none;
		padding: 0;
		row-gap: 40px;

		li {
			position: relative;
			margin-bottom: 0;
			margin-right: 70px;
			width: fit-content;

			&::before {
				content: none;
			}

			&::after {
				content: "";
				position: absolute;
				top: 2px;
				right: -28px;
				height: 16px;
				width: 8px;
				background-image: url("../../../../apretude-v3/desktop/assets/icons/icon-chevron-right.svg");
				background-repeat: no-repeat;
				background-size: auto;
			}
		}
	}

	&.component-variant-10 div,
	div.variant-10 {
		display: inline-flex;
		flex-direction: column;
		column-gap: 12px;

		@media (min-width: 992px) {
			flex-direction: row;
		}
	}
}
.exit-notification {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(26, 26, 26, 0.75);
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;

	.exit-notification-inner {
		background-color: var(--neutral-100);
		width: 100vw;
		margin: 0 16px;
		padding: 20px 8px;

		p {
			margin-bottom: 8px;
		}

		@media (min-width: 768px) {
			padding: 24px;
			max-width: 908px;
		}

		@media (min-width: 1281px) {
			padding: 16px;

			p {
				margin-bottom: 0;
			}
		}
	}

	.exit-notification-buttons {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		width: 100%;
		padding: 0 8px 8px;

		@media (min-width: 1281px) {
			padding-bottom: 16px;
		}
	}
}
.accordion {
	padding: 0;
	margin: 0;
	.accordion-container {
		list-style: none;
		margin: 0;
		padding: 0;
		.accordion-slide {
			position: relative;
			margin-bottom: 0;
			background-color: transparent;
			transition: background-color 0.3s ease-out;

			&::before,
			&::after {
				content: "";
				position: absolute;
				left: 0px;
				right: 0px;
				height: 1px;
				width: 100%;
				background-color: var(--neutral-900);
				transition: background-color 0.3s ease, opacity 0.3s ease;
				z-index: 10;
			}

			&::before {
				top: 0;
			}

			&::after {
				bottom: -1;
				opacity: 0;
			}

			&:has(+ .accordion-slide.is-active)::after {
				opacity: 1;
			}

			&:last-of-type {
				&::after {
					opacity: 1;
				}
			}

			&.is-active {
				background-color: var(--primary-200);
				&::before,
				&::after {
					background-color: transparent;
				}
			}

			.accordion-head {
				position: relative;
				overflow: hidden;
				padding: 16px 16px 24px;
				cursor: pointer;

				&::before {
					content: "";
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					height: 0;
					background-color: var(--primary-200);
					transition: height 0.3s ease-out;
					z-index: -1;
				}

				&:hover::before {
					height: 100%;
				}

				.accordion-title {
					margin: 0;
					padding: 0;
					width: 100%;
					position: relative;
					display: flex;
					align-items: center;
					justify-content: space-between;
					text-align: left;

					&::before,
					&::after {
						content: "";
						mask: url("../../../../apretude-v3/desktop/assets/icons/icon-minus-primary-900.svg");
						-webkit-mask: url("../../../../apretude-v3/desktop/assets/icons/icon-minus-primary-900.svg");
						mask-repeat: no-repeat;
						-webkit-mask-repeat: no-repeat;
						mask-size: contain;
						-webkit-mask-size: contain;
						background-color: var(--neutral-900);
						background-position: center;
						background-size: cover;
						min-width: 24px;
						height: 24px;
						transition: ease-in-out transform 0.25s;
					}

					&::before {
						position: absolute;
						right: 0;
						transform: rotate(90deg);
					}

					.accordion-title-link {
						display: flex;
						align-items: center;
						height: 100%;
						text-decoration: none;

						.accordion-title-text {
							font-family: "nunito-sans", sans-serif;
							font-size: 16px;
							line-height: 20px;
							font-weight: 800;
							color: var(--neutral-900);
						}
					}
				}
			}

			.accordion-content-wrapper {
				overflow: hidden;
				height: 0;
				background-color: transparent;
				transition: height 0.3s ease-out, background-color 0.3s ease-out;

				.accordion-content ul {
					list-style: none;

					&:not(.variant-5) {
						li::before {
							background-image: url("../../../../apretude-v3/desktop/assets/icons/icon-dot-solid.svg");
						}

						ul li::before {
							background-image: url("../../../../apretude-v3/desktop/assets/icons/icon-dot-empty.svg");
						}
					}
				}

				.richText {
					padding: 0 16px 32px;
				}
			}

			&.is-active {
				.accordion-head {
					.accordion-title {
						&::before,
						&::after {
							transform: rotate(-180deg);
						}
					}
				}

				.accordion-content-wrapper {
					background-color: var(--primary-200);
				}
			}
		}
	}
}

/* Variants */
.accordion {
	/* Variant 1 - adds spacings */
	&.component-variant-1 {
		padding: 8px;

		@media (min-width: 1281px) {
			padding: 16px;
		}
	}
}
.footer-component {
	p,
	a {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 14px;
		line-height: 18px;
		font-weight: 400;
	}
}.divider {
    padding: 0;
    margin: 0;
    width: 100%;
}

.box.container-content {
    .divider {
        margin-left: -8px;
        margin-right: -8px;
        width: calc(100% + 16px);

        @media (min-width: 1281px) {
            margin-left: -16px;
            margin-right: -16px;
            width: calc(100% + 32px);
        }
    }
}
.us-viiv-gc-19-anchor {
	padding: 0;
	margin: 0;
	min-height: unset;
}
.gigya-raas {
	.gigya-screen-content {
		* {
			font-family: "Nunito Sans", sans-serif;
		}

		.gigya-screen {
			padding: 0 !important;
		}

		.gigya-composite-control {
			&.gigya-composite-control-header {
				font-size: 28px;
				font-weight: 900;
				line-height: 30px;
				color: var(--primary-900);
			}

			&.gigya-composite-control-label,
			&.gigya-composite-control-checkbox {
				font-size: 16px;
				font-weight: 400;
				line-height: 20px;
				color: var(--neutral-900);
				display: block;
				b {
					color: var(--neutral-900);
				}

				a {
					color: var(--primary-900);
					text-decoration: underline;
					font-weight: 800;
				}

				.gigya-label-text {
					color: var(--neutral-900);
				}
			}

			&.gigya-composite-control-textbox {
				margin-bottom: 15px;
				padding-bottom: 0px;

				input {
					border: 1px solid var(--primary-900);
					border-radius: 4px;
					height: 50px;
					padding: 14px 16px;

					&:focus-visible {
						outline-offset: 2px !important;
						outline: -webkit-focus-ring-color auto 1px !important;
					}
				}
			}

			&.gigya-composite-control-multi-choice {
				display: flex !important;
				flex-direction: column;

				.gigya-label {
					margin: unset;
				}

				.gigya-label-text {
					font-size: 22px;
					line-height: 26px;
					font-weight: 900;
					color: var(--primary-900);

					span {
						font-size: 22px;
						line-height: 26px;
						font-weight: 900;
						color: var(--primary-900);
					}
				}

				.gigya-multi-choice-item {
					width: 100%;
					display: inline-flex;
					align-items: center;

					input {
						appearance: none;
						outline: none !important;
						box-shadow: none !important;
						border: none !important;

						&:focus {
							outline: none !important;
							box-shadow: none !important;
							border: none !important;
						}

						&:focus-visible {
							outline-offset: 2px !important;
							outline: -webkit-focus-ring-color auto 1px !important;
						}

						&:after {
							content: "";
							display: block;
							border: solid 1px var(--primary-900);
							width: 16px;
							height: 16px;
							border-radius: 50%;
							cursor: pointer;
						}
					}

					.gigya-input-radio:checked:after {
						background-color: var(--primary-900);
					}

					label {
						font-size: 16px;
						line-height: 20px;
						color: var(--neutral-900);
						font-weight: 800;
						cursor: pointer;
					}
				}

				.gigya-error-msg-active {
					order: 1;
					margin: unset;
				}
			}

			&.gigya-composite-control-checkbox {
				input {
					appearance: none;
					outline: none !important;
					box-shadow: none !important;
					border: none !important;

					&:focus {
						outline: none !important;
						box-shadow: none !important;
						border: none !important;
					}

					&:focus-visible {
						outline-offset: 2px !important;
						outline: -webkit-focus-ring-color auto 1px !important;
					}

					&:after {
						content: "";
						display: block;
						border: solid 1px var(--primary-900);
						width: 16px;
						height: 16px;
						cursor: pointer;
					}
				}

				.gigya-input-checkbox:checked:after {
					background-color: var(--primary-900);
				}

				.gigya-label {
					flex: unset;
				}
			}

			label[data-bound-to="data.APRETUDE.stayInTouch.content"],
			label[data-bound-to="data.APRETUDE.stayInTouch.understadingPrEP"] {
				display: none;
			}

			&.gigya-composite-control-submit {
				&.btn {
					max-width: 92px;
					display: inline-flex;
					position: relative;
					margin: 0 auto 0 0;
					overflow: hidden;

					.gigya-input-submit {
						display: inline-block;
						text-align: left;
						height: 32px;
						font-weight: 700;
						font-family: "Roboto", sans-serif;
						font-size: 16px;
						line-height: 16px;
						padding-left: 12px;
						border-radius: 4px;
						box-sizing: border-box;
						position: relative;
					}

					&:before {
						content: "";
						background-color: var(--neutral-100);
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100%;
						height: 300%;
						clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
						opacity: 0.75;
						transition: clip-path 0.50s ease-in-out, opacity 0.3s ease-in-out;
						z-index: -1;
					}

					&:hover {
						background-color: transparent;

						.gigya-input-submit {
							color: var(--primary-900);
							background-color: transparent;
							border: solid 1px var(--primary-900);
						}

						&:before {
							background-color: var(--neutral-100);
							clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 60%);
							opacity: 1;
							z-index: 0;
						}

						&:after {
							background-color: var(--primary-900);
						}
					}

					&:after {
						content: "";
						mask: url("../../../../apretude-v3/desktop/assets/icons/icon-chevron-right-neutral-white.svg");
						-webkit-mask: url("../../../../apretude-v3/desktop/assets/icons/icon-chevron-right-neutral-white.svg");
						mask-repeat: no-repeat;
						-webkit-mask-repeat: no-repeat;
						mask-size: contain;
						-webkit-mask-size: contain;
						background-size: contain;
						background-color: var(--neutral-100);
						width: 8px;
						height: 16px;
						display: inline-block;
						position: absolute;
						right: 7px;
						top: 8px;
					}
				}

				&.btn-primary {
					.gigya-input-submit {
						background-color: var(--secondary-900);
					}
				}

				&.btn-secondary {
					height: 32px;
					max-height: 32px;

					.gigya-input-submit {
						background-color: var(--primary-900);
					}
				}
			}

			.gigya-error-msg.gigya-error-msg-active {
				text-align: left;
			}

			.gigya-required-display.gigya-reset {
				padding-left: 0;
			}

			.color-red {
				color: #e76468;
			}
		}

		.subscribe-thank-you {
			h2 {
				font-size: 24px;
				line-height: 26px;
				font-weight: 900;
				color: var(--primary-900);
			}
		}

		div[id="thank-you-aso-stay-connected"] {
			background-color: var(--neutral-100);
		}
	}
}

.thank-you-screen-variant {
	display: none;
}
.component.section.reference-prep-locator {
	.component-content {
		* {
			font-family: "nunito-sans", sans-serif !important;
		}

		directory-widget {
			#directory-app {
				padding: 0;
				background-color: transparent;
			}

			.w991 .ddc-list > .ddc-container:first-child {
				margin-bottom: 0;
			}
		}

		.ddc-container.ddc-filters {
			margin: 0;
			width: 100%;
			max-width: 100%;
			gap: 0;
			min-height: unset;

			@media (min-width: 768px) {
				display: grid;
				grid-template-columns: 30% 70%;
				grid-template-rows: 90px auto auto;
			}
		}

		.ddc-filters__middle-section {
			margin-bottom: 28px;

			@media (min-width: 768px) {
				max-width: 330px;
				height: 29px;
			}

			.ddc-radio-group__options {
				display: block;

				.ddc-radio-group__option {
					align-items: flex-start;

					@media (min-width: 768px) {
						align-items: center;
					}
				}
			}
		}
		.ddc-filters__top-section {
			grid-column: 2;
			margin: 14px 0 20px !important;
			max-width: 100% !important;
			height: 60px;

			@media (min-width: 768px) {
				margin: 0 0 0 !important;
			}

			input {
				margin: 11px 0 0 !important;
			}

			.ddc-autocomplete__validator-element {
				bottom: -24px;
			}

			.ddc-autocomplete__clear-zipcode {
				top: 20px;
			}
		}

		.ddc-filters__collapse-section {
			grid-column: 2;
			margin: 0 !important;
			max-width: 100% !important;

			.ddc-select--multiple {
				max-width: 100% !important;
			}

			.ddc-select__toggle {
				path {
					fill: var(--primary-900);
				}
			}

			.ddc-filters__top-section-zipdrop {
				max-width: 100% !important;
				margin: 0 !important;

				@media (min-width: 768px) {
					max-width: 309px;
				}
			}
		}

		.ddc-filters__bottom-section {
			grid-column: 2;
			margin: 0;
			display: flex;
			align-items: center;
			height: 33px;
			margin-top: 32px;

			.ddc-filter-chips__clear-all-btn {
				font-size: 16px;
				line-height: 20px;
				text-decoration: underline;
				text-underline-offset: 2px;
				font-weight: 400;
			}
		}
		.ddc-container {
			.ddc-button-wrapper {
				ddc-button {
					padding: 8px 30px 8px 12px;
					border-radius: 4px;
					font-size: 16px !important;
					font-weight: 700;
					line-height: 16px;
					text-transform: uppercase;
					height: 32px;
					max-width: 94px;
					font-style: normal;
					font-family: "Roboto Condensed", sans-serif !important;

					&::after {
						background-image: none;
						mask: url("../../../../apretude-v3/desktop/assets/icons/icon-chevron-right-neutral-white.svg");
						-webkit-mask: url("../../../../apretude-v3/desktop/assets/icons/icon-chevron-right-neutral-white.svg");
						mask-repeat: no-repeat;
						-webkit-mask-repeat: no-repeat;
						mask-size: contain;
						-webkit-mask-size: contain;
						background-size: contain;
						background-color: var(--neutral-100);
						top: 8px;
						right: 10px;
						width: 8px;
						height: 16px;
					}
				}

				ddc-button.profileLink {
					max-width: 133px;
					padding: 8px 20px 8px 12px;
					margin-bottom: 16px;

					&::after {
						margin-top: 0;
					}
				}
			}
		}

		input,
		.ddc-select__toggle {
			height: 48px !important;
			border: solid 1px var(--primary-900) !important;
			border-radius: 4px !important;
			padding: 14px 19px 14px 19px !important;
			margin: 16px 0 0 0 !important;

			&::placeholder {
				font-size: 16px !important;
				line-height: 20px !important;
				font-weight: 400;
			}
		}

		.ddc-select--withSearch {
			.ddc-select__toggle {
				margin: 28px 0 0 0 !important;
			}

			.ddc-select__content__search {
				border: none;

				input {
					margin: 0 !important;
					background-position: 97% !important;
				}
			}
		}
		/* results */

		#ddc-list.ddc-list-length-0 {
			margin-bottom: 0 !important;
		}

		.ddc-list {
			max-width: 100% !important;
			margin-top: 20px !important;

			.ddc-list__content {
				margin-top: 30px;
			}

			.ddc-container.ddc-card {
				padding: 0;
				height: auto !important;
			}
		}

		.ddc-photo[url="https://assets.doctor.com/directories/images/prod/apretude-avatar-male.svg"],
		.ddc-photo[url="https://assets.doctor.com/directories/images/prod/apretude-avatar-female.svg"],
		.ddc-photo[url="https://assets.doctor.com/directories/images/prod/apretude-avatar-female.svg"] {
			background-image: url("../../../../apretude-v3/desktop/assets/icons/placeholder-prerp-doctor.png") !important;
			background-size: contain;
			width: 79px;
			height: 79px;
			border-radius: 0;
		}

		.ddc-name {
			color: var(--primary-900);
			font-size: 20px;
			font-style: normal;
			font-weight: 800;
			line-height: 24px;
		}

		.ddc-address {
			color: var(--primary-900);
			font-size: 16px;
			font-style: normal;
			font-weight: 800;
			line-height: 20px;

			&::before {
				margin-left: 0;
			}
		}

		.ddc-phone-number {
			color: var(--primary-900);
			font-size: 16px;
			font-style: normal;
			font-weight: 800;
			line-height: 20px;
		}

		.ddc-external {
			color: var(--primary-900);
			font-size: 16px;
			font-style: normal;
			font-weight: 800;
			line-height: 20px;
		}
		/* modal */
		.ddc-modal-content {
			.ddc-modal-title1 {
				.ddc-div-wrapper__message {
					text-align: center;
					font-size: 22px;
					font-style: normal;
					font-weight: 900;
					line-height: 26px;
					text-transform: uppercase;
				}
			}

			ddc-a[data-component="PhoneNumberDDC"] {
				margin-top: 16px !important;

				&::before {
					top: 0;
				}
			}
		}

		ddc-div.ddc-profile__list-title .ddc-div-wrapper__message {
			padding-bottom: 0;
		}

		.ddc-conditions {
			.ddc-div-wrapper__message {
				align-items: center;
			}
		}
	}
}