/**
 SASS files that don't get compiled into CSS. Do not put element selectors in here.
 Every file not starting with '_' should import this file if you want to use functions and mixins.
 */
/**
 * SASS variables
 *
 These are only used in the properties and abstract SASS files.
 */
/**
 Breakpoints and columns
 */
/**
 Text
 */
/**
Fill in the header styles, only write the properties you want to override.
 */
/**
 Form
 */
/**
  Buttons
 */
/**
 Breakpoints

 @param {Keyword} $breakpoint - The breakpoint name of the minimum width. Can be any of the names in the $breakpoint variable
 */
/**
  Custom column size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size in columns or 'expand'/'shrink'.
  @param {number} $total - the total size in columns. Ignored when size is 'expand'/'shrink'
 */
/**
  Custom offset size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size of the offset.
  @param {number} $total - the total size in columns.
  @param {string} - the side from the offset.
 */
.paragraph--type--pagelinks h2 {
  margin-bottom: 32px;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item {
  width: 100%;
}
@media (min-width: 992px) {
  .paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item {
    width: calc(50% - 5px);
  }
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .button {
  position: relative;
  border-radius: 500px;
  padding: 16px 20px;
  padding-right: 51px;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .button::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2479 12.8475C21.7166 12.3787 21.7166 11.6175 21.2479 11.1487L15.2479 5.14874C14.7791 4.67999 14.0179 4.67999 13.5491 5.14874C13.0804 5.61749 13.0804 6.37874 13.5491 6.84749L17.5016 10.8H3.60039C2.93664 10.8 2.40039 11.3362 2.40039 12C2.40039 12.6637 2.93664 13.2 3.60039 13.2H17.5016L13.5491 17.1525C13.0804 17.6212 13.0804 18.3825 13.5491 18.8512C14.0179 19.32 14.7791 19.32 15.2479 18.8512L21.2479 12.8512V12.8475Z' fill='%23E03026'/%3E%3C/svg%3E%0A");
  background-size: cover;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: -1px;
  transition: var(--transition);
  bottom: 0;
  right: 11px;
  left: auto;
  margin: auto;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .button::before {
  content: "";
  width: 36px;
  height: 36px;
  border-radius: 100%;
  position: absolute;
  top: -1px;
  bottom: 0;
  right: 5px;
  display: block;
  left: auto;
  margin: auto;
  transition: var(--transition);
  background-color: var(--white);
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .button:hover::before {
  background-color: var(--primary-dark-color);
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .button:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2479 12.8475C21.7166 12.3787 21.7166 11.6175 21.2479 11.1487L15.2479 5.14874C14.7791 4.67999 14.0179 4.67999 13.5491 5.14874C13.0804 5.61749 13.0804 6.37874 13.5491 6.84749L17.5016 10.8H3.60039C2.93664 10.8 2.40039 11.3362 2.40039 12C2.40039 12.6637 2.93664 13.2 3.60039 13.2H17.5016L13.5491 17.1525C13.0804 17.6212 13.0804 18.3825 13.5491 18.8512C14.0179 19.32 14.7791 19.32 15.2479 18.8512L21.2479 12.8512V12.8475Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item:nth-of-type(odd) .paragraph--type--pagelink {
  background-color: rgba(224, 48, 38, 0.1);
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item:nth-of-type(even) .paragraph--type--pagelink {
  background-color: rgba(33, 46, 84, 0.1);
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item:nth-of-type(even) .paragraph--type--pagelink .button--primary {
  background-color: var(--secondary-color);
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item:nth-of-type(even) .paragraph--type--pagelink .button:hover::before {
  background-color: #58678F;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .paragraph--type--pagelink {
  border-radius: 32px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: var(--transition);
  justify-content: flex-start;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .paragraph--type--pagelink h3 {
  margin-bottom: 32px;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .paragraph--type--pagelink .field--name-field-text {
  margin-bottom: 40px;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .paragraph--type--pagelink .field--name-field-text ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0px;
  margin: 15px 0px;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .paragraph--type--pagelink .field--name-field-text ul > li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 8px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 100%;
  color: var(--text-color);
  width: 100%;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .paragraph--type--pagelink .field--name-field-text ul > li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C4.47656 20 0 15.5234 0 10C0 4.47656 4.47656 0 10 0C15.5234 0 20 4.47656 20 10C20 15.5234 15.5234 20 10 20ZM14.6094 5.69141C14.1914 5.38672 13.6055 5.48047 13.3008 5.89844L8.63672 12.3125L6.60156 10.2773C6.23438 9.91016 5.64063 9.91016 5.27734 10.2773C4.91406 10.6445 4.91016 11.2383 5.27734 11.6016L8.08984 14.4141C8.28516 14.6094 8.55078 14.707 8.82422 14.6875C9.09766 14.668 9.34766 14.5273 9.50781 14.3047L14.8164 7C15.1211 6.58203 15.0273 5.99609 14.6094 5.69141Z' fill='%23E03026'/%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: 2px;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .paragraph--type--pagelink .lower-content {
  padding: 42px;
  padding-bottom: 60px;
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.paragraph--type--pagelinks .field--name-field-pagelinks > .field__items > .field__item .paragraph--type--pagelink .lower-content .actions-wrapper {
  margin-top: auto;
}