@layer base {

  .ui-widget.-settlements-8 .amount,
  .case-results.-results-3 .title.-underlined,
  .ui-widget.-settlements-11 .item.-fixed.-underlined:not(.-no-underline) strong,
  .ui-widget.-settlements-2 .item.-fixed.-underlined:not(.-no-underline) strong,
  :is(.ui-widget.-badges .item.-fixed.-underlined strong) {
    margin-bottom: 3.75rem
  }

  .ui-widget.-settlements-8 .amount::after,
  .case-results.-results-3 .title.-underlined::after,
  .ui-widget.-settlements-11 .item.-fixed.-underlined:not(.-no-underline) strong::after,
  .ui-widget.-settlements-2 .item.-fixed.-underlined:not(.-no-underline) strong::after,
  :is(.ui-widget.-badges .item.-fixed.-underlined strong)::after {
    position: absolute;
    bottom: -1.25rem;
    left: 50%;
    width: 7.5rem;
    height: 0.1rem;
    background-color: var(--color-highlight);
    transform: translateX(-50%);
    content: ""
  }

  .case-results.-results-4 .title.-underlined {
    margin-bottom: 2.5rem
  }

  .case-results.-results-4 .title.-underlined::after {
    content: none
  }

  .generic-banner.-cc-03 .title.-left-line,
  .generic-banner.-cc-02 .title.-left-line,
  .generic-banner.-cc-01 .title.-left-line {
    padding-left: 0;
    margin-bottom: 2.5rem;
    text-align: center
  }

  .generic-banner.-cc-03 .title.-left-line::after,
  .generic-banner.-cc-02 .title.-left-line::after,
  .generic-banner.-cc-01 .title.-left-line::after {
    content: none
  }
}

@layer stripes {
  .ui-widget[style*="--banner-image:"]:not(.-contact-5) {
    --background: none
  }

  .ui-widget[style*="--banner-image:"]:not(.-contact-5).-no-bg {
    --background: none !important
  }

  .ui-narrative .ui-widget[style*="--banner-image:"] {
    --background: none !important
  }
}

@layer base {
  mark {
    background-color: transparent
  }
}

@layer base {
  .ui-narrative .wp-block-heading a {
    text-decoration: underline
  }

  .ui-narrative [data-src*=rss] strong,
  .ui-narrative [data-src*=feed] strong {
    font-weight: 700
  }

  .ui-narrative [data-src*=rss] p,
  .ui-narrative [data-src*=feed] p {
    display: inline-block
  }

  .ui-narrative [data-src*=rss] p>a,
  .ui-narrative [data-src*=rss] p .description,
  .ui-narrative [data-src*=feed] p>a,
  .ui-narrative [data-src*=feed] p .description {
    display: block
  }

  .ui-narrative [data-src*=rss] .date,
  .ui-narrative [data-src*=rss] .author,
  .ui-narrative [data-src*=feed] .date,
  .ui-narrative [data-src*=feed] .author {
    font-size: 0.8rem
  }

  .ui-narrative [data-src*=rss] .date+.author,
  .ui-narrative [data-src*=rss] .author+.date,
  .ui-narrative [data-src*=feed] .date+.author,
  .ui-narrative [data-src*=feed] .author+.date {
    display: inline-block
  }

  .ui-narrative [data-src*=rss] .date+.author::before,
  .ui-narrative [data-src*=rss] .author+.date::before,
  .ui-narrative [data-src*=feed] .date+.author::before,
  .ui-narrative [data-src*=feed] .author+.date::before {
    display: inline-block;
    margin: 0 0.4em 0 0.25em;
    content: "|"
  }

  .ui-narrative .ui-widget .content a {
    font-weight: 700
  }

  .-has-sidebar .ui-narrative .heading-1.title,
  .-has-sidebar .entry:only-of-type .heading-1.title {
    text-align: left
  }
}

@layer base {
  .ui-breadcrumbs {
    display: none
  }
}

@layer legacy {
  .main-container {
    width: 100%;
    margin: 0 auto;
    background-color: var(--container-bg, oklch(100% 0 0))
  }

  .narrow-container {
    max-width: 60rem;
    padding: 1.25rem;
    margin: 0 auto
  }

  .narrow-container .ui-widget {
    padding: 0;
    margin: 0 auto 1.75rem
  }

  .narrow-container .ui-widget:not(.contact-form-widget) .title {
    margin-bottom: 0.5em;
    text-align: left
  }

  .narrow-container .ui-widget:not(.contact-form-widget) .-underlined::after {
    content: none
  }

  .narrow-container .ui-widget:not(.contact-form-widget) img {
    margin: 1.25rem auto;
    display: block
  }

  .narrow-container .ui-narrative .heading-1.title {
    padding-right: 0;
    padding-left: 0;
    text-align: center
  }

  .-no-narrative .narrow-container {
    padding-bottom: 0
  }
}

@layer base {
  .ui-narrative .content {
    --resp-box-padding: 0.5rem
  }

  p.has-background,
  .wp-block-heading.has-background,
  .wp-block-list.has-background,
  .wp-block-table:has(.has-background) {
    --box-tpadding: 1em;
    --box-bpadding: 1.5em;
    --box-padding: var(--box-tpadding) var(--resp-box-padding) var(--box-bpadding);
    padding: var(--box-padding);
    margin: 0
  }

  p.has-background {
    --box-tpadding: 0
  }

  .wp-block-heading.has-background {
    --box-tpadding: 1em;
    --box-bpadding: 0
  }

  .has-background.wp-block-list {
    padding-left: calc(2rem + var(--resp-box-padding))
  }

  .has-background+.wp-block-list {
    --box-tpadding: 0
  }

  .has-background.wp-block-heading+p.has-background,
  .has-background.wp-block-heading+.wp-block-heading.has-background,
  .has-background.wp-block-heading+.wp-block-list.has-background,
  .has-background.wp-block-heading+.wp-block-table:has(.has-background) {
    --box-tpadding: 0
  }

  .has-background:not(:has(+ .has-background)) {
    margin-bottom: 1.5rem
  }

  :not(.has-background)+p.has-background,
  :not(.has-background)+.wp-block-heading.has-background,
  :not(.has-background)+.wp-block-list.has-background {
    --box-tpadding: 1.5rem
  }

  :not(.has-background)+.has-background:has(+ :not(.has-background)),
  .has-background:first-child:has(+ :not(.has-background)) {
    margin-bottom: initial;
    --box-tpadding: 0;
    --box-bpadding: 0
  }

  .has-background:has(+ .wp-block-table .has-background) {
    margin-bottom: 0
  }

  .has-background+.wp-block-table:has(.has-background),
  .wp-block-table:has(.has-background):has(+ .has-background) {
    background-color: var(--local-bg-color);
    padding-inline: var(--resp-box-padding);
    --box-tpadding: 0;
    --box-bpadding: 0
  }

  :not(.has-background)+.wp-block-table:has(.has-background):has(+ .has-background) {
    --box-tpadding: 1.5rem
  }

  .wp-block-table:has(.has-background):not(:has(+ .has-background)) {
    --box-bpadding: 1.5rem
  }

  :not(.has-background)+.wp-block-table:has(.has-background):not(:has(+ .has-background)) {
    --box-padding: 0
  }
}

@layer base {
  .ui-search form input {
    border-right: 0;
    border-radius: var(--form-fields-border-radius, var(--general-border-radius, 0.15rem)) 0 0 var(--form-fields-border-radius, var(--general-border-radius, 0.15rem));
    font-size: 0.8rem
  }

  .ui-search form .field {
    margin: 0
  }

  .ui-search form .ui-button {
    display: flex;
    min-width: revert;
    max-width: 5rem;
    min-height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0 var(--form-fields-border-radius, var(--general-border-radius, 0.15rem)) var(--form-fields-border-radius, var(--general-border-radius, 0.15rem)) 0;
    margin: 0;
    justify-content: center;
    align-items: center;
    background-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    color: var(--search-button-text-color, var(--button-text-color, oklch(100% 0 0)));
    font-size: 0.8rem
  }

  .ui-search form.ui-form {
    width: 17.5rem;
    min-width: auto;
    max-width: 100%;
    gap: 0;
    flex-direction: row
  }

  #tnav .ui-search {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 2.5rem;
    height: 2.5rem
  }

  #tnav .ui-search .container {
    position: absolute;
    z-index: -1;
    top: 100%;
    right: 0;
    display: none;
    width: 18.5rem;
    max-width: 100vw;
    padding: 0.5rem;
    border-radius: 0 0 0.2rem 0.2rem;
    background-color: var(--color-search, oklch(100% 0 0/0.1));
    box-shadow: 0 0.25rem 0.5rem oklch(0% 0 0/0.1);
    user-select: none
  }

  #tnav .ui-search.-active .container {
    display: block
  }

  #tnav .ui-search .title {
    color: var(--color-light, oklch(100% 0 0))
  }

  #tnav .ui-search>.toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0;
    margin: 0;
    background-color: var(--color-search, oklch(100% 0 0/0.1));
    cursor: pointer
  }

  #tnav .ui-search>.toggle svg {
    display: inline-block;
    width: 45%;
    height: auto;
    vertical-align: middle;
    transition: transform 0.3s ease;
    fill: var(--topnav-color, var(--color-light, oklch(100% 0 0)))
  }

  #tnav .ui-search>.toggle:hover svg {
    transform: scale(1.15)
  }

  #tnav .ui-search .ui-form {
    margin-top: 0
  }

  .main-footer .ui-search {
    grid-area: search
  }

  .main-footer .ui-search .ui-form {
    margin-top: 0
  }

  ._dark-search-btn {
    --search-button-text-color: oklch(100% 0 0)
  }

  ._light-search-btn {
    --search-button-text-color: oklch(0% 0 0)
  }
}

@layer base {
  .iframe-container {
    position: relative;
    background-color: oklch(0% 0 0);
    aspect-ratio: 16/9
  }

  .iframe-container iframe,
  .iframe-container [class*=amphtml-element],
  .iframe-container .lazyframe {
    /*! purgecss ignore current */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background-color: oklch(0% 0 0)
  }
}

.iframe-container .lazyframe {
  /*! purgecss ignore current */
  position: absolute !important
}

@layer base {
  .expandable-content.-collapsed {
    display: none
  }

  .expandable-content.-inline-content.-expanded {
    display: inline
  }

  .expandable-content> :first-child {
    margin-top: 1.5em
  }

  .expandable-content :last-child {
    margin-bottom: 0
  }

  .ui-list+.button-container .expander {
    padding: 0
  }

  .ui-button.-link.expander::after {
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    margin-left: 0.25em;
    line-height: 1;
    transform: rotate(90deg);
    place-content: center;
    content: "›"
  }

  .ui-button.-link.expander.-expanded::after {
    transform: rotate(-90deg)
  }
}

@layer base {
  .ui-grid {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    gap: var(--gap, 2.5rem)
  }
}

@layer base {
  .ui-form {
    margin-bottom: 0;
    color: oklch(0% 0 0)
  }

  .ui-form select,
  .ui-form textarea,
  .ui-form input {
    border-width: 0.05rem;
    border-style: solid;
    border-color: #d6d7d8;
    border-radius: var(--form-fields-border-radius, var(--general-border-radius, 0.15rem));
    outline: none;
    background-color: oklch(100% 0 0);
    color: oklch(0% 0 0);
    font-size: 0.9rem;
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    vertical-align: middle;
    transition: border-color 0.3s ease;
    appearance: none
  }

  .ui-form select:focus,
  .ui-form textarea:focus,
  .ui-form input:focus {
    border-color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .ui-form select:focus::placeholder,
  .ui-form textarea:focus::placeholder,
  .ui-form input:focus::placeholder {
    opacity: 0.6
  }

  .ui-form select::placeholder,
  .ui-form textarea::placeholder,
  .ui-form input::placeholder {
    opacity: 1;
    color: #757575
  }

  .-borderless .ui-form select,
  .-borderless .ui-form textarea,
  .-borderless .ui-form input {
    border-color: oklch(100% 0 0)
  }

  .ui-form select,
  .ui-form textarea,
  .ui-form input:not([type]),
  .ui-form input[type=text],
  .ui-form input[type=password],
  .ui-form input[type=email],
  .ui-form input[type=number],
  .ui-form input[type=tel],
  .ui-form input[type=url] {
    width: 100%;
    height: 2.5rem;
    padding: 0 0.5rem
  }

  .ui-form .field {
    display: block;
    margin-bottom: 0.5rem
  }

  .ui-form .field .label {
    display: block;
    margin-bottom: 0.5rem;
    color: currentColor
  }

  .ui-form .field .label span {
    color: var(--color-primary, oklch(34.66% 0.127 259.3))
  }

  .ui-form fieldset {
    padding: 0.5rem 0;
    border: 0;
    margin: 0
  }

  .ui-form fieldset>strong {
    display: block;
    margin-bottom: 0.5rem
  }

  .ui-form fieldset+fieldset {
    padding-top: 0
  }

  .ui-form .radiobuttons .label,
  .ui-form .checkboxes .label {
    display: inline;
    font-weight: normal
  }

  .ui-form input[type=checkbox],
  .ui-form input[type=radio] {
    width: 0.85rem;
    height: 0.85rem;
    margin-right: 0.25rem;
    box-shadow: inset 0 0 0 0 oklch(100% 0 0);
    transition-property: border-color, background-color, box-shadow
  }

  .ui-form input[type=checkbox]:checked,
  .ui-form input[type=radio]:checked {
    background-color: var(--color-highlight, oklch(71.39% 0.136 225.77));
    box-shadow: inset 0 0 0 0.15rem oklch(100% 0 0)
  }

  .ui-form input[type=radio] {
    border-radius: 50%
  }

  .ui-form textarea {
    overflow: auto;
    height: 8rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    resize: none
  }

  .ui-form select {
    appearance: menulist
  }

  .ui-form .disclaimer {
    margin: 0.5rem 0;
    color: oklch(37.15% 0 0);
    font-size: 0.8rem
  }

  .ui-form .error {
    /*! purgecss ignore current */
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    background-color: #fce9e8;
    color: #bb1b14;
    box-shadow: inset 0.25rem 0 0 0 var(--color-accent, oklch(58.55% 0.223 29.08));
    font-size: 0.8rem
  }

  .ui-form .error strong {
    font-weight: 400
  }

  .ui-form .ui-button {
    display: block;
    margin-top: 0;
    font-family: "Open Sans", sans-serif
  }
}

@layer base {
  .ui-form.-detailed {
    width: 100%;
    margin: 2.5rem auto 0
  }

  .ui-form.-detailed .label {
    display: block;
    font-weight: bold
  }

  .ui-form.-detailed fieldset {
    padding: 0;
    border: 0
  }

  .ui-form.-detailed .ui-button {
    margin-top: 2.5rem
  }
}

@layer base {

  .ui-search fieldset>strong,
  .ui-search .field .label {
    color: var(--util-color, oklch(0% 0 0))
  }

  .newsletter-form-newsletter-2 fieldset>strong,
  .newsletter-form-newsletter-2 .field .label {
    color: var(--util-color, oklch(100% 0 0))
  }

  .newsletter-form-newsletter-4 fieldset>strong,
  .newsletter-form-newsletter-4 .field .label {
    color: var(--util-color, oklch(0% 0 0))
  }

  .contact-form-widget.-with-image fieldset>strong,
  .contact-form-widget.-with-image .field .label {
    color: var(--util-color, oklch(100% 0 0))
  }

  .contact-form-widget.-contact-3 fieldset>strong,
  .contact-form-widget.-contact-3 .field .label {
    color: var(--util-color, oklch(100% 0 0))
  }

  .contact-form-widget.-contact-5 fieldset>strong,
  .contact-form-widget.-contact-5 .field .label {
    color: var(--util-color, oklch(0% 0 0))
  }

  .contact-form-widget.-contact-8 fieldset>strong,
  .contact-form-widget.-contact-8 .field .label {
    color: var(--util-color, oklch(0% 0 0))
  }
}

@layer base {
  .narrow-container.submit-review-page .contact-form-widget:not([class*=-contact-]) .container {
    max-width: 47.5rem;
    margin: 0 auto;
    font-size: 0.8rem
  }

  .narrow-container.submit-review-page .contact-form-widget:not([class*=-contact-]) .form-container {
    max-width: 47.5rem;
    margin: 1.25rem auto 0;
    color: oklch(0% 0 0);
    --form-padding: 0 0
  }

  .narrow-container.submit-review-page .contact-form-widget:not([class*=-contact-]) .form-container fieldset {
    clear: both;
    padding: 0;
    border: 0;
    font-size: 1rem
  }

  .narrow-container.submit-review-page .contact-form-widget:not([class*=-contact-]) .radiobuttons .field,
  .narrow-container.submit-review-page .contact-form-widget:not([class*=-contact-]) .checkboxes .field {
    display: inline-block
  }

  .narrow-container.submit-review-page .contact-form-widget:not([class*=-contact-]) .ui-button {
    display: block;
    width: auto;
    margin: 2.5rem auto 0
  }
}

@layer stripes {
  :where(.top-numbers[style*="--banner-image:"]) {
    --background: none
  }

  :where(.top-numbers[style*="--banner-image:"]).-no-bg {
    --background: none !important
  }

  .top-numbers {
    z-index: 1002;
    display: flex;
    overflow-x: hidden;
    width: 100%;
    height: 5rem;
    flex-wrap: wrap;
    align-items: center;
    background-color: oklch(100% 0 0);
    color: oklch(0% 0 0);
    box-shadow: 0 0.1rem 0.25rem oklch(0% 0 0/0.26);
    font-size: 0.9rem;
    line-height: 1.1;
    text-align: center;
    padding-inline: 0.5rem
  }

  .top-numbers ul,
  .top-numbers li {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
  }

  .top-numbers a.ui-button {
    display: block;
    width: calc(21rem - (37.5rem - 100vw) / 430 * 150);
    min-width: initial;
    padding: 0.5rem 0;
    margin: 0.5rem auto 0
  }
}

@layer version {
  .top-numbers.-multiple {
    height: revert
  }

  .top-numbers.-multiple .ui-button {
    min-width: 10rem;
    margin-bottom: 0.6rem
  }

  .top-numbers.-multiple .label {
    width: 100%;
    height: 5rem;
    padding-top: 0.5rem
  }

  .top-numbers.-multiple .phone strong {
    pointer-events: none
  }

  .top-numbers.-multiple ul {
    display: none;
    width: calc(100% + 2.5rem);
    border-bottom: 0.05rem solid oklch(0% 0 0/0.4);
    margin: 0 -1.25rem
  }

  .top-numbers.-multiple ul a {
    display: block;
    padding: 0.5rem 1.25rem;
    text-decoration: none
  }

  .top-numbers.-multiple li {
    border-top: 0.05rem solid oklch(0% 0 0/0.2)
  }

  .top-numbers.-multiple .toggle {
    display: none
  }

  .top-numbers.-multiple .toggle:checked+ul {
    display: block
  }
}

@layer version {
  .top-numbers.-two-buttons .button-container {
    column-gap: 0.5rem
  }
}

@layer stripes {
  :where(.main-head) {
    display: grid;
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
    grid-template-areas: "head-left";
    grid-area: head;
    text-align: center
  }
}

@layer stripes {
  :where(.main-head .logo) {
    padding: 1.25rem;
    grid-area: head-left;
    justify-content: center;
    align-items: center;
    align-self: center
  }
}

@layer stripes {
  :where(.main-header > .container) {
    position: relative;
    display: grid;
    width: 100%;
    grid-template-columns: 100%;
    grid-template-areas: var(--header-areas, "head" "navigation")
  }

  :where(.main-header > .container).-tnav-above-head {
    --header-areas: "navigation" "head"
  }

  :where(.main-header > .container).-tnav-below-head {
    --header-areas: "head" "navigation"
  }
}

@layer stripes {
  :where(.main-header > .container.-has-search .content) {
    display: inherit;
    width: 100%;
    max-width: 60rem;
    padding: 0.65rem 1.25rem;
    margin: 0 auto;
    grid-template-columns: 1fr;
    grid-template-areas: "search";
    grid-column-gap: 1.25rem
  }
}

@layer stripes {
  :where(.main-header .cta) {
    display: none
  }
}

@layer stripes {}

@layer stripes {
  :where(.main-header .cta .line) {
    white-space: nowrap
  }

  :where(.main-header .cta .line).-label {
    display: block;
    color: var(--cta-label-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: 700;
    font-size: 1rem
  }

  :where(.main-header .cta .line).-phone {
    display: block;
    color: var(--cta-phone-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-size: 1.2rem
  }

  :where(.main-header:not(.-header-5) .cta .line).-phone:nth-last-child(2):first-child,
  :where(.main-header:not(.-header-5) .cta .line):nth-last-child(2):first-child+.-phone,
  :where(.main-header:not(.-header-5) .cta .line).-phone:first-child:last-child {
    font-size: 1.6rem
  }

  :is(.main-header .cta:has(.-line-4)) .line {
    font-size: 0.8rem;
    line-height: 1.5
  }
}

@layer stripes {
  :where(.main-header .cta:has(.-email)) .line.-phone {
    font-size: 1.4rem
  }

  :where(.main-header .cta:has(.-email)) .line.-email {
    --color: var(--cta-label-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    color: var(--util-color, var(--color));
    font-weight: 700
  }
}

@layer stripes {
  :where(.main-header .cta:has(.-flags)) .line.-phone {
    font-size: 1.4rem
  }

  :where(.main-header .cta:has(.-flags)) .line.-flags {
    display: flex;
    gap: 0.25rem
  }

  :where(.main-header .cta:has(.-flags)) .flag {
    max-width: 1.6rem
  }

  :where(.main-header .cta:has(.-flags)) img {
    display: block
  }

  :where(.main-header .cta:has(.-flags)):has(:nth-child(7)) .line.-flags {
    flex-wrap: wrap;
    justify-content: center
  }

  :where(.main-header .cta:has(.-flags)):has(:nth-child(7)) img,
  :where(.main-header .cta:has(.-flags)):has(:nth-child(7)) .flag {
    max-width: 1.4rem
  }
}

@layer stripes {
  :where(.-has-search .cta) {
    grid-area: cta;
    flex-direction: revert;
    justify-content: revert;
    align-items: center;
    align-content: revert;
    text-align: revert
  }

  :where(.-has-search .cta) .line {
    display: inline-block
  }

  :where(.-has-search .cta) .line.-phone {
    font-size: 1rem
  }

  :where(.-has-search .cta) .line::before {
    display: inline-block;
    content: " "
  }
}

@layer stripes {
  .main-header>.container[style*="--banner-image:"] {
    --background: none
  }

  .main-header>.container[style*="--banner-image:"].-no-bg {
    --background: none !important
  }

  :where(.main-header) {
    z-index: 999;
    width: 100%;
    background-color: var(--header-background, oklch(100% 0 0))
  }

  .-scrolled :where(.main-header) {
    box-shadow: 0 0.05rem 0.25rem oklch(0% 0 0/0.15)
  }

  body.-header-over-banner :where(.main-header) {
    transition: background-color 0.3s ease
  }

  :where(.main-header) [class*=amphtml-mega-menu-mask] {
    /*! purgecss ignore current */
    display: none
  }
}

@layer stripes {
  :where(.main-header .nav) {
    position: relative;
    z-index: 1001;
    overflow: hidden;
    width: 100%;
    height: 2.5rem;
    grid-area: navigation;
    background-color: var(--topnav-background, var(--color-primary, oklch(34.66% 0.127 259.3)));
    box-shadow: var(--box-shadow);
    font-size: 0.8rem
  }

  :where(.main-header .nav) li.contactus {
    background-color: var(--button-color, var(--color-accent, oklch(58.55% 0.223 29.08)))
  }

  :where(.main-header .nav) li.contactus a {
    color: var(--button-text-color, oklch(100% 0 0))
  }

  :where(.main-header .nav) :where(ul),
  :where(.main-header .nav) :where(li),
  :where(.main-header .nav) :where(a) {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    color: var(--topnav-color, var(--color-light, oklch(100% 0 0)));
    font-weight: 600;
    white-space: nowrap
  }

  :where(.main-header .nav) li,
  :where(.main-header .nav) a {
    transition-property: color, background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease
  }

  :where(.main-header .nav) a:hover {
    text-decoration: none
  }

  :where(.main-header .nav)>.container {
    position: relative;
    max-width: 57.5rem;
    margin: 0 auto
  }

  :where(.main-header .nav).-search-enabled>.container {
    padding-right: 2.5rem
  }

  .-tnav-top-border+ :where(.main-header .nav) {
    --box-shadow: 0 -0.05rem 0 var(--topnav-border-color, var(--color-gray, oklch(89.14% 0 0)))
  }

  .-tnav-bottom-border+ :where(.main-header .nav) {
    --box-shadow: 0 0.05rem 0 var(--topnav-border-color, var(--color-gray, oklch(89.14% 0 0)))
  }

  .-tnav-top-border.-tnav-bottom-border+ :where(.main-header .nav) {
    --box-shadow: 0 0.05rem 0 var(--topnav-border-color, var(--color-gray, oklch(89.14% 0 0))), 0 -0.05rem 0 var(--topnav-border-color, var(--color-gray, oklch(89.14% 0 0)))
  }

  :is(.main-header .nav .gameover) {
    display: none
  }
}

@layer stripes {
  :where(.main-header .nav.-alt-view) .nav-items>li>a {
    padding: 0
  }

  :where(.main-header .nav.-alt-view) .morebtn {
    box-shadow: none
  }

  :where(.main-header .nav.-alt-view) .morebtn>a::before {
    content: none
  }
}

@layer stripes {
  :where(.main-header .nav .list.level-1 > li) {
    display: table-cell
  }

  :where(.main-header .nav .list.level-1 > li) ul {
    display: none
  }

  :where(.main-header .nav .list.level-1 > li):hover>ul {
    display: block
  }

  :where(.main-header .nav .list.level-1 > li)>a {
    padding: 0 1.5rem;
    line-height: 2.5rem;
    text-transform: none
  }

  :where(.main-header .nav .list.level-1 > li),
  :where(.main-header .nav .list.level-1 > li).morebtn {
    transition-property: color, background-color;
    transition-duration: 0.3s
  }

  :where(.main-header .nav .list.level-1 > li)>a,
  :where(.main-header .nav .list.level-1 > li).morebtn>a {
    transition-property: color;
    transition-duration: 0.3s
  }

  :where(.main-header .nav .list.level-1 > li):hover,
  :where(.main-header .nav .list.level-1 > li).morebtn:hover {
    background-color: rgba(255, 255, 255, 0.2)
  }

  :where(.main-header .nav .list.level-1 > li):hover> :where(a),
  :where(.main-header .nav .list.level-1 > li).morebtn:hover> :where(a) {
    color: var(--topnav-color, var(--color-light, oklch(100% 0 0)))
  }

  :where(.main-header .nav .list.level-1 > li):hover> :where(a)::before,
  :where(.main-header .nav .list.level-1 > li).morebtn:hover> :where(a)::before {
    background-color: var(--topnav-color, var(--color-light, oklch(100% 0 0)));
    box-shadow: 0 0.35rem 0 var(--topnav-color, var(--color-light, oklch(100% 0 0))), 0 0.7rem 0 var(--topnav-color, var(--color-light, oklch(100% 0 0)))
  }

  :where(.main-header .nav .list.level-1 > li):hover ul a,
  :where(.main-header .nav .list.level-1 > li).morebtn:hover ul a {
    color: var(--topnav-color, var(--color-light, oklch(100% 0 0)))
  }

  :where(.main-header .nav .list.level-1 > li).contactus,
  :where(.main-header .nav .list.level-1 > li).morebtn.contactus {
    box-shadow: inset 0 2.5rem transparent;
    transition-property: color, background-color, box-shadow
  }

  :where(.main-header .nav .list.level-1 > li).contactus:where(:hover),
  :where(.main-header .nav .list.level-1 > li).morebtn.contactus:where(:hover) {
    background-color: var(--button-color, var(--color-accent, oklch(58.55% 0.223 29.08)));
    color: var(--button-text-color, oklch(100% 0 0))
  }

  :where(.main-header .nav .list.level-1 > li).contactus:where(:hover > a),
  :where(.main-header .nav .list.level-1 > li).morebtn.contactus:where(:hover > a) {
    color: var(--button-text-color, oklch(100% 0 0))
  }

  :where(.main-header .nav.-light-bg .list.level-1 > li):hover,
  :where(.main-header .nav.-light-bg .list.level-1 > li).morebtn:hover {
    background-color: rgba(0, 0, 0, 0.06)
  }
}

@layer stripes {
  :where(.main-header .nav .list.level-1) {
    position: relative;
    overflow-x: scroll;
    width: 100%;
    max-width: 60rem;
    font-family: "Open Sans", sans-serif;
    white-space: nowrap;
    backface-visibility: hidden
  }

  :where(.main-header .nav .list.level-1)::-webkit-scrollbar {
    display: none
  }

  :where(.main-header .nav .list.level-1).-hidden {
    overflow: hidden;
    height: 2.5rem
  }

  :where(.main-header .nav .list.level-1) .is-inactive {
    display: none
  }

  .-dark-bg-btn :where(.main-header .nav .list.level-1)>li.contactus:hover {
    filter: saturate(180%)
  }

  :where(.main-header .nav .list.level-1) .-light-bg-btn>li.contactus:hover {
    filter: saturate(60%)
  }

  :where(.main-header .nav .list.level-1) .nav-el.-static>a {
    width: 100%;
    padding: 0;
    text-align: center
  }

  :where(.main-header .nav .list.level-1).-even-items {
    display: flex
  }

  :where(.main-header .nav .list.level-1).-even-items .nav-el {
    width: 100%
  }

  :where(.main-header .nav .list.level-1).-even-items .nav-el>a {
    width: 100%;
    padding: 0;
    text-align: center
  }
}

@layer stripes {
  :where(.main-header .nav.-active .nav-items > li) {
    display: table-cell
  }

  :where(.main-header .nav.-active .nav-items > li)>a {
    width: 100%;
    padding: 0;
    text-align: center
  }

  :is(.main-header .nav.-active) {
    overflow: visible
  }

  :is(.main-header .nav.-active).-resizing {
    overflow: hidden
  }

  :is(.main-header .nav.-active) .nav-items {
    display: table
  }
}

:is(.main-header .nav.-active .-disabled) {
  display: none
}

@layer stripes {
  :where(.main-header nav.-activate) {
    overflow: visible
  }

  :where(.main-header nav.-activate) .list.level-1 {
    overflow-x: visible;
    backface-visibility: visible
  }

  :where(.main-header nav.-activate) .list.level-1>li {
    overflow: visible
  }
}

@layer stripes {
  :where(.main-header .nav ul:not(.level-1)) {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    padding: 0.3rem 0;
    border-bottom: 0.2rem solid rgba(255, 255, 255, 0.2);
    background-color: var(--topnav-background, var(--color-primary, oklch(34.66% 0.127 259.3)));
    box-shadow: 0 0 0 0.05rem rgba(255, 255, 255, 0.2)
  }

  .-light-bg :where(.main-header .nav ul:not(.level-1)) {
    box-shadow: 0 0 0 0.05rem rgba(117, 117, 117, 0.15)
  }

  :where(.main-header .nav ul:not(.level-1))::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    content: "";
    pointer-events: none
  }

  :where(.main-header .nav ul:not(.level-1)) li,
  :where(.main-header .nav ul:not(.level-1)) a {
    display: block
  }

  :where(.main-header .nav ul:not(.level-1)) a {
    padding: 0.3rem 2rem 0.3rem 1rem
  }

  :where(.main-header .nav ul:not(.level-1)) li:hover {
    border-left: 0.2rem solid rgba(255, 255, 255, 0.2);
    margin-left: -0.2rem;
    background-color: rgba(255, 255, 255, 0.2)
  }

  :where(.main-header .nav ul:not(.level-1)) li:hover a {
    color: var(--topnav-color, var(--color-light, oklch(100% 0 0)))
  }

  :where(.main-header .nav ul:not(.level-1)) ul {
    top: -0.25rem;
    right: 100%
  }

  :where(.main-header .nav.-light-bg ul:not(.level-1)) li:hover {
    background-color: rgba(0, 0, 0, 0.06)
  }
}

@layer stripes {
  :where(.main-header nav .morebtn) {
    background-color: var(--morebtn-background, var(--color-primary, oklch(34.66% 0.127 259.3)));
    box-shadow: inset 0.15rem 0 0 oklch(100% 0 0);
    cursor: pointer
  }

  :where(.main-header nav .morebtn) a {
    color: oklch(100% 0 0)
  }

  :where(.main-header nav .morebtn) .subnav {
    display: flex;
    flex-direction: row;
    justify-content: space-between
  }

  :where(.main-header nav .morebtn) .subnav a {
    width: 100%
  }

  :where(.main-header nav .morebtn) .arrow {
    display: flex;
    min-width: 2.4rem;
    padding: 0 0.5rem;
    border: 0;
    margin-left: 0.5rem;
    justify-content: center;
    align-items: center;
    background: none;
    appearance: none
  }

  :where(.main-header nav .morebtn) .arrow-icon {
    width: 0.6rem;
    height: 0.6rem;
    fill: var(--topnav-color, var(--color-light, oklch(100% 0 0)))
  }

  :where(.main-header nav .morebtn) .level-2 {
    position: relative;
    top: 0
  }

  :where(.main-header nav .morebtn) .level-2 a {
    padding-right: 0.75rem;
    padding-left: 1.5rem
  }

  .-dark-bg :where(.main-header nav .morebtn) .level-2 {
    filter: saturate(150%)
  }

  .-light-bg :where(.main-header nav .morebtn) .level-2 {
    filter: saturate(50%)
  }

  :where(.main-header nav .morebtn) .-expanded .level-2 {
    display: block
  }

  :where(.main-header nav .morebtn) .-expanded .arrow-icon {
    transform: rotate(180deg)
  }

  :where(.main-header nav .morebtn)>a {
    padding: 0 1.1rem 0 2.55rem;
    color: oklch(100% 0 0);
    font-weight: 600
  }

  :where(.main-header nav .morebtn)>a::before {
    position: absolute;
    top: 0.8rem;
    left: 0.75rem;
    display: block;
    width: 1.05rem;
    height: 0.2rem;
    background-color: oklch(100% 0 0);
    box-shadow: 0 0.35rem 0 oklch(100% 0 0), 0 0.7rem 0 oklch(100% 0 0);
    content: ""
  }

  :where(.main-header nav .morebtn).-static>a {
    padding-right: 0
  }

  :where(.main-header nav .morebtn).is-active {
    display: block
  }

  :where(.main-header nav .morebtn) ul {
    right: 0;
    left: auto
  }

  :where(.main-header nav .morebtn) ul a {
    padding: 0.3rem 1.5rem 0.3rem 0.75rem
  }

  :where(.main-header nav .morebtn) ul a:has(+ .arrow) {
    padding-right: 0.75rem
  }

  :where(.mobile-menu .morebtn) {
    background-color: var(--topnav-background, var(--color-primary, oklch(34.66% 0.127 259.3)));
    box-shadow: unset
  }

  :where(.mobile-menu .morebtn)>li {
    text-align: left
  }

  :where(.mobile-menu .morebtn) a {
    color: oklch(100% 0 0);
    font-weight: 400
  }

  :where(.mobile-menu .morebtn)>a {
    color: var(--topnav-color, var(--color-light, oklch(100% 0 0)));
    font-weight: 600
  }

  :where(.mobile-menu .morebtn)>a::before {
    content: none
  }
}

@layer stripes {
  :where(.mobile-menu) {
    padding-left: 0
  }

  :where(.mobile-menu)>li {
    float: left;
    display: block;
    width: 100%;
    text-align: center
  }

  :where(.mobile-menu)>li>a {
    display: block;
    width: 100%;
    font-weight: 700
  }

  :where(.mobile-menu) ul a {
    padding: 0.5rem 1.5rem 0.5rem 0.75rem;
    font-weight: 400;
    text-align: left
  }

  :is(.mobile-menu > li > a) {
    padding: 0 0.75rem
  }
}

@layer version {}

@layer version {
  .-scrolled :where(.main-header:has(.container.-header-4)) {
    background-color: var(--header-background, oklch(100% 0 0))
  }

  :where(.main-header .container.-header-4) .main-head {
    grid-template-columns: 1fr;
    grid-template-areas: "logo"
  }

  :where(.main-header .container.-header-4) .logo {
    grid-area: logo;
    justify-content: center
  }

  :where(.main-header .container.-header-4) .logo a {
    grid-area: mc
  }
}

@layer version {
  :where(.main-header:has(.-header-5)) .cta {
    display: grid;
    grid-template-columns: 2rem 1fr;
    grid-template-areas: "icon phone" "icon line";
    grid-column-gap: 0.75rem;
    align-items: center
  }

  :where(.main-header:has(.-header-5)) .cta .line {
    font-size: 0.9rem;
    text-align: left
  }

  :where(.main-header:has(.-header-5)) .cta .line.-label {
    grid-area: line;
    font-weight: 400
  }

  :where(.main-header:has(.-header-5)) .cta .line.-phone {
    grid-area: phone;
    font-weight: 700
  }

  :where(.main-header:has(.-header-5)) .cta> :not(.line),
  :where(.main-header:has(.-header-5)) .cta img,
  :where(.main-header:has(.-header-5)) .cta svg {
    display: block
  }

  :where(.main-header:has(.-header-5)) .cta> :not(.line) {
    max-width: 2rem;
    max-height: 2rem;
    grid-area: icon;
    place-self: center
  }

  :where(.main-header:has(.-header-5)) .cta> :not(.line)+.line:last-child {
    grid-area: 1/2/3/3
  }

  :where(.main-header:has(.-header-5)) .cta svg {
    width: 2rem;
    height: 2rem;
    fill: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }
}

@layer version {
  .-scrolled :where(.main-header:has(.container.-header-7)) {
    background-color: var(--header-background, oklch(100% 0 0))
  }

  :where(.main-header .container.-header-7) .main-head {
    grid-template-columns: 1fr;
    grid-template-areas: "logo"
  }

  :where(.main-header .container.-header-7) .logo {
    grid-area: logo;
    justify-content: center
  }

  :where(.main-header .container.-header-7) .logo a {
    grid-area: mc
  }
}

@layer version {
  :where(.-header-8) .line {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.3
  }
}

@layer version {
  :where(.-header-9 .cta) .line {
    font-size: 0.9rem
  }

  :where(.-header-9 .cta) .line.-label {
    --color: var(--cta-label-color, oklch(0% 0 0));
    color: var(--util-color, var(--color));
    font-weight: 400
  }

  :where(.-header-9 .cta) .line.-email {
    --util-color: var(--cta-phone-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  :where(.-header-9 .cta) .line:not(.-label) {
    font-weight: 700
  }
}

@layer version {
  :where(.-header-11) .cta {
    align-items: flex-end
  }

  :where(.-header-11) .cta .line {
    font-size: 0.9rem
  }

  :where(.-header-11) .cta .line.-label {
    font-weight: 400
  }

  :where(.-header-11) .cta .line.-phone {
    font-weight: 700
  }

  :where(.-header-11) .cta .line.-flags {
    flex-wrap: wrap;
    justify-content: center
  }
}

@layer version {
  .-x-tiny {
    max-height: 5.76923rem;
    aspect-ratio: 6.5
  }

  .-tiny {
    max-height: 30rem;
    aspect-ratio: 1.25
  }

  .-small {
    max-height: 37.5rem;
    aspect-ratio: 1
  }

  .banner-tagline {
    max-width: 60rem
  }

  .banner:not(.-cover) img {
    width: 100%;
    max-width: 65rem
  }
}

@layer stripes {

  .banner:not(.-tns-loaded) .slide:not(:first-child),
  .banner:not(.-tns-loaded) .tagline-container .banner-tagline:not(:first-child) {
    display: none
  }

  .banner[data-preset=slideshow] .slide {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

  .banner[data-preset=slideshow] .slide.-current {
    z-index: 1
  }

  .banner[data-preset=slideshow] .slide[aria-hidden=true] {
    pointer-events: none
  }

  .banner-container button[type=button] {
    padding: 0;
    border-width: 0;
    pointer-events: all
  }

  .banner-container .tns-nav,
  .banner-container .tns-controls {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 50%;
    display: flex;
    width: 100%;
    max-width: 65rem;
    height: 100%;
    justify-content: flex-end;
    align-items: flex-end;
    transform: translateX(-50%);
    pointer-events: none
  }

  .banner-container .tns-nav {
    margin-top: 0
  }

  .banner-container .tns-nav button {
    color: oklch(100% 0 0)
  }

  .banner-container .tns-nav button::before {
    box-shadow: 0 0 0.15rem oklch(0% 0 0/0.5)
  }

  .banner-container .tns-controls button {
    left: 0;
    display: block
  }

  .banner-container .tns-controls button[data-controls=next] {
    right: 0;
    left: auto
  }
}

@layer stripes {
  .tagline-container {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

  .banner-tagline {
    position: absolute;
    top: 0;
    display: grid;
    width: 100%;
    height: 100%;
    padding: 1rem 1.25rem;
    grid-template-areas: "t" "m" "b";
    color: var(--util-color, var(--banner-text-color, oklch(100% 0 0)));
    transform: translateX(-50%)
  }

  .banner-tagline .container {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    text-align: center
  }

  .-tagline-middle-lvl1 .banner-tagline .container {
    grid-area: m;
    justify-content: center
  }

  .-tagline-bottom-lvl1 .banner-tagline .container {
    grid-area: b;
    justify-content: end
  }

  .banner-tagline .text {
    width: 100%;
    font-size: calc(var(--banner-fz-lvl1, 60) / 750 * 100vw)
  }

  .banner-tagline .line {
    display: block;
    font-size: 1em;
    line-height: 1.2
  }

  .banner-tagline .line.-line-1 {
    font-weight: var(--fw-headings, 600)
  }

  .banner-tagline .line.-line-2 {
    display: none;
    font-size: 0.5em
  }

  :is(.-normal, .-tiny) .banner-tagline .line.-line-2 {
    font-size: 0.5em
  }

  .banner-tagline .ui-button {
    display: inline-block;
    font-size: clamp(0.7rem, calc(0.7rem + (0.0088888889 * (100vw - 37.5rem))), 0.9rem)
  }

  .banner-tagline .button-container {
    display: none;
    line-height: 1;
    text-align: unset
  }

  .banner-tagline .button-container strong {
    display: block;
    margin-top: 1rem;
    font-size: clamp(0.9rem, calc(0.9rem + (0.0111111111 * (100vw - 37.5rem))), 1.15rem)
  }

  .banner-tagline .button-container p {
    margin-top: clamp(0.25rem, calc(0.25rem + (0.0222222222 * (100vw - 37.5rem))), 0.75rem);
    font-weight: 700;
    font-size: clamp(0.8rem, calc(0.8rem + (0.0177777778 * (100vw - 37.5rem))), 1.2rem)
  }
}

.banner-tagline {
  left: 50% !important
}

@layer stripes {
  .main-banner[style^=" -- "] .banner-container {
    --background: none
  }

  .main-banner[style^=" -- "] .banner-container.-no-bg {
    --background: none !important
  }

  .main-banner {
    position: relative
  }

  .banner-container {
    position: relative;
    background-color: var(--banner-bg-color, oklch(100% 0 0))
  }

  .banner {
    position: relative;
    display: grid;
    overflow: hidden;
    width: 100%;
    margin: 0 auto
  }

  .banner amp-carousel,
  .banner img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    transform: translateX(-50%)
  }

  .banner.-cover img {
    width: 101%;
    max-width: none;
    object-fit: cover
  }

  .banner.-bottom img {
    top: auto;
    bottom: 0
  }

  .banner.-center img {
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%)
  }

  .banner.-cropped img {
    left: 50%;
    width: auto;
    max-width: none
  }
}

@layer version {
  .play-button {
    --height: 2.5rem;
    --width: 3.5rem;
    --bg-color: oklch(0% 0 0/0.5);
    --icon-color: oklch(100% 0 0);
    --radius: 0.25rem;
    position: absolute;
    top: calc(50% - var(--width) / 2);
    left: 50%;
    display: flex;
    overflow: hidden;
    width: var(--width);
    height: var(--height);
    border-radius: var(--radius);
    justify-content: center;
    align-items: center;
    background-color: var(--bg-color);
    transition: background-color 0.3s ease;
    transform: translateX(-50%)
  }

  .play-button svg {
    --height: 1.5rem;
    --width: 1.1rem;
    position: relative;
    top: 0.2rem;
    left: 0.15rem;
    width: var(--width);
    height: var(--height);
    fill: var(--icon-color)
  }

  .-dark-bg-btn .play-button:is(a):hover {
    filter: saturate(180%)
  }

  .-light-bg-btn .play-button:is(a):hover {
    filter: saturate(60%)
  }
}

@layer version {
  .main-banner:has(.-video-1) .banner.-video-shadow .thumbnail {
    box-shadow: 0 0.2rem 0.2rem 0 oklch(0% 0 0/0.4)
  }

  .main-banner:has(.-video-1) .banner.-tagline-middle-lvl1 .container {
    grid-area: b
  }

  .main-banner:has(.-video-1) .banner-tagline {
    grid-template-areas: "t" "b";
    gap: clamp(1.25rem, 6.6666666667vw, 2.5rem);
    justify-items: center;
    justify-content: center;
    align-items: start;
    align-content: center
  }

  .main-banner:has(.-video-1) .play-button {
    pointer-events: none
  }

  .main-banner:has(.-video-1) .thumbnail-container {
    position: relative;
    width: auto;
    cursor: pointer
  }

  .main-banner:has(.-video-1) .thumbnail-container img {
    position: revert;
    height: auto;
    transform: revert
  }

  .main-banner:has(.-video-1) .thumbnail {
    display: block;
    overflow: hidden;
    border-radius: 0.25rem
  }

  .main-banner:has(.-video-1) .thumbnail:hover .play-button {
    --bg-color: var(--button-color)
  }
}

@layer version {
  .main-banner:has(.-video-2) .banner-tagline .container {
    justify-content: center
  }

  .main-banner:has(.-video-2) .play-button {
    --height: 5rem;
    --width: 5rem;
    --color: var(--button-text-color);
    --bg-color: var(--button-color);
    --radius: 50%;
    position: revert;
    margin-top: clamp(1.25rem, 6.6666666667vw, 2.5rem);
    transform: revert
  }

  .main-banner:has(.-video-2) .icon svg {
    --width: 1.05rem;
    --height: auto;
    position: relative;
    top: 0.15rem;
    left: 0.15rem
  }
}

@layer version {
  .main-banner:has(.-video-3) .banner-tagline .container {
    justify-content: center
  }

  .main-banner:has(.-video-3) .play-button {
    --height: fit-content;
    --width: auto;
    --color: var(--button-text-color);
    --bg-color: var(--button-color);
    --radius: 1.25rem;
    position: revert;
    padding: 0.5rem 1.5rem;
    margin-top: clamp(1.25rem, 6.6666666667vw, 2.5rem);
    color: var(--color);
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1rem;
    transform: revert
  }

  .main-banner:has(.-video-3) .icon {
    --width: 1.5rem;
    --height: 1.5rem;
    display: flex;
    padding: 0.25rem;
    border: 0.1rem solid #ffffff;
    border-radius: 50%;
    margin-right: 0.5rem
  }

  .main-banner:has(.-video-3) .icon svg {
    --width: 0.5rem;
    --height: auto;
    position: relative;
    top: 0;
    left: 0.05rem
  }
}

@layer legacy {
  .profile-page .narrow-container .ui-widget:not(.profile-description) {
    max-width: 47.5rem;
    padding-top: 1.25rem;
    border-top: 0.05rem solid var(--color-gray, oklch(89.14% 0 0));
    margin: 1.25rem auto 0
  }

  .profile-page .narrow-container .ui-widget:has(.block) {
    padding-top: revert;
    border: revert;
    margin-top: revert
  }
}

@layer base {
  .profile-page .ui-narrative .ui-widget .block {
    max-width: 47.5rem;
    padding-top: 1.25rem;
    border-top: 0.05rem solid var(--color-gray, oklch(89.14% 0 0));
    margin: 1.25rem auto 0
  }
}

@layer version {
  .attorney-card.-attorney-card-1 {
    background-color: var(--attorney-card-bg, var(--color-light-gray, oklch(85.37% 0.001 197.14)));
    color: var(--attorney-card-text-color, oklch(0% 0 0))
  }

  .attorney-card.-attorney-card-1 .attorney-card[style*="--banner-image:"] {
    --background: none
  }

  .attorney-card.-attorney-card-1 .attorney-card[style*="--banner-image:"].-no-bg {
    --background: none !important
  }

  .attorney-card.-attorney-card-1 .ui-widget {
    padding: 0
  }

  .attorney-card.-attorney-card-1 .ui-widget .title {
    margin-bottom: 0.5rem;
    color: var(--attorney-card-titles-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    text-align: left
  }

  .attorney-card.-attorney-card-1 .ui-widget .title.-underlined::after {
    content: none
  }

  .attorney-card.-attorney-card-1 .ui-widget .ui-list {
    margin-top: 0
  }

  .attorney-card.-attorney-card-1 .ui-widget .ui-button.-link {
    color: currentColor
  }

  .attorney-card.-attorney-card-1>.container {
    max-width: 60rem;
    margin: 0 auto
  }

  .attorney-card.-attorney-card-1 .heading-1 {
    margin: 0;
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-weight: var(--fw-headings, 600);
    font-size: var(--attorney-card-name-fz, 1.9rem);
    line-height: 1.1
  }

  .attorney-card.-attorney-card-1 .position {
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-size: var(--attorney-card-position-fz, 1.2rem)
  }

  .attorney-card.-attorney-card-1 .contact strong {
    font-weight: 400
  }

  .attorney-card.-attorney-card-1 .address .name {
    margin: 0
  }

  .attorney-card.-attorney-card-1 .address .name,
  .attorney-card.-attorney-card-1 [class*=heading]:not(.heading-1) {
    color: var(--attorney-card-heading-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    font-size: 1rem
  }

  .attorney-card.-attorney-card-1 .jurisdictions {
    order: 2;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-1 .core {
    grid-area: core
  }

  .attorney-card.-attorney-card-1 .contact,
  .attorney-card.-attorney-card-1 .links {
    display: flex;
    align-items: center
  }

  .attorney-card.-attorney-card-1 .contact {
    grid-area: contact
  }

  .attorney-card.-attorney-card-1 .links {
    grid-area: links;
    order: 1
  }

  .attorney-card.-attorney-card-1 .jurisdictions {
    grid-area: jurisdictions
  }

  .attorney-card.-attorney-card-1 img {
    display: block
  }

  .attorney-card.-attorney-card-1 .image {
    width: auto;
    max-width: 22.5rem;
    max-height: 22.5rem;
    margin: 0 auto;
    text-align: center
  }

  .attorney-card.-attorney-card-1 .image img {
    max-width: 22.5rem;
    height: 100%;
    max-height: none;
    object-fit: contain;
    width: 100%;
    aspect-ratio: 1/1
  }

  .attorney-card.-attorney-card-1 .information {
    width: 100%;
    padding: 0.75rem 1.25rem
  }

  .attorney-card.-attorney-card-1 .information .address a,
  .attorney-card.-attorney-card-1 .information a {
    font-weight: 700
  }

  .attorney-card.-attorney-card-1 .information p,
  .attorney-card.-attorney-card-1 .information a {
    margin: 0;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-1 .information>.container {
    display: flex;
    flex-direction: column
  }

  .attorney-card.-attorney-card-1 .information>.container>div:not(.links) {
    --padding-block: var(--util-padding-block, 0.75rem);
    --padding-inline: var(--util-padding-inline, 0);
    padding: var(--padding-block) var(--padding-inline)
  }

  .attorney-card.-attorney-card-1 .ui-list+.button-container .expander {
    line-height: 1.6;
    cursor: pointer
  }

  .attorney-card.-attorney-card-1 .social-media {
    display: flex;
    flex-direction: row
  }

  .attorney-card.-attorney-card-1 .social-media a {
    display: flex;
    align-items: center;
    color: currentColor
  }

  .attorney-card.-attorney-card-1 .social-media a+a {
    margin-top: 0.5rem
  }

  .attorney-card.-attorney-card-1 .social-media img {
    max-width: 1.6rem;
    margin-right: 0.25rem
  }
}

@layer version {
  .attorney-card.-attorney-card-2 {
    background-color: var(--attorney-card-bg, var(--color-light-gray, oklch(85.37% 0.001 197.14)));
    color: var(--attorney-card-text-color, oklch(0% 0 0));
    position: relative;
    max-width: 22.5rem;
    margin: 0 auto 2.5rem;
    background: none
  }

  .attorney-card.-attorney-card-2 .attorney-card[style*="--banner-image:"] {
    --background: none
  }

  .attorney-card.-attorney-card-2 .attorney-card[style*="--banner-image:"].-no-bg {
    --background: none !important
  }

  .attorney-card.-attorney-card-2 .ui-widget {
    padding: 0
  }

  .attorney-card.-attorney-card-2 .ui-widget .title {
    margin-bottom: 0.5rem;
    color: var(--attorney-card-titles-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    text-align: left
  }

  .attorney-card.-attorney-card-2 .ui-widget .title.-underlined::after {
    content: none
  }

  .attorney-card.-attorney-card-2 .ui-widget .ui-list {
    margin-top: 0
  }

  .attorney-card.-attorney-card-2 .ui-widget .ui-button.-link {
    color: currentColor
  }

  .attorney-card.-attorney-card-2>.container {
    max-width: 60rem;
    margin: 0 auto
  }

  .attorney-card.-attorney-card-2 .heading-1 {
    margin: 0;
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-weight: var(--fw-headings, 600);
    font-size: var(--attorney-card-name-fz, 1.9rem);
    line-height: 1.1
  }

  .attorney-card.-attorney-card-2 .position {
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-size: var(--attorney-card-position-fz, 1.2rem)
  }

  .attorney-card.-attorney-card-2 .contact strong {
    font-weight: 400
  }

  .attorney-card.-attorney-card-2 .address .name {
    margin: 0
  }

  .attorney-card.-attorney-card-2 .address .name,
  .attorney-card.-attorney-card-2 [class*=heading]:not(.heading-1) {
    color: var(--attorney-card-heading-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    font-size: 1rem
  }

  .attorney-card.-attorney-card-2 .jurisdictions {
    order: 2;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-2 .core {
    grid-area: core
  }

  .attorney-card.-attorney-card-2 .contact,
  .attorney-card.-attorney-card-2 .links {
    display: flex;
    align-items: center
  }

  .attorney-card.-attorney-card-2 .contact {
    grid-area: contact
  }

  .attorney-card.-attorney-card-2 .links {
    grid-area: links;
    order: 1
  }

  .attorney-card.-attorney-card-2 .jurisdictions {
    grid-area: jurisdictions
  }

  .attorney-card.-attorney-card-2 img {
    display: block
  }

  .attorney-card.-attorney-card-2 .image {
    width: auto;
    max-width: 22.5rem;
    max-height: 22.5rem;
    margin: 0 auto;
    text-align: center
  }

  .attorney-card.-attorney-card-2 .image img {
    max-width: 22.5rem;
    height: 100%;
    max-height: none;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1/1
  }

  .attorney-card.-attorney-card-2 .information {
    width: 100%;
    padding: 0.75rem 1.25rem
  }

  .attorney-card.-attorney-card-2 .information .address a,
  .attorney-card.-attorney-card-2 .information a {
    font-weight: 700
  }

  .attorney-card.-attorney-card-2 .information p,
  .attorney-card.-attorney-card-2 .information a {
    margin: 0;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-2 .information>.container {
    display: flex;
    flex-direction: column
  }

  .attorney-card.-attorney-card-2 .information>.container>div:not(.links) {
    --padding-block: var(--util-padding-block, 0.75rem);
    --padding-inline: var(--util-padding-inline, 0);
    padding: var(--padding-block) var(--padding-inline)
  }

  .attorney-card.-attorney-card-2 .ui-list+.button-container .expander {
    line-height: 1.6;
    cursor: pointer
  }

  .attorney-card.-attorney-card-2 .social-media {
    display: flex;
    flex-direction: row
  }

  .attorney-card.-attorney-card-2 .social-media a {
    display: flex;
    align-items: center;
    color: currentColor
  }

  .attorney-card.-attorney-card-2 .social-media a+a {
    margin-top: 0.5rem
  }

  .attorney-card.-attorney-card-2 .social-media img {
    max-width: 1.6rem;
    margin-right: 0.25rem
  }

  .attorney-card.-attorney-card-2::before {
    content: none
  }

  .attorney-card.-attorney-card-2>.container {
    position: relative;
    width: calc(100% - 2.5rem);
    max-width: 57.5rem;
    margin-top: -5rem;
    column-gap: 1.25rem;
    background: oklch(100% 0 0);
    box-shadow: 0 0.25rem 1.25rem 0 oklch(0% 0 0/0.1)
  }

  .attorney-card.-attorney-card-2>.background {
    position: relative;
    left: 50%;
    display: block;
    width: 100dvw;
    height: 10rem;
    background-image: var(--attorney-card-background);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translateX(-50%);
    pointer-events: none
  }

  .-header-over-banner .attorney-card.-attorney-card-2>.background {
    background-position: top center
  }

  .-header-over-banner .attorney-card.-attorney-card-2::before {
    background-position: top center
  }
}

@layer version {
  .attorney-card.-attorney-card-3 {
    background-color: var(--attorney-card-bg, var(--color-light-gray, oklch(85.37% 0.001 197.14)));
    color: var(--attorney-card-text-color, oklch(0% 0 0))
  }

  .attorney-card.-attorney-card-3 .attorney-card[style*="--banner-image:"] {
    --background: none
  }

  .attorney-card.-attorney-card-3 .attorney-card[style*="--banner-image:"].-no-bg {
    --background: none !important
  }

  .attorney-card.-attorney-card-3 .ui-widget {
    padding: 0
  }

  .attorney-card.-attorney-card-3 .ui-widget .title {
    margin-bottom: 0.5rem;
    color: var(--attorney-card-titles-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    text-align: left
  }

  .attorney-card.-attorney-card-3 .ui-widget .title.-underlined::after {
    content: none
  }

  .attorney-card.-attorney-card-3 .ui-widget .ui-list {
    margin-top: 0
  }

  .attorney-card.-attorney-card-3 .ui-widget .ui-button.-link {
    color: currentColor
  }

  .attorney-card.-attorney-card-3>.container {
    max-width: 60rem;
    margin: 0 auto
  }

  .attorney-card.-attorney-card-3 .heading-1 {
    margin: 0;
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-weight: var(--fw-headings, 600);
    font-size: var(--attorney-card-name-fz, 1.9rem);
    line-height: 1.1
  }

  .attorney-card.-attorney-card-3 .position {
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-size: var(--attorney-card-position-fz, 1.2rem)
  }

  .attorney-card.-attorney-card-3 .contact strong {
    font-weight: 400
  }

  .attorney-card.-attorney-card-3 .address .name {
    margin: 0
  }

  .attorney-card.-attorney-card-3 .address .name,
  .attorney-card.-attorney-card-3 [class*=heading]:not(.heading-1) {
    color: var(--attorney-card-heading-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    font-size: 1rem
  }

  .attorney-card.-attorney-card-3 .jurisdictions {
    order: 2;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-3 .core {
    grid-area: core
  }

  .attorney-card.-attorney-card-3 .contact,
  .attorney-card.-attorney-card-3 .links {
    display: flex;
    align-items: center
  }

  .attorney-card.-attorney-card-3 .contact {
    grid-area: contact
  }

  .attorney-card.-attorney-card-3 .links {
    grid-area: links;
    order: 1
  }

  .attorney-card.-attorney-card-3 .jurisdictions {
    grid-area: jurisdictions
  }

  .attorney-card.-attorney-card-3 img {
    display: block
  }

  .attorney-card.-attorney-card-3 .image {
    width: auto;
    max-width: 22.5rem;
    max-height: 22.5rem;
    margin: 0 auto;
    text-align: center
  }

  .attorney-card.-attorney-card-3 .image img {
    max-width: 22.5rem;
    height: 100%;
    max-height: none;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1/1
  }

  .attorney-card.-attorney-card-3 .information {
    width: 100%;
    padding: 0.75rem 1.25rem
  }

  .attorney-card.-attorney-card-3 .information .address a,
  .attorney-card.-attorney-card-3 .information a {
    font-weight: 700
  }

  .attorney-card.-attorney-card-3 .information p,
  .attorney-card.-attorney-card-3 .information a {
    margin: 0;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-3 .information>.container {
    display: flex;
    flex-direction: column
  }

  .attorney-card.-attorney-card-3 .information>.container>div:not(.links) {
    --padding-block: var(--util-padding-block, 0.75rem);
    --padding-inline: var(--util-padding-inline, 0);
    padding: var(--padding-block) var(--padding-inline)
  }

  .attorney-card.-attorney-card-3 .ui-list+.button-container .expander {
    line-height: 1.6;
    cursor: pointer
  }

  .attorney-card.-attorney-card-3 .social-media {
    display: flex;
    flex-direction: row
  }

  .attorney-card.-attorney-card-3 .social-media a {
    display: flex;
    align-items: center;
    color: currentColor
  }

  .attorney-card.-attorney-card-3 .social-media a+a {
    margin-top: 0.5rem
  }

  .attorney-card.-attorney-card-3 .social-media img {
    max-width: 1.6rem;
    margin-right: 0.25rem
  }

  .attorney-card.-attorney-card-3 .heading-1,
  .attorney-card.-attorney-card-3 .position {
    color: var(--attorney-card-name-color, currentColor)
  }

  .attorney-card.-attorney-card-3>.container {
    max-width: 65rem
  }

  .attorney-card.-attorney-card-3 .numbers strong {
    color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .attorney-card.-attorney-card-3 .image img {
    max-width: 100%;
    aspect-ratio: 3/2
  }
}

@layer version {
  .attorney-card.-attorney-card-4 {
    background-color: var(--attorney-card-bg, var(--color-light-gray, oklch(85.37% 0.001 197.14)));
    color: var(--attorney-card-text-color, oklch(0% 0 0));
    align-items: center;
    background-image: var(--attorney-card-background, var(--background-image));
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
  }

  .attorney-card.-attorney-card-4 .attorney-card[style*="--banner-image:"] {
    --background: none
  }

  .attorney-card.-attorney-card-4 .attorney-card[style*="--banner-image:"].-no-bg {
    --background: none !important
  }

  .attorney-card.-attorney-card-4 .ui-widget {
    padding: 0
  }

  .attorney-card.-attorney-card-4 .ui-widget .title {
    margin-bottom: 0.5rem;
    color: var(--attorney-card-titles-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    text-align: left
  }

  .attorney-card.-attorney-card-4 .ui-widget .title.-underlined::after {
    content: none
  }

  .attorney-card.-attorney-card-4 .ui-widget .ui-list {
    margin-top: 0
  }

  .attorney-card.-attorney-card-4 .ui-widget .ui-button.-link {
    color: currentColor
  }

  .attorney-card.-attorney-card-4>.container {
    max-width: 60rem;
    margin: 0 auto
  }

  .attorney-card.-attorney-card-4 .heading-1 {
    margin: 0;
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-weight: var(--fw-headings, 600);
    font-size: var(--attorney-card-name-fz, 1.9rem);
    line-height: 1.1
  }

  .attorney-card.-attorney-card-4 .position {
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-size: var(--attorney-card-position-fz, 1.2rem)
  }

  .attorney-card.-attorney-card-4 .contact strong {
    font-weight: 400
  }

  .attorney-card.-attorney-card-4 .address .name {
    margin: 0
  }

  .attorney-card.-attorney-card-4 .address .name,
  .attorney-card.-attorney-card-4 [class*=heading]:not(.heading-1) {
    color: var(--attorney-card-heading-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    font-size: 1rem
  }

  .attorney-card.-attorney-card-4 .jurisdictions {
    order: 2;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-4 .core {
    grid-area: core
  }

  .attorney-card.-attorney-card-4 .contact,
  .attorney-card.-attorney-card-4 .links {
    display: flex;
    align-items: center
  }

  .attorney-card.-attorney-card-4 .contact {
    grid-area: contact
  }

  .attorney-card.-attorney-card-4 .links {
    grid-area: links;
    order: 1
  }

  .attorney-card.-attorney-card-4 .jurisdictions {
    grid-area: jurisdictions
  }

  .attorney-card.-attorney-card-4 img {
    display: block
  }

  .attorney-card.-attorney-card-4 .image {
    width: auto;
    max-width: 22.5rem;
    max-height: 22.5rem;
    margin: 0 auto;
    text-align: center
  }

  .attorney-card.-attorney-card-4 .image img {
    max-width: 22.5rem;
    height: 100%;
    max-height: none;
    object-fit: contain;
    width: 100%;
    aspect-ratio: 1/1
  }

  .attorney-card.-attorney-card-4 .information {
    width: 100%;
    padding: 0.75rem 1.25rem
  }

  .attorney-card.-attorney-card-4 .information .address a,
  .attorney-card.-attorney-card-4 .information a {
    font-weight: 700
  }

  .attorney-card.-attorney-card-4 .information p,
  .attorney-card.-attorney-card-4 .information a {
    margin: 0;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-4 .information>.container {
    display: flex;
    flex-direction: column
  }

  .attorney-card.-attorney-card-4 .information>.container>div:not(.links) {
    --padding-block: var(--util-padding-block, 0.75rem);
    --padding-inline: var(--util-padding-inline, 0);
    padding: var(--padding-block) var(--padding-inline)
  }

  .attorney-card.-attorney-card-4 .ui-list+.button-container .expander {
    line-height: 1.6;
    cursor: pointer
  }

  .attorney-card.-attorney-card-4 .social-media {
    display: flex;
    flex-direction: row
  }

  .attorney-card.-attorney-card-4 .social-media a {
    display: flex;
    align-items: center;
    color: currentColor
  }

  .attorney-card.-attorney-card-4 .social-media a+a {
    margin-top: 0.5rem
  }

  .attorney-card.-attorney-card-4 .social-media img {
    max-width: 1.6rem;
    margin-right: 0.25rem
  }

  .attorney-card.-attorney-card-4 .heading-1 {
    width: 100%;
    color: currentColor
  }

  .attorney-card.-attorney-card-4 .position {
    color: currentColor;
    font-style: italic
  }

  .attorney-card.-attorney-card-4 .core {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center
  }

  .attorney-card.-attorney-card-4 .image {
    display: none
  }

  .attorney-card.-attorney-card-4 .information {
    width: 100%
  }

  .attorney-card.-attorney-card-4 .contact .numbers strong {
    color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .attorney-card.-attorney-card-4 .social-media {
    flex-flow: row
  }

  .attorney-card.-attorney-card-4 .social-media .icon-type {
    position: absolute;
    overflow: hidden;
    width: 0.05rem;
    height: 0.05rem;
    padding: 0;
    border: 0;
    margin: -0.05rem;
    clip: rect(0, 0, 0, 0)
  }

  .attorney-card.-attorney-card-4 .links {
    padding: 0.75rem 0
  }

  .attorney-card.-attorney-card-4 .links img {
    max-width: 1.65rem
  }

  .attorney-card.-attorney-card-4 .links a+a {
    margin-top: 0
  }

  .-header-over-banner .attorney-card.-attorney-card-4 {
    background-position: top center
  }
}

@layer version {
  .attorney-card.-attorney-card-5 {
    background-color: var(--attorney-card-bg, var(--color-light-gray, oklch(85.37% 0.001 197.14)));
    color: var(--attorney-card-text-color, oklch(0% 0 0));
    align-items: center;
    background-image: var(--attorney-card-background, var(--background-image));
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
  }

  .attorney-card.-attorney-card-5 .attorney-card[style*="--banner-image:"] {
    --background: none
  }

  .attorney-card.-attorney-card-5 .attorney-card[style*="--banner-image:"].-no-bg {
    --background: none !important
  }

  .attorney-card.-attorney-card-5 .ui-widget {
    padding: 0
  }

  .attorney-card.-attorney-card-5 .ui-widget .title {
    margin-bottom: 0.5rem;
    color: var(--attorney-card-titles-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    text-align: left
  }

  .attorney-card.-attorney-card-5 .ui-widget .title.-underlined::after {
    content: none
  }

  .attorney-card.-attorney-card-5 .ui-widget .ui-list {
    margin-top: 0
  }

  .attorney-card.-attorney-card-5 .ui-widget .ui-button.-link {
    color: currentColor
  }

  .attorney-card.-attorney-card-5>.container {
    max-width: 60rem;
    margin: 0 auto
  }

  .attorney-card.-attorney-card-5 .heading-1 {
    margin: 0;
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-weight: var(--fw-headings, 600);
    font-size: var(--attorney-card-name-fz, 1.9rem);
    line-height: 1.1
  }

  .attorney-card.-attorney-card-5 .position {
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-size: var(--attorney-card-position-fz, 1.2rem)
  }

  .attorney-card.-attorney-card-5 .contact strong {
    font-weight: 400
  }

  .attorney-card.-attorney-card-5 .address .name {
    margin: 0
  }

  .attorney-card.-attorney-card-5 .address .name,
  .attorney-card.-attorney-card-5 [class*=heading]:not(.heading-1) {
    color: var(--attorney-card-heading-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    font-size: 1rem
  }

  .attorney-card.-attorney-card-5 .jurisdictions {
    order: 2;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-5 .core {
    grid-area: core
  }

  .attorney-card.-attorney-card-5 .contact,
  .attorney-card.-attorney-card-5 .links {
    display: flex;
    align-items: center
  }

  .attorney-card.-attorney-card-5 .contact {
    grid-area: contact
  }

  .attorney-card.-attorney-card-5 .links {
    grid-area: links;
    order: 1
  }

  .attorney-card.-attorney-card-5 .jurisdictions {
    grid-area: jurisdictions
  }

  .attorney-card.-attorney-card-5 img {
    display: block
  }

  .attorney-card.-attorney-card-5 .image {
    width: auto;
    max-width: 22.5rem;
    max-height: 22.5rem;
    margin: 0 auto;
    text-align: center
  }

  .attorney-card.-attorney-card-5 .image img {
    max-width: 22.5rem;
    height: 100%;
    max-height: none;
    object-fit: contain;
    width: 100%;
    aspect-ratio: 1/1
  }

  .attorney-card.-attorney-card-5 .information {
    width: 100%;
    padding: 0.75rem 1.25rem
  }

  .attorney-card.-attorney-card-5 .information .address a,
  .attorney-card.-attorney-card-5 .information a {
    font-weight: 700
  }

  .attorney-card.-attorney-card-5 .information p,
  .attorney-card.-attorney-card-5 .information a {
    margin: 0;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-5 .information>.container {
    display: flex;
    flex-direction: column
  }

  .attorney-card.-attorney-card-5 .information>.container>div:not(.links) {
    --padding-block: var(--util-padding-block, 0.75rem);
    --padding-inline: var(--util-padding-inline, 0);
    padding: var(--padding-block) var(--padding-inline)
  }

  .attorney-card.-attorney-card-5 .ui-list+.button-container .expander {
    line-height: 1.6;
    cursor: pointer
  }

  .attorney-card.-attorney-card-5 .social-media {
    display: flex;
    flex-direction: row
  }

  .attorney-card.-attorney-card-5 .social-media a {
    display: flex;
    align-items: center;
    color: currentColor
  }

  .attorney-card.-attorney-card-5 .social-media a+a {
    margin-top: 0.5rem
  }

  .attorney-card.-attorney-card-5 .social-media img {
    max-width: 1.6rem;
    margin-right: 0.25rem
  }

  .attorney-card.-attorney-card-5 .heading-1 {
    width: 100%;
    color: currentColor
  }

  .attorney-card.-attorney-card-5 .position {
    color: currentColor;
    font-style: italic
  }

  .attorney-card.-attorney-card-5 .core {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center
  }

  .attorney-card.-attorney-card-5 .image {
    display: none
  }

  .attorney-card.-attorney-card-5 .information {
    width: 100%
  }

  .attorney-card.-attorney-card-5 .contact .numbers strong {
    color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .attorney-card.-attorney-card-5 .social-media {
    flex-flow: row
  }

  .attorney-card.-attorney-card-5 .social-media .icon-type {
    position: absolute;
    overflow: hidden;
    width: 0.05rem;
    height: 0.05rem;
    padding: 0;
    border: 0;
    margin: -0.05rem;
    clip: rect(0, 0, 0, 0)
  }

  .attorney-card.-attorney-card-5 .links {
    padding: 0.75rem 0
  }

  .attorney-card.-attorney-card-5 .links img {
    max-width: 1.65rem
  }

  .attorney-card.-attorney-card-5 .links a+a {
    margin-top: 0
  }

  .-header-over-banner .attorney-card.-attorney-card-5 {
    background-position: top center
  }
}

@layer version {
  .attorney-card.-attorney-card-6 {
    background-color: var(--attorney-card-bg, var(--color-light-gray, oklch(85.37% 0.001 197.14)));
    color: var(--attorney-card-text-color, oklch(0% 0 0));
    --padding: 1.25rem;
    padding: var(--padding)
  }

  .attorney-card.-attorney-card-6 .attorney-card[style*="--banner-image:"] {
    --background: none
  }

  .attorney-card.-attorney-card-6 .attorney-card[style*="--banner-image:"].-no-bg {
    --background: none !important
  }

  .attorney-card.-attorney-card-6 .ui-widget {
    padding: 0
  }

  .attorney-card.-attorney-card-6 .ui-widget .title {
    margin-bottom: 0.5rem;
    color: var(--attorney-card-titles-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    text-align: left
  }

  .attorney-card.-attorney-card-6 .ui-widget .title.-underlined::after {
    content: none
  }

  .attorney-card.-attorney-card-6 .ui-widget .ui-list {
    margin-top: 0
  }

  .attorney-card.-attorney-card-6 .ui-widget .ui-button.-link {
    color: currentColor
  }

  .attorney-card.-attorney-card-6>.container {
    max-width: 60rem;
    margin: 0 auto
  }

  .attorney-card.-attorney-card-6 .heading-1 {
    margin: 0;
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-weight: var(--fw-headings, 600);
    font-size: var(--attorney-card-name-fz, 1.9rem);
    line-height: 1.1
  }

  .attorney-card.-attorney-card-6 .position {
    color: var(--attorney-card-name-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-size: var(--attorney-card-position-fz, 1.2rem)
  }

  .attorney-card.-attorney-card-6 .contact strong {
    font-weight: 400
  }

  .attorney-card.-attorney-card-6 .address .name {
    margin: 0
  }

  .attorney-card.-attorney-card-6 .address .name,
  .attorney-card.-attorney-card-6 [class*=heading]:not(.heading-1) {
    color: var(--attorney-card-heading-color, var(--color-highlight, oklch(71.39% 0.136 225.77)));
    font-weight: var(--fw-headings, 600);
    font-size: 1rem
  }

  .attorney-card.-attorney-card-6 .jurisdictions {
    order: 2;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-6 .core {
    grid-area: core
  }

  .attorney-card.-attorney-card-6 .contact,
  .attorney-card.-attorney-card-6 .links {
    display: flex;
    align-items: center
  }

  .attorney-card.-attorney-card-6 .contact {
    grid-area: contact
  }

  .attorney-card.-attorney-card-6 .links {
    grid-area: links;
    order: 1
  }

  .attorney-card.-attorney-card-6 .jurisdictions {
    grid-area: jurisdictions
  }

  .attorney-card.-attorney-card-6 img {
    display: block
  }

  .attorney-card.-attorney-card-6 .image {
    width: auto;
    max-width: 22.5rem;
    max-height: 22.5rem;
    margin: 0 auto;
    text-align: center
  }

  .attorney-card.-attorney-card-6 .image img {
    max-width: 22.5rem;
    height: 100%;
    max-height: none;
    object-fit: contain;
    width: 100%;
    aspect-ratio: 1/1
  }

  .attorney-card.-attorney-card-6 .information {
    width: 100%;
    padding: 0.75rem 1.25rem
  }

  .attorney-card.-attorney-card-6 .information .address a,
  .attorney-card.-attorney-card-6 .information a {
    font-weight: 700
  }

  .attorney-card.-attorney-card-6 .information p,
  .attorney-card.-attorney-card-6 .information a {
    margin: 0;
    font-size: 1rem
  }

  .attorney-card.-attorney-card-6 .information>.container {
    display: flex;
    flex-direction: column
  }

  .attorney-card.-attorney-card-6 .information>.container>div:not(.links) {
    --padding-block: var(--util-padding-block, 0.75rem);
    --padding-inline: var(--util-padding-inline, 0);
    padding: var(--padding-block) var(--padding-inline)
  }

  .attorney-card.-attorney-card-6 .ui-list+.button-container .expander {
    line-height: 1.6;
    cursor: pointer
  }

  .attorney-card.-attorney-card-6 .social-media {
    display: flex;
    flex-direction: row
  }

  .attorney-card.-attorney-card-6 .social-media a {
    display: flex;
    align-items: center;
    color: currentColor
  }

  .attorney-card.-attorney-card-6 .social-media a+a {
    margin-top: 0.5rem
  }

  .attorney-card.-attorney-card-6 .social-media img {
    max-width: 1.6rem;
    margin-right: 0.25rem
  }

  .attorney-card.-attorney-card-6 .image img {
    height: auto;
    object-fit: unset
  }

  .attorney-card.-attorney-card-6 a,
  .attorney-card.-attorney-card-6 .ui-button.-link {
    color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .attorney-card.-attorney-card-6 .information {
    justify-content: flex-start
  }

  .attorney-card.-attorney-card-6 .information>div:not(.links) {
    --util-padding-block: 0
  }

  .attorney-card.-attorney-card-6 .information .phones a {
    color: currentColor;
    font-weight: 400
  }

  .attorney-card.-attorney-card-6 .contact strong {
    font-weight: 600
  }

  .attorney-card.-attorney-card-6 .email a {
    font-weight: 700
  }

  .attorney-card.-attorney-card-6 .social-media {
    flex-direction: row
  }

  .attorney-card.-attorney-card-6 .social-media img {
    width: 1.2rem;
    max-width: 100%;
    height: 1.2rem
  }

  .attorney-card.-attorney-card-6 .information {
    padding: 0
  }

  .attorney-card.-attorney-card-6 .information>.container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "core" "links" "contact" "jurisdictions";
    row-gap: 1.5rem
  }
}

@layer stripes {
  :where(.ui-widget.-badges) {
    padding: 1.25rem 0
  }

  :where(.ui-widget.-badges) .ui-swipeable>.container {
    max-width: 57.5rem
  }

  :where(.ui-widget.-badges) .item {
    height: 5rem;
    padding: 0 0.5rem;
    margin: 0
  }

  :where(.ui-widget.-badges) img {
    max-height: 5rem;
    vertical-align: middle;
    object-fit: contain
  }

  :where(.ui-widget.-badges) .disclaimer {
    padding: 1.25rem 1rem;
    font-size: 0.6rem;
    line-height: 1.33
  }

  :where(.ui-widget.-badges) .disclaimer a {
    font-weight: 700
  }

  .sidebar :where(.ui-widget.-badges) {
    height: auto
  }

  .sidebar :where(.ui-widget.-badges) .item {
    height: auto
  }

  :where(.ui-widget.-badges) .item.-fixed {
    padding: 1.25rem 0.5rem;
    line-height: 1.1;
    text-align: center
  }

  :where(.ui-widget.-badges) .item.-fixed.-underlined .container {
    display: flex
  }

  :is(.ui-widget.-badges .item.-fixed.-underlined strong) {
    position: relative;
    margin-bottom: 0.75rem
  }

  :is(.ui-widget.-badges .item.-fixed.-underlined strong)::after {
    bottom: -0.75rem
  }
}

@layer version {
  .ui-widget.-badges-2 .item.-fixed {
    background-color: var(--util-bg, var(--color-light, oklch(100% 0 0)));
    font-size: 1.2rem
  }

  .ui-widget.-badges-2 .item.-fixed.-no-underline strong {
    margin-bottom: var(--decoration-gap, 0)
  }

  .ui-widget.-badges-2 .item.-fixed.-no-underline strong::after {
    content: none
  }
}

@layer version {
  .ui-widget.-badges-3 {
    background-color: var(--util-bg, var(--color-light-gray, oklch(85.37% 0.001 197.14)))
  }

  .ui-widget.-badges-3 .ui-swipeable :where(.container :has(.-fixed), amp-carousel) {
    background-color: var(--util-bg-item, var(--color-light, oklch(100% 0 0)))
  }

  .ui-widget.-badges-3 .item {
    height: 7.5rem
  }

  .ui-widget.-badges-3 .item.-fixed {
    margin: initial;
    background-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    color: var(--color-light, oklch(100% 0 0));
    font-size: 1.9rem
  }

  .ui-widget.-badges-3 .item.-fixed strong {
    font-weight: 600
  }

  .ui-widget.-badges-3 .item.-fixed.-no-underline strong {
    margin-bottom: var(--decoration-gap, 0)
  }

  .ui-widget.-badges-3 .item.-fixed.-no-underline strong::after {
    content: none
  }
}

.ui-widget.-settlements:not(:has(.-fixed)) .tns-nav {
  position: revert;
  margin-top: revert;
  transform: revert
}

@layer version {
  .ui-widget.-settlements-1 {
    --padding: 0;
    --padding-top: var(--padding);
    --padding-bottom: var(--padding);
    --container-padding: min(15%, 1.75rem);
    --container-top-padding: var(--container-padding);
    --container-bottom-padding: var(--container-padding);
    padding: var(--padding-top) 1.25rem var(--padding-bottom);
    line-height: 1.1;
    text-align: center
  }

  .ui-widget.-settlements-1 .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3
  }

  .ui-widget.-settlements-1 .item .container {
    display: flex;
    height: 100%;
    padding: var(--container-top-padding) 0.25rem var(--container-bottom-padding);
    flex-direction: column;
    align-content: space-around;
    text-align: center
  }

  .ui-widget.-settlements-1 .text {
    display: block;
    margin-top: 0.25em
  }

  .ui-widget.-settlements-1 .item .container {
    justify-content: flex-start
  }

  .ui-widget.-settlements-1 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-1 .text {
    display: block;
    margin-top: 0.25em;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-1.-spaced {
    --padding-top: 2.5rem;
    --padding-bottom: 2.5rem
  }

  .ui-widget.-settlements-1.-spaced .ui-swipeable>.container {
    border-radius: var(--general-border-radius, 0.15rem)
  }

  .ui-widget.-settlements-1.-with-shadow {
    --padding: 2.5rem
  }

  .ui-widget.-settlements-1.-with-shadow .ui-swipeable>.container,
  .ui-widget.-settlements-1.-with-shadow>.container {
    box-shadow: 0 0 2.5rem 0 oklch(0% 0 0/0.1)
  }

  .ui-widget.-settlements-1.-box {
    --padding: 2.5rem
  }

  .ui-widget.-settlements-1.-box .item {
    background-color: var(--util-bg-item, oklch(100% 0 0))
  }

  .ui-widget.-settlements-1.-box:has(.tns-nav):not(.-has-arrows) {
    --container-bottom-padding: min(15%, 1.75rem)
  }

  .ui-widget.-settlements-1:not(.-has-arrows) .tns-controls {
    display: none
  }

  .ui-widget.-settlements-1:not(.-has-arrows) .tns-nav {
    margin-top: 0
  }

  .ui-widget.-settlements-1.-has-arrows .tns-controls {
    display: block
  }

  .ui-widget.-settlements-1.-has-arrows .tns-nav {
    display: none
  }

  .ui-widget.-settlements-1.-with-separator {
    --separator-color: oklch(0% 0 0/0.2)
  }

  .ui-widget.-settlements-1.-with-separator .item .container {
    position: relative
  }

  .ui-widget.-settlements-1.-with-separator .tns-slide-active+.tns-slide-active::before {
    --left: -2.08333vw;
    position: absolute;
    top: 50%;
    left: var(--left);
    display: block;
    height: calc(100% - var(--container-padding, 2.5rem) * 2);
    border-left: 0.1rem solid var(--separator-color);
    transform: translateY(-50%);
    content: ""
  }

  .ui-widget.-settlements-1.-with-separator.-dark-bg {
    --separator-color: oklch(100% 0 0/0.2)
  }
}

@layer version {
  .ui-widget.-settlements-2 {
    --padding: 0;
    --padding-top: var(--padding);
    --padding-bottom: var(--padding);
    --container-padding: min(15%, 1.75rem);
    --container-top-padding: var(--container-padding);
    --container-bottom-padding: var(--container-padding);
    padding: var(--padding-top) 1.25rem var(--padding-bottom);
    line-height: 1.1;
    text-align: center;
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .ui-widget.-settlements-2 .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3
  }

  .ui-widget.-settlements-2 .item .container {
    display: flex;
    height: 100%;
    padding: var(--container-top-padding) 0.25rem var(--container-bottom-padding);
    flex-direction: column;
    align-content: space-around;
    text-align: center
  }

  .ui-widget.-settlements-2 .text {
    display: block;
    margin-top: 0.25em
  }

  .ui-widget.-settlements-2 .item .container {
    justify-content: flex-start
  }

  .ui-widget.-settlements-2 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-2 .text {
    display: block;
    margin-top: 0.25em;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-2 .item.-fixed {
    --container-padding: 1.25rem;
    background-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    color: oklch(100% 0 0);
    margin-inline: 0
  }

  .ui-widget.-settlements-2 .item.-fixed .container {
    display: flex;
    justify-content: center
  }

  .ui-widget.-settlements-2 .item.-fixed strong {
    position: relative;
    font-weight: 600;
    font-size: 1.9rem
  }

  .ui-widget.-settlements-2 .item.-fixed.-underlined:not(.-no-underline) strong {
    margin-bottom: 0.75rem
  }

  .ui-widget.-settlements-2 .item.-fixed.-underlined:not(.-no-underline) strong::after {
    bottom: -0.75rem
  }

  .ui-widget.-settlements-2 .item.-fixed+div {
    overflow: hidden
  }

  .ui-widget.-settlements-2 .item.-fixed a {
    color: currentColor
  }

  .ui-widget.-settlements-2.-with-separator {
    --separator-color: oklch(0% 0 0/0.2)
  }

  .ui-widget.-settlements-2.-with-separator .item .container {
    position: relative
  }

  .ui-widget.-settlements-2.-with-separator .tns-slide-active+.tns-slide-active::before {
    --left: -2.08333vw;
    position: absolute;
    top: 50%;
    left: var(--left);
    display: block;
    height: calc(100% - var(--container-padding, 2.5rem) * 2);
    border-left: 0.1rem solid var(--separator-color);
    transform: translateY(-50%);
    content: ""
  }

  .ui-widget.-settlements-2.-with-separator.-dark-bg {
    --separator-color: oklch(100% 0 0/0.2)
  }

  .ui-widget.-settlements-2.-has-arrows .tns-controls {
    display: block
  }

  .ui-widget.-settlements-2.-has-arrows .tns-nav {
    display: none
  }

  .ui-widget.-settlements-2:not(.-has-arrows) .tns-controls {
    display: none
  }

  .ui-widget.-settlements-2:not(.-has-arrows) .tns-nav {
    margin-top: 0
  }

  .ui-widget.-settlements-2 .tns-outer {
    position: relative
  }

  .ui-widget.-settlements-2 .tns-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: none
  }
}

@layer version {
  .case-results.-results-3 {
    text-align: center
  }

  .case-results.-results-3 .title {
    font-weight: 700
  }

  .case-results.-results-3 .item {
    line-height: 1.3
  }

  .case-results.-results-3 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .case-results.-results-3 .desc,
  .case-results.-results-3 .text {
    display: block;
    font-weight: 400;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .case-results.-results-3 .date {
    display: block
  }

  .case-results.-results-3 figure {
    margin: unset
  }

  .case-results.-results-3 .item+.item {
    margin-top: 2.5rem
  }

  .case-results.-results-3 .title {
    font-weight: 600;
    text-align: center
  }

  .case-results.-results-3 .title+* {
    display: block;
    margin-top: 1.75rem
  }

  .case-results.-results-3 .title.-underlined {
    margin-bottom: unset
  }

  .case-results.-results-3 .title.-underlined::after {
    max-width: 2.5rem
  }

  .case-results.-results-3 .title.-underlined+* {
    margin-top: 2.5rem
  }

  .case-results.-results-3 .title.-no-underline {
    margin-bottom: var(--decoration-gap, 0.5em)
  }

  .case-results.-results-3 .title.-no-underline::after {
    content: none
  }

  .case-results.-results-3 .item-content {
    max-width: 45rem;
    line-height: 1.6;
    margin-inline: auto
  }

  .case-results.-results-3 .date {
    margin-bottom: 1rem
  }

  .case-results.-results-3 .list-item {
    padding: 2.5rem 1.25rem
  }
}

@layer version {
  .case-results.-results-4 {
    --list-item-spacing: 1.25rem;
    text-align: left
  }

  .case-results.-results-4 .title {
    font-weight: 700
  }

  .case-results.-results-4 .item {
    line-height: 1.3
  }

  .case-results.-results-4 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .case-results.-results-4 .desc,
  .case-results.-results-4 .text {
    display: block;
    font-weight: 400;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .case-results.-results-4 .date {
    display: block
  }

  .case-results.-results-4 figure {
    margin: unset
  }

  .case-results.-results-4 .items {
    width: 100%;
    max-width: 47.5rem;
    margin: 0 auto
  }

  .case-results.-results-4 .item+.item {
    margin-top: var(--list-item-spacing)
  }

  .case-results.-results-4 .item-content {
    line-height: 1.6
  }

  .case-results.-results-4 .item {
    width: 100%;
    padding: 0 0 var(--list-item-spacing);
    border-bottom: 0.05rem solid var(--color-light-gray, oklch(85.37% 0.001 197.14))
  }

  .case-results.-results-4 .title {
    margin-bottom: 0;
    font-size: 1.1rem;
    text-align: left
  }

  .case-results.-results-4 .title+* {
    margin-top: 0.5rem
  }

  .case-results.-results-4 .amount {
    display: block
  }
}

@layer version {
  .case-results.-results-5 {
    text-align: center
  }

  .case-results.-results-5 .title {
    font-weight: 700
  }

  .case-results.-results-5 .item {
    line-height: 1.3
  }

  .case-results.-results-5 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .case-results.-results-5 .desc,
  .case-results.-results-5 .text {
    display: block;
    font-weight: 400;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .case-results.-results-5 .date {
    display: block
  }

  .case-results.-results-5 figure {
    margin: unset
  }

  .case-results.-results-5 .title {
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.125;
    text-align: center
  }

  .case-results.-results-5 .title+* {
    display: block;
    margin-top: 1.75rem
  }

  .case-results.-results-5 .title.-underlined {
    margin-bottom: 2.5rem
  }

  .case-results.-results-5 .title.-underlined::after {
    max-width: 2.5rem
  }

  .case-results.-results-5 .items {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    grid-gap: var(--gap, 2.5rem)
  }

  .case-results.-results-5 .list-item {
    padding: 2.5rem 1.25rem
  }

  .case-results.-results-5 .item-content {
    line-height: 1.6
  }

  .case-results.-results-5 .desc {
    font-size: 0.75em
  }
}

@layer version {
  .ui-widget.-settlements-6 {
    --results-column-width: 30.5rem;
    --item-gap: 2.5rem;
    padding: 2.5rem 1.25rem
  }

  .ui-widget.-settlements-6 .title {
    font-weight: 700
  }

  .ui-widget.-settlements-6 .item {
    line-height: 1.3
  }

  .ui-widget.-settlements-6 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-6 .desc,
  .ui-widget.-settlements-6 .text {
    display: block;
    font-weight: 400;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-6 .date {
    display: block
  }

  .ui-widget.-settlements-6 figure {
    margin: unset
  }

  .ui-widget.-settlements-6 .title:not([class*=_talign]) {
    font-weight: 600;
    text-align: left
  }

  .ui-widget.-settlements-6 .item .container {
    width: 100%;
    padding: unset;
    text-align: left
  }

  .ui-widget.-settlements-6 .title.-underlined:not([class*=_talign])::after {
    left: 0;
    transform: none
  }

  .ui-widget.-settlements-6 img {
    --shadow-size: 1.6666666667vw;
    max-width: 80%;
    border-radius: 0.5rem;
    margin: var(--shadow-size);
    box-shadow: calc(var(--shadow-size) * -1) calc(var(--shadow-size) * -1) var(--color-gray, oklch(89.14% 0 0)), var(--shadow-size) var(--shadow-size) var(--color-highlight, oklch(71.39% 0.136 225.77))
  }
}

@layer version {
  .ui-widget.-settlements-7 {
    --padding: 0;
    --padding-top: var(--padding);
    --padding-bottom: var(--padding);
    --container-padding: min(15%, 1.75rem);
    --container-top-padding: var(--container-padding);
    --container-bottom-padding: var(--container-padding);
    padding: var(--padding-top) 1.25rem var(--padding-bottom);
    line-height: 1.1;
    text-align: center
  }

  .ui-widget.-settlements-7 .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3
  }

  .ui-widget.-settlements-7 .item .container {
    display: flex;
    height: 100%;
    padding: var(--container-top-padding) 0.25rem var(--container-bottom-padding);
    flex-direction: column;
    align-content: space-around;
    text-align: center
  }

  .ui-widget.-settlements-7 .text {
    display: block;
    margin-top: 0.25em
  }

  .ui-widget.-settlements-7 .item .container {
    justify-content: flex-start
  }

  .ui-widget.-settlements-7 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-7 .text {
    display: block;
    margin-top: 0.25em;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-7.-box {
    --padding: 2.5rem
  }

  .ui-widget.-settlements-7.-box .item {
    background-color: var(--util-bg-item, oklch(100% 0 0))
  }

  .ui-widget.-settlements-7.-box:has(.tns-nav):not(.-has-arrows) {
    --container-bottom-padding: min(15%, 1.75rem)
  }

  .ui-widget.-settlements-7:not(.-has-arrows) .tns-controls {
    display: none
  }

  .ui-widget.-settlements-7:not(.-has-arrows) .tns-nav {
    margin-top: 0
  }

  .ui-widget.-settlements-7.-has-arrows .tns-controls {
    display: block
  }

  .ui-widget.-settlements-7.-has-arrows .tns-nav {
    display: none
  }

  .ui-widget.-settlements-7.-with-separator {
    --separator-color: oklch(0% 0 0/0.2)
  }

  .ui-widget.-settlements-7.-with-separator .item .container {
    position: relative
  }

  .ui-widget.-settlements-7.-with-separator .tns-slide-active+.tns-slide-active::before {
    --left: -2.08333vw;
    position: absolute;
    top: 50%;
    left: var(--left);
    display: block;
    height: calc(100% - var(--container-padding, 2.5rem) * 2);
    border-left: 0.1rem solid var(--separator-color);
    transform: translateY(-50%);
    content: ""
  }

  .ui-widget.-settlements-7.-with-separator.-dark-bg {
    --separator-color: oklch(100% 0 0/0.2)
  }
}

@layer version {
  .ui-widget.-settlements-8 {
    --padding: 0;
    --padding-top: var(--padding);
    --padding-bottom: var(--padding);
    --container-padding: min(15%, 1.75rem);
    --container-top-padding: var(--container-padding);
    --container-bottom-padding: var(--container-padding);
    padding: var(--padding-top) 1.25rem var(--padding-bottom);
    line-height: 1.1;
    text-align: center;
    --padding: 2.5rem
  }

  .ui-widget.-settlements-8 .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3
  }

  .ui-widget.-settlements-8 .item .container {
    display: flex;
    height: 100%;
    padding: var(--container-top-padding) 0.25rem var(--container-bottom-padding);
    flex-direction: column;
    align-content: space-around;
    text-align: center
  }

  .ui-widget.-settlements-8 .text {
    display: block;
    margin-top: 0.25em
  }

  .ui-widget.-settlements-8 .item .container {
    justify-content: flex-start
  }

  .ui-widget.-settlements-8 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-8 .text {
    display: block;
    margin-top: 0.25em;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-8:not(.-has-arrows) .tns-controls {
    display: none
  }

  .ui-widget.-settlements-8:not(.-has-arrows) .tns-nav {
    margin-top: 0
  }

  .ui-widget.-settlements-8.-has-arrows .tns-controls {
    display: block
  }

  .ui-widget.-settlements-8.-has-arrows .tns-nav {
    display: none
  }

  .ui-widget.-settlements-8.-with-separator {
    --separator-color: oklch(0% 0 0/0.2)
  }

  .ui-widget.-settlements-8.-with-separator .item .container {
    position: relative
  }

  .ui-widget.-settlements-8.-with-separator .tns-slide-active+.tns-slide-active::before {
    --left: -2.08333vw;
    position: absolute;
    top: 50%;
    left: var(--left);
    display: block;
    height: calc(100% - var(--container-padding, 2.5rem) * 2);
    border-left: 0.1rem solid var(--separator-color);
    transform: translateY(-50%);
    content: ""
  }

  .ui-widget.-settlements-8.-with-separator.-dark-bg {
    --separator-color: oklch(100% 0 0/0.2)
  }

  .ui-widget.-settlements-8 .item {
    border-radius: var(--general-border-radius, 0.15rem);
    background-color: var(--util-bg-item, var(--color-light-gray, oklch(85.37% 0.001 197.14)));
    color: var(--util-color-item, currentColor);
    padding-inline: 1.25rem
  }

  .ui-widget.-settlements-8 .amount {
    position: relative;
    margin-bottom: 2rem
  }

  .ui-widget.-settlements-8 .amount::after {
    bottom: -1rem;
    max-width: 5rem
  }
}

@layer version {
  .ui-widget.-settlements-9 {
    --results-column-width: 30.5rem;
    --item-gap: 2.5rem;
    padding: 2.5rem 1.25rem;
    --item-gap: 1.25rem
  }

  .ui-widget.-settlements-9 .title {
    font-weight: 700
  }

  .ui-widget.-settlements-9 .item {
    line-height: 1.3
  }

  .ui-widget.-settlements-9 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-9 .desc,
  .ui-widget.-settlements-9 .text {
    display: block;
    font-weight: 400;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-9 .date {
    display: block
  }

  .ui-widget.-settlements-9 figure {
    margin: unset
  }

  .ui-widget.-settlements-9 .title:not([class*=_talign]) {
    font-weight: 600;
    text-align: left
  }

  .ui-widget.-settlements-9 .item .container {
    width: 100%;
    padding: unset;
    text-align: left
  }

  .ui-widget.-settlements-9 .ui-columns {
    width: 100%;
    margin: 0;
    gap: 1.25rem;
    flex-direction: column-reverse;
    align-items: center
  }

  .ui-widget.-settlements-9 .picture {
    display: block;
    height: 100%
  }

  .ui-widget.-settlements-9 img {
    max-width: 100%;
    border-radius: var(--general-border-radius, 0.15rem)
  }

  .ui-widget.-settlements-9 .column {
    padding: 0
  }

  .ui-widget.-settlements-9 .item>.container {
    padding: 1.25rem;
    border-radius: var(--general-border-radius, 0.15rem);
    justify-content: center;
    background: var(--color-light, oklch(100% 0 0));
    color: var(--color-primary, oklch(34.66% 0.127 259.3));
    box-shadow: 0 0 1.25rem 0 oklch(0% 0 0/0.1);
    text-align: center
  }

  .ui-widget.-settlements-9 .amount {
    display: block
  }
}

@layer version {
  .ui-widget.-settlements-10 {
    --padding: 0;
    --padding-top: var(--padding);
    --padding-bottom: var(--padding);
    --container-padding: min(15%, 1.75rem);
    --container-top-padding: var(--container-padding);
    --container-bottom-padding: var(--container-padding);
    padding: var(--padding-top) 1.25rem var(--padding-bottom);
    line-height: 1.1;
    text-align: center
  }

  .ui-widget.-settlements-10 .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3
  }

  .ui-widget.-settlements-10 .item .container {
    display: flex;
    height: 100%;
    padding: var(--container-top-padding) 0.25rem var(--container-bottom-padding);
    flex-direction: column;
    align-content: space-around;
    text-align: center
  }

  .ui-widget.-settlements-10 .text {
    display: block;
    margin-top: 0.25em
  }

  .ui-widget.-settlements-10 .item .container {
    justify-content: flex-start
  }

  .ui-widget.-settlements-10 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-10 .text {
    display: block;
    margin-top: 0.25em;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-10.-spaced {
    --padding-top: 2.5rem;
    --padding-bottom: 2.5rem
  }

  .ui-widget.-settlements-10.-spaced .ui-swipeable>.container {
    border-radius: var(--general-border-radius, 0.15rem)
  }

  .ui-widget.-settlements-10.-with-shadow {
    --padding: 2.5rem
  }

  .ui-widget.-settlements-10.-with-shadow .ui-swipeable>.container,
  .ui-widget.-settlements-10.-with-shadow>.container {
    box-shadow: 0 0 2.5rem 0 oklch(0% 0 0/0.1)
  }

  .ui-widget.-settlements-10:not(.-has-arrows) .tns-controls {
    display: none
  }

  .ui-widget.-settlements-10:not(.-has-arrows) .tns-nav {
    margin-top: 0
  }

  .ui-widget.-settlements-10.-has-arrows .tns-controls {
    display: block
  }

  .ui-widget.-settlements-10.-has-arrows .tns-nav {
    display: none
  }

  .ui-widget.-settlements-10.-with-separator {
    --separator-color: oklch(0% 0 0/0.2)
  }

  .ui-widget.-settlements-10.-with-separator .item .container {
    position: relative
  }

  .ui-widget.-settlements-10.-with-separator .tns-slide-active+.tns-slide-active::before {
    --left: -2.08333vw;
    position: absolute;
    top: 50%;
    left: var(--left);
    display: block;
    height: calc(100% - var(--container-padding, 2.5rem) * 2);
    border-left: 0.1rem solid var(--separator-color);
    transform: translateY(-50%);
    content: ""
  }

  .ui-widget.-settlements-10.-with-separator.-dark-bg {
    --separator-color: oklch(100% 0 0/0.2)
  }
}

@layer version {
  .ui-widget.-settlements-11 {
    --padding: 0;
    --padding-top: var(--padding);
    --padding-bottom: var(--padding);
    --container-padding: min(15%, 1.75rem);
    --container-top-padding: var(--container-padding);
    --container-bottom-padding: var(--container-padding);
    padding: var(--padding-top) 1.25rem var(--padding-bottom);
    line-height: 1.1;
    text-align: center;
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .ui-widget.-settlements-11 .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3
  }

  .ui-widget.-settlements-11 .item .container {
    display: flex;
    height: 100%;
    padding: var(--container-top-padding) 0.25rem var(--container-bottom-padding);
    flex-direction: column;
    align-content: space-around;
    text-align: center
  }

  .ui-widget.-settlements-11 .text {
    display: block;
    margin-top: 0.25em
  }

  .ui-widget.-settlements-11 .item .container {
    justify-content: flex-start
  }

  .ui-widget.-settlements-11 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-11 .text {
    display: block;
    margin-top: 0.25em;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-11 .item.-fixed {
    --container-padding: 1.25rem;
    background-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    color: oklch(100% 0 0);
    margin-inline: 0
  }

  .ui-widget.-settlements-11 .item.-fixed .container {
    display: flex;
    justify-content: center
  }

  .ui-widget.-settlements-11 .item.-fixed strong {
    position: relative;
    font-weight: 600;
    font-size: 1.9rem
  }

  .ui-widget.-settlements-11 .item.-fixed.-underlined:not(.-no-underline) strong {
    margin-bottom: 0.75rem
  }

  .ui-widget.-settlements-11 .item.-fixed.-underlined:not(.-no-underline) strong::after {
    bottom: -0.75rem
  }

  .ui-widget.-settlements-11 .item.-fixed+div {
    overflow: hidden
  }

  .ui-widget.-settlements-11 .item.-fixed a {
    color: currentColor
  }

  .ui-widget.-settlements-11.-with-separator {
    --separator-color: oklch(0% 0 0/0.2)
  }

  .ui-widget.-settlements-11.-with-separator .item .container {
    position: relative
  }

  .ui-widget.-settlements-11.-with-separator .tns-slide-active+.tns-slide-active::before {
    --left: -2.08333vw;
    position: absolute;
    top: 50%;
    left: var(--left);
    display: block;
    height: calc(100% - var(--container-padding, 2.5rem) * 2);
    border-left: 0.1rem solid var(--separator-color);
    transform: translateY(-50%);
    content: ""
  }

  .ui-widget.-settlements-11.-with-separator.-dark-bg {
    --separator-color: oklch(100% 0 0/0.2)
  }

  .ui-widget.-settlements-11.-has-arrows .tns-controls {
    display: block
  }

  .ui-widget.-settlements-11.-has-arrows .tns-nav {
    display: none
  }

  .ui-widget.-settlements-11:not(.-has-arrows) .tns-controls {
    display: none
  }

  .ui-widget.-settlements-11:not(.-has-arrows) .tns-nav {
    margin-top: 0
  }

  .ui-widget.-settlements-11 .tns-outer {
    position: relative
  }

  .ui-widget.-settlements-11 .tns-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: none
  }

  .ui-widget.-settlements-11,
  .ui-widget.-settlements-2.-with-separator {
    --padding: 0
  }

  .ui-widget.-settlements-11 .ui-swipeable,
  .ui-widget.-settlements-11 .ui-swipeable>.container,
  .ui-widget.-settlements-2.-with-separator .ui-swipeable,
  .ui-widget.-settlements-2.-with-separator .ui-swipeable>.container {
    background-color: var(--util-bg, initial)
  }

  .ui-widget.-settlements-11 .item.-fixed,
  .ui-widget.-settlements-2.-with-separator .item.-fixed {
    height: auto;
    background-color: var(--util-bg, initial);
    color: var(--util-color, initial)
  }

  .ui-widget.-settlements-11 .item.-fixed::after,
  .ui-widget.-settlements-2.-with-separator .item.-fixed::after {
    position: absolute;
    top: 100%;
    right: 2.5rem;
    display: block;
    width: calc(100% - 5rem);
    border-bottom: 0.1rem solid oklch(0% 0 0/0.2);
    content: ""
  }

  .ui-widget.-settlements-11.-dark-bg .item.-fixed::after,
  .ui-widget.-settlements-2.-with-separator.-dark-bg .item.-fixed::after {
    border-color: oklch(100% 0 0/0.2)
  }

  .ui-widget.-settlements-11 .tns-slide-active+.tns-slide-active::before,
  .ui-widget.-settlements-2.-with-separator .tns-slide-active+.tns-slide-active::before {
    content: none
  }
}

@layer version {
  .ui-widget.-settlements-12 {
    --padding: 0;
    --padding-top: var(--padding);
    --padding-bottom: var(--padding);
    --container-padding: min(15%, 1.75rem);
    --container-top-padding: var(--container-padding);
    --container-bottom-padding: var(--container-padding);
    padding: var(--padding-top) 1.25rem var(--padding-bottom);
    line-height: 1.1;
    text-align: center;
    --default-color: oklch(100% 0 0);
    --default-bg-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    --padding: 1.25rem;
    background-color: var(--util-bg, var(--default-bg-color));
    color: var(--util-color, var(--default-color));
    padding-inline: 0
  }

  .ui-widget.-settlements-12 .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3
  }

  .ui-widget.-settlements-12 .item .container {
    display: flex;
    height: 100%;
    padding: var(--container-top-padding) 0.25rem var(--container-bottom-padding);
    flex-direction: column;
    align-content: space-around;
    text-align: center
  }

  .ui-widget.-settlements-12 .text {
    display: block;
    margin-top: 0.25em
  }

  .ui-widget.-settlements-12 .item .container {
    justify-content: flex-start
  }

  .ui-widget.-settlements-12 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-12 .text {
    display: block;
    margin-top: 0.25em;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-12 .amount {
    font-size: 1.2rem
  }

  .ui-widget.-settlements-12 .text {
    font-size: 0.9rem
  }

  .ui-widget.-settlements-12.-spaced {
    --padding-top: 2.5rem;
    --padding-bottom: 2.5rem
  }

  .ui-widget.-settlements-12.-spaced .ui-swipeable>.container {
    border-radius: var(--general-border-radius, 0.15rem)
  }

  .ui-widget.-settlements-12.-with-shadow {
    --padding: 2.5rem
  }

  .ui-widget.-settlements-12.-with-shadow .ui-swipeable>.container,
  .ui-widget.-settlements-12.-with-shadow>.container {
    box-shadow: 0 0 2.5rem 0 oklch(0% 0 0/0.1)
  }

  .ui-widget.-settlements-12.-box {
    --padding: 2.5rem
  }

  .ui-widget.-settlements-12.-box .item {
    background-color: var(--util-bg-item, oklch(100% 0 0))
  }

  .ui-widget.-settlements-12.-box:has(.tns-nav):not(.-has-arrows) {
    --container-bottom-padding: min(15%, 1.75rem)
  }

  .ui-widget.-settlements-12:not(.-has-arrows) .tns-controls {
    display: none
  }

  .ui-widget.-settlements-12:not(.-has-arrows) .tns-nav {
    margin-top: 0
  }

  .ui-widget.-settlements-12.-has-arrows .tns-controls {
    display: block
  }

  .ui-widget.-settlements-12.-has-arrows .tns-nav {
    display: none
  }

  .ui-widget.-settlements-12.-with-separator {
    --separator-color: oklch(0% 0 0/0.2)
  }

  .ui-widget.-settlements-12.-with-separator .item .container {
    position: relative
  }

  .ui-widget.-settlements-12.-with-separator .tns-slide-active+.tns-slide-active::before {
    --left: -2.08333vw;
    position: absolute;
    top: 50%;
    left: var(--left);
    display: block;
    height: calc(100% - var(--container-padding, 2.5rem) * 2);
    border-left: 0.1rem solid var(--separator-color);
    transform: translateY(-50%);
    content: ""
  }

  .ui-widget.-settlements-12.-with-separator.-dark-bg {
    --separator-color: oklch(100% 0 0/0.2)
  }

  .ui-widget.-settlements-12.-box {
    --default-color: var(--color-primary, oklch(34.66% 0.127 259.3))
  }
}

@layer version {
  .ui-widget.-settlements-13 {
    --padding: 0;
    --padding-top: var(--padding);
    --padding-bottom: var(--padding);
    --container-padding: min(15%, 1.75rem);
    --container-top-padding: var(--container-padding);
    --container-bottom-padding: var(--container-padding);
    padding: var(--padding-top) 1.25rem var(--padding-bottom);
    line-height: 1.1;
    text-align: center;
    --default-color: oklch(0% 0 0);
    --padding: 1.25rem;
    --container-padding: min(15%, 1.25rem);
    color: var(--util-color, var(--default-color));
    padding-inline: 0
  }

  .ui-widget.-settlements-13 .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3
  }

  .ui-widget.-settlements-13 .item .container {
    display: flex;
    height: 100%;
    padding: var(--container-top-padding) 0.25rem var(--container-bottom-padding);
    flex-direction: column;
    align-content: space-around;
    text-align: center
  }

  .ui-widget.-settlements-13 .text {
    display: block;
    margin-top: 0.25em
  }

  .ui-widget.-settlements-13 .item .container {
    justify-content: flex-start
  }

  .ui-widget.-settlements-13 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-13 .text {
    display: block;
    margin-top: 0.25em;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-13 .amount {
    font-size: 1.2rem
  }

  .ui-widget.-settlements-13 .text {
    font-size: 0.9rem
  }

  .ui-widget.-settlements-13.-spaced {
    --padding-top: 2.5rem;
    --padding-bottom: 2.5rem
  }

  .ui-widget.-settlements-13.-spaced .ui-swipeable>.container {
    border-radius: var(--general-border-radius, 0.15rem)
  }

  .ui-widget.-settlements-13.-with-shadow {
    --padding: 2.5rem
  }

  .ui-widget.-settlements-13.-with-shadow .ui-swipeable>.container,
  .ui-widget.-settlements-13.-with-shadow>.container {
    box-shadow: 0 0 2.5rem 0 oklch(0% 0 0/0.1)
  }

  .ui-widget.-settlements-13.-box {
    --padding: 2.5rem
  }

  .ui-widget.-settlements-13.-box .item {
    background-color: var(--util-bg-item, oklch(100% 0 0))
  }

  .ui-widget.-settlements-13.-box:has(.tns-nav):not(.-has-arrows) {
    --container-bottom-padding: min(15%, 1.75rem)
  }

  .ui-widget.-settlements-13:not(.-has-arrows) .tns-controls {
    display: none
  }

  .ui-widget.-settlements-13:not(.-has-arrows) .tns-nav {
    margin-top: 0
  }

  .ui-widget.-settlements-13.-has-arrows .tns-controls {
    display: block
  }

  .ui-widget.-settlements-13.-has-arrows .tns-nav {
    display: none
  }

  .ui-widget.-settlements-13.-with-separator {
    --separator-color: oklch(0% 0 0/0.2)
  }

  .ui-widget.-settlements-13.-with-separator .item .container {
    position: relative
  }

  .ui-widget.-settlements-13.-with-separator .tns-slide-active+.tns-slide-active::before {
    --left: -2.08333vw;
    position: absolute;
    top: 50%;
    left: var(--left);
    display: block;
    height: calc(100% - var(--container-padding, 2.5rem) * 2);
    border-left: 0.1rem solid var(--separator-color);
    transform: translateY(-50%);
    content: ""
  }

  .ui-widget.-settlements-13.-with-separator.-dark-bg {
    --separator-color: oklch(100% 0 0/0.2)
  }

  .ui-widget.-settlements-13.-box {
    --default-color: var(--color-primary, oklch(34.66% 0.127 259.3))
  }
}

@layer version {
  .ui-widget.-settlements-14 {
    --padding: 0;
    --padding-top: var(--padding);
    --padding-bottom: var(--padding);
    --container-padding: min(15%, 1.75rem);
    --container-top-padding: var(--container-padding);
    --container-bottom-padding: var(--container-padding);
    padding: var(--padding-top) 1.25rem var(--padding-bottom);
    line-height: 1.1;
    text-align: center;
    --default-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    --default-bg-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    --container-padding: 1.25rem;
    background-color: var(--util-bg, var(--default-bg-color))
  }

  .ui-widget.-settlements-14 .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3
  }

  .ui-widget.-settlements-14 .item .container {
    display: flex;
    height: 100%;
    padding: var(--container-top-padding) 0.25rem var(--container-bottom-padding);
    flex-direction: column;
    align-content: space-around;
    text-align: center
  }

  .ui-widget.-settlements-14 .text {
    display: block;
    margin-top: 0.25em
  }

  .ui-widget.-settlements-14 .item .container {
    justify-content: flex-start
  }

  .ui-widget.-settlements-14 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-14 .text {
    display: block;
    margin-top: 0.25em;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-14 .amount {
    font-size: 1rem
  }

  .ui-widget.-settlements-14 .text {
    font-size: 0.9rem
  }

  .ui-widget.-settlements-14.-box {
    --padding: 2.5rem
  }

  .ui-widget.-settlements-14.-box .item {
    background-color: var(--util-bg-item, oklch(100% 0 0))
  }

  .ui-widget.-settlements-14.-box:has(.tns-nav):not(.-has-arrows) {
    --container-bottom-padding: min(15%, 1.75rem)
  }

  .ui-widget.-settlements-14:not(.-has-arrows) .tns-controls {
    display: none
  }

  .ui-widget.-settlements-14:not(.-has-arrows) .tns-nav {
    margin-top: 0
  }

  .ui-widget.-settlements-14.-has-arrows .tns-controls {
    display: block
  }

  .ui-widget.-settlements-14.-has-arrows .tns-nav {
    display: none
  }

  .ui-widget.-settlements-14.-with-separator {
    --separator-color: oklch(0% 0 0/0.2)
  }

  .ui-widget.-settlements-14.-with-separator .item .container {
    position: relative
  }

  .ui-widget.-settlements-14.-with-separator .tns-slide-active+.tns-slide-active::before {
    --left: -2.08333vw;
    position: absolute;
    top: 50%;
    left: var(--left);
    display: block;
    height: calc(100% - var(--container-padding, 2.5rem) * 2);
    border-left: 0.1rem solid var(--separator-color);
    transform: translateY(-50%);
    content: ""
  }

  .ui-widget.-settlements-14.-with-separator.-dark-bg {
    --separator-color: oklch(100% 0 0/0.2)
  }

  .ui-widget.-settlements-14 .items {
    --separator-color: oklch(0% 0 0/0.2);
    background-color: oklch(100% 0 0)
  }

  .ui-widget.-settlements-14[class*=_color-light] .container {
    --util-color: var(--global--color-black, oklch(0% 0 0));
    color: var(--util-color)
  }

  .ui-widget.-settlements-14 .item .container {
    padding-inline: 0
  }

  .ui-widget.-settlements-14 .amount {
    color: var(--util-color, var(--default-color))
  }
}

@layer version {
  .ui-widget.-settlements-15 {
    --padding: 0;
    --padding-top: var(--padding);
    --padding-bottom: var(--padding);
    --container-padding: min(15%, 1.75rem);
    --container-top-padding: var(--container-padding);
    --container-bottom-padding: var(--container-padding);
    padding: var(--padding-top) 1.25rem var(--padding-bottom);
    line-height: 1.1;
    text-align: center;
    --default-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    --default-bg-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    --container-padding: 1.25rem;
    background-color: var(--util-bg, var(--default-bg-color))
  }

  .ui-widget.-settlements-15 .item {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3
  }

  .ui-widget.-settlements-15 .item .container {
    display: flex;
    height: 100%;
    padding: var(--container-top-padding) 0.25rem var(--container-bottom-padding);
    flex-direction: column;
    align-content: space-around;
    text-align: center
  }

  .ui-widget.-settlements-15 .text {
    display: block;
    margin-top: 0.25em
  }

  .ui-widget.-settlements-15 .item .container {
    justify-content: flex-start
  }

  .ui-widget.-settlements-15 .amount {
    font-size: clamp(1.5rem, 3.1666666667vw, 1.9rem)
  }

  .ui-widget.-settlements-15 .text {
    display: block;
    margin-top: 0.25em;
    font-size: clamp(0.8rem, 1.5vw, 0.9rem)
  }

  .ui-widget.-settlements-15 .amount {
    font-size: 1rem
  }

  .ui-widget.-settlements-15 .text {
    font-size: 0.9rem
  }

  .ui-widget.-settlements-15.-box {
    --padding: 2.5rem
  }

  .ui-widget.-settlements-15.-box .item {
    background-color: var(--util-bg-item, oklch(100% 0 0))
  }

  .ui-widget.-settlements-15.-box:has(.tns-nav):not(.-has-arrows) {
    --container-bottom-padding: min(15%, 1.75rem)
  }

  .ui-widget.-settlements-15:not(.-has-arrows) .tns-controls {
    display: none
  }

  .ui-widget.-settlements-15:not(.-has-arrows) .tns-nav {
    margin-top: 0
  }

  .ui-widget.-settlements-15.-has-arrows .tns-controls {
    display: block
  }

  .ui-widget.-settlements-15.-has-arrows .tns-nav {
    display: none
  }

  .ui-widget.-settlements-15.-with-separator {
    --separator-color: oklch(0% 0 0/0.2)
  }

  .ui-widget.-settlements-15.-with-separator .item .container {
    position: relative
  }

  .ui-widget.-settlements-15.-with-separator .tns-slide-active+.tns-slide-active::before {
    --left: -2.08333vw;
    position: absolute;
    top: 50%;
    left: var(--left);
    display: block;
    height: calc(100% - var(--container-padding, 2.5rem) * 2);
    border-left: 0.1rem solid var(--separator-color);
    transform: translateY(-50%);
    content: ""
  }

  .ui-widget.-settlements-15.-with-separator.-dark-bg {
    --separator-color: oklch(100% 0 0/0.2)
  }

  .ui-widget.-settlements-15 .items {
    --separator-color: oklch(0% 0 0/0.2);
    background-color: oklch(100% 0 0)
  }

  .ui-widget.-settlements-15[class*=_color-light] .container {
    --util-color: var(--global--color-black, oklch(0% 0 0));
    color: var(--util-color)
  }

  .ui-widget.-settlements-15 .item .container {
    padding-inline: 0
  }

  .ui-widget.-settlements-15 .amount {
    color: var(--util-color, var(--default-color))
  }
}

@layer version {
  .info-blocks.-info-blocks-01:not([class*=_talign]) {
    text-align: center
  }

  .info-blocks.-info-blocks-01 .title:not(.-underlined) {
    margin-bottom: 1.25rem
  }

  .info-blocks.-info-blocks-01 .list-item {
    max-width: 47.5rem
  }

  .info-blocks.-info-blocks-01 .tns-controls {
    display: none
  }
}

@layer version {
  .info-blocks.-info-blocks-02 {
    --gap: 1.25rem
  }

  .info-blocks.-info-blocks-02 .icon,
  .info-blocks.-info-blocks-02 .number {
    display: flex;
    justify-content: center;
    align-items: center
  }

  .info-blocks.-info-blocks-02 .icon {
    width: clamp(1.6rem, calc(1.6rem + (0.04 * (100vw - 37.5rem))), 2.5rem);
    height: clamp(1.6rem, calc(1.6rem + (0.04 * (100vw - 37.5rem))), 2.5rem);
    margin-bottom: 1rem
  }

  .info-blocks.-info-blocks-02 .number {
    width: clamp(1.6rem, calc(1.6rem + (0.04 * (100vw - 37.5rem))), 2.5rem);
    height: clamp(1.6rem, calc(1.6rem + (0.04 * (100vw - 37.5rem))), 2.5rem);
    padding: 0.4rem;
    border: 0.1rem solid currentColor;
    border-radius: 50%;
    color: var(--color-highlight, oklch(71.39% 0.136 225.77));
    font-size: clamp(1.1rem, calc(1.1rem + (0.0222222222 * (100vw - 37.5rem))), 1.6rem);
    line-height: 1
  }

  .info-blocks.-info-blocks-02 .card {
    --util-color-item: var(--util-color, currentColor)
  }

  .info-blocks.-info-blocks-02 .itemtitle {
    display: block;
    margin-bottom: 0.25rem;
    line-height: 1.2
  }

  .info-blocks.-info-blocks-02 .content {
    font-size: 0.9rem;
    line-height: 1.5
  }
}

@layer version {
  .info-blocks.-info-blocks-03 {
    --vertical-gap: 1.25rem
  }

  .info-blocks.-info-blocks-03 .items {
    --item-min-height: 5rem;
    display: flex;
    row-gap: var(--vertical-gap);
    column-gap: calc(4.347826087%);
    flex-wrap: wrap;
    justify-content: center
  }

  .info-blocks.-info-blocks-03 .item {
    width: 100%
  }

  .info-blocks.-info-blocks-03 .item .ui-button {
    display: inline-grid;
    width: 100%;
    height: 100%;
    min-height: var(--item-min-height);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin: initial;
    font-weight: 600;
    font-size: clamp(0.9rem, calc(0.9rem + (0.0044444444 * (100vw - 37.5rem))), 1rem);
    line-height: 1.3;
    place-items: center
  }
}

@layer version {
  .info-blocks.-info-blocks-4 {
    --grid-columns: 1;
    --image-bg: var(--color-highlight, oklch(71.39% 0.136 225.77));
    --item-bg: var(--color-primary, oklch(34.66% 0.127 259.3));
    --image-bg-hover: var(--color-primary, oklch(34.66% 0.127 259.3));
    --item-bg-hover: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .info-blocks.-info-blocks-4 .items {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    gap: 1.25rem;
    grid-auto-rows: 1fr;
    justify-items: center;
    align-items: center
  }

  .info-blocks.-info-blocks-4 .image {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.4rem;
    border-radius: 50%;
    grid-area: icon;
    background-color: var(--image-bg)
  }

  .info-blocks.-info-blocks-4 .image img {
    width: 1.7rem;
    height: 1.7rem
  }

  .info-blocks.-info-blocks-4 .item {
    display: grid;
    width: 100%;
    max-width: 17.5rem;
    height: 100%;
    min-height: 3.75rem;
    padding: 0.6rem 1.5rem;
    border-radius: 2.5rem;
    grid-template-columns: 2.5rem 1fr;
    grid-template-areas: "icon name";
    grid-column-gap: 1rem;
    align-items: center;
    background-color: var(--item-bg);
    color: oklch(100% 0 0);
    font-size: 0.9rem;
    line-height: 1.1
  }

  .info-blocks.-info-blocks-4 .item:hover {
    background-color: var(--item-bg-hover);
    --item-bg-hover: var(--color-highlight, oklch(71.39% 0.136 225.77));
    text-decoration: none
  }

  .info-blocks.-info-blocks-4 .item:hover .image {
    background-color: var(--image-bg-hover);
    --image-bg-hover: var(--color-primary, oklch(34.66% 0.127 259.3))
  }
}

@layer version {
  .info-blocks.-info-blocks-5 {
    --grid-columns: 1;
    --image-bg: var(--color-highlight, oklch(71.39% 0.136 225.77));
    --item-bg: var(--color-primary, oklch(34.66% 0.127 259.3));
    --image-bg-hover: var(--color-primary, oklch(34.66% 0.127 259.3));
    --item-bg-hover: var(--color-highlight, oklch(71.39% 0.136 225.77));
    --image-bg: var(--color-highlight, oklch(71.39% 0.136 225.77));
    --item-bg: transparent;
    background-color: var(--color-primary, oklch(34.66% 0.127 259.3))
  }

  .info-blocks.-info-blocks-5 .items {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    gap: 1.25rem;
    grid-auto-rows: 1fr;
    justify-items: center;
    align-items: center
  }

  .info-blocks.-info-blocks-5 .image {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.4rem;
    border-radius: 50%;
    grid-area: icon;
    background-color: var(--image-bg)
  }

  .info-blocks.-info-blocks-5 .image img {
    width: 1.7rem;
    height: 1.7rem
  }

  .info-blocks.-info-blocks-5 .item {
    display: grid;
    width: 100%;
    max-width: 17.5rem;
    height: 100%;
    min-height: 3.75rem;
    padding: 0.6rem 1.5rem;
    border-radius: 2.5rem;
    grid-template-columns: 2.5rem 1fr;
    grid-template-areas: "icon name";
    grid-column-gap: 1rem;
    align-items: center;
    background-color: var(--item-bg);
    color: oklch(100% 0 0);
    font-size: 0.9rem;
    line-height: 1.1
  }

  .info-blocks.-info-blocks-5 .item:hover {
    background-color: var(--item-bg-hover);
    --item-bg-hover: var(--color-highlight, oklch(71.39% 0.136 225.77));
    text-decoration: none
  }

  .info-blocks.-info-blocks-5 .item:hover .image {
    background-color: var(--image-bg-hover);
    --image-bg-hover: var(--color-primary, oklch(34.66% 0.127 259.3))
  }

  .info-blocks.-info-blocks-5 .item {
    border: 0.05rem solid oklch(100% 0 0)
  }

  .info-blocks.-info-blocks-5 .item:hover {
    --item-bg-hover: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .info-blocks.-info-blocks-5 .item:hover .image {
    --image-bg-hover: var(--color-highlight, oklch(71.39% 0.136 225.77));
    box-shadow: 0 0 0 0.05rem oklch(100% 0 0)
  }
}

@layer version {
  .info-blocks.-info-blocks-6 {
    background-color: var(--bg-color, var(--color-white))
  }

  .info-blocks.-info-blocks-6.-dark-bg .item-link,
  .info-blocks.-info-blocks-6._color-light .item-link {
    color: oklch(100% 0 0)
  }

  .info-blocks.-info-blocks-6 .item {
    display: flex;
    align-items: flex-start;
    color: var(--util-color, var(--color-black))
  }

  .info-blocks.-info-blocks-6 .item .item-title {
    display: block;
    margin-bottom: 0.25rem;
    line-height: 1.2
  }

  .info-blocks.-info-blocks-6 .item .item-content {
    margin-bottom: 0.25rem;
    font-size: 0.9rem;
    line-height: 1.5
  }

  .info-blocks.-info-blocks-6 .icon {
    display: flex;
    width: 100%;
    max-width: 4rem;
    padding: 0.4rem;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    background-color: var(--color-highlight, oklch(71.39% 0.136 225.77));
    aspect-ratio: 1
  }

  .info-blocks.-info-blocks-6 .icon img {
    width: 100%;
    max-width: 2.5rem;
    height: 100%;
    max-height: 2.5rem
  }

  .info-blocks.-info-blocks-6 .icon+.content {
    margin-left: 1rem
  }

  .info-blocks.-info-blocks-6 .number {
    color: var(--color-light, oklch(100% 0 0));
    font-size: 1.3rem
  }

  .info-blocks.-info-blocks-6 .item-link {
    font-weight: 700;
    font-size: 0.9rem
  }

  .info-blocks.-info-blocks-6 .item-link::after {
    content: " ›"
  }
}

@layer version {

  .info-blocks.-info-blocks-7.-dark-bg .item-link,
  .info-blocks.-info-blocks-7._color-light .item-link {
    color: oklch(100% 0 0)
  }

  .info-blocks.-info-blocks-7 .item {
    color: var(--color, var(--color-black));
    text-align: center
  }

  .info-blocks.-info-blocks-7 .item .item-title {
    display: block;
    margin-bottom: 0.25rem;
    line-height: 1.2
  }

  .info-blocks.-info-blocks-7 .item .content {
    margin-bottom: 0.25rem;
    font-size: 0.9rem;
    line-height: 1.5
  }

  .info-blocks.-info-blocks-7 .icon {
    display: flex;
    width: 100%;
    max-width: 5rem;
    padding: 0.4rem;
    border-radius: 100%;
    margin: 0 auto 1rem;
    justify-content: center;
    align-items: center;
    background-color: var(--color-highlight, oklch(71.39% 0.136 225.77));
    aspect-ratio: 1
  }

  .info-blocks.-info-blocks-7 .icon img {
    width: 100%;
    max-width: 2.5rem;
    height: 100%;
    max-height: 2.5rem
  }

  .info-blocks.-info-blocks-7 .number {
    color: var(--color-light, oklch(100% 0 0));
    font-size: 1.5rem
  }

  .info-blocks.-info-blocks-7 .item-link {
    font-weight: 700;
    font-size: 0.9rem
  }

  .info-blocks.-info-blocks-7 .item-link::after {
    content: " ›"
  }
}

@layer version {
  .info-blocks.-info-blocks-8 {
    --icon-size: 4rem;
    --icon-space: 3rem;
    --icon-padding: 0.4rem;
    --icon-bg: var(--color-highlight, oklch(71.39% 0.136 225.77));
    --item-bg: var(--color-primary, oklch(34.66% 0.127 259.3));
    --image-bg-hover: var(--color-primary, oklch(34.66% 0.127 259.3));
    --item-bg-hover: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .info-blocks.-info-blocks-8 .items {
    --columns: 1;
    --gap: 1.25rem;
    justify-items: center
  }

  .info-blocks.-info-blocks-8 .item {
    width: 100%
  }

  .info-blocks.-info-blocks-8 .card {
    border-radius: 0.2rem
  }

  .info-blocks.-info-blocks-8 ul {
    list-style-type: "•⠀";
    margin-block-start: 0;
    margin-block-end: 0
  }

  .info-blocks.-info-blocks-8 li a {
    font-weight: 700
  }

  .info-blocks.-info-blocks-8 svg {
    fill: currentColor
  }

  .info-blocks.-info-blocks-8 .items {
    --columns: 1;
    --gap: 1.25rem;
    justify-items: center;
    align-items: center
  }

  .info-blocks.-info-blocks-8 .icon {
    display: flex;
    width: var(--icon-space);
    height: var(--icon-space);
    padding: var(--icon-padding);
    grid-area: icon;
    justify-content: center;
    align-items: center;
    color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .info-blocks.-info-blocks-8 .icon img {
    width: auto;
    max-width: calc(var(--icon-size) - var(--icon-padding) * 2);
    max-height: calc(var(--icon-size) - var(--icon-padding) * 2)
  }

  .info-blocks.-info-blocks-8 .number {
    display: flex;
    width: clamp(2.25rem, 4.1666666667vw, 2.5rem);
    height: clamp(2.25rem, 4.1666666667vw, 2.5rem);
    padding: 0.4rem;
    border: 0.1rem solid currentColor;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: clamp(1.25rem, 2.6666666667vw, 1.6rem);
    line-height: 1;
    vertical-align: middle
  }

  .info-blocks.-info-blocks-8 .item {
    width: 100%;
    max-width: 27.5rem;
    height: 100%;
    min-height: 8.75rem;
    grid-template-columns: var(--icon-space) 1fr;
    grid-template-areas: "icon name";
    grid-column-gap: 1rem;
    align-items: center;
    color: oklch(0% 0 0);
    font-size: 1rem;
    line-height: 1.2
  }

  .info-blocks.-info-blocks-8 .card {
    display: grid
  }

  .info-blocks.-info-blocks-8 a .content {
    color: var(--color-highlight);
    font-weight: 700
  }

  .info-blocks.-info-blocks-8 a .content:hover {
    text-decoration: underline
  }

  .info-blocks.-info-blocks-8 .icon {
    padding: 0
  }

  .info-blocks.-info-blocks-8 .item {
    display: grid;
    min-height: auto;
    border: 0;
    box-shadow: none
  }
}

@layer version {
  .info-blocks.-info-blocks-9 {
    --icon-size: 4rem;
    --icon-space: 3rem;
    --icon-padding: 0.4rem;
    --icon-bg: var(--color-highlight, oklch(71.39% 0.136 225.77));
    --item-bg: var(--color-primary, oklch(34.66% 0.127 259.3));
    --image-bg-hover: var(--color-primary, oklch(34.66% 0.127 259.3));
    --item-bg-hover: var(--color-highlight, oklch(71.39% 0.136 225.77));
    --icon-size: 2.5rem
  }

  .info-blocks.-info-blocks-9 .items {
    --columns: 1;
    --gap: 1.25rem;
    justify-items: center
  }

  .info-blocks.-info-blocks-9 .item {
    width: 100%
  }

  .info-blocks.-info-blocks-9 .card {
    border-radius: 0.2rem
  }

  .info-blocks.-info-blocks-9 ul {
    list-style-type: "•⠀";
    margin-block-start: 0;
    margin-block-end: 0
  }

  .info-blocks.-info-blocks-9 li a {
    font-weight: 700
  }

  .info-blocks.-info-blocks-9 svg {
    fill: currentColor
  }

  .info-blocks.-info-blocks-9 .items {
    --columns: 1;
    --gap: 1.25rem;
    justify-items: center;
    align-items: center
  }

  .info-blocks.-info-blocks-9 .icon {
    display: flex;
    width: var(--icon-space);
    height: var(--icon-space);
    padding: var(--icon-padding);
    grid-area: icon;
    justify-content: center;
    align-items: center;
    color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .info-blocks.-info-blocks-9 .icon img {
    width: auto;
    max-width: calc(var(--icon-size) - var(--icon-padding) * 2);
    max-height: calc(var(--icon-size) - var(--icon-padding) * 2)
  }

  .info-blocks.-info-blocks-9 .number {
    display: flex;
    width: clamp(2.25rem, 4.1666666667vw, 2.5rem);
    height: clamp(2.25rem, 4.1666666667vw, 2.5rem);
    padding: 0.4rem;
    border: 0.1rem solid currentColor;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: clamp(1.25rem, 2.6666666667vw, 1.6rem);
    line-height: 1;
    vertical-align: middle
  }

  .info-blocks.-info-blocks-9 .item {
    width: 100%;
    max-width: 27.5rem;
    height: 100%;
    min-height: 8.75rem;
    grid-template-columns: var(--icon-space) 1fr;
    grid-template-areas: "icon name";
    grid-column-gap: 1rem;
    align-items: center;
    color: oklch(0% 0 0);
    font-size: 1rem;
    line-height: 1.2
  }

  .info-blocks.-info-blocks-9 .card {
    font-weight: 600
  }

  .info-blocks.-info-blocks-9 a.card {
    transition-property: color, background-color;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out
  }

  .info-blocks.-info-blocks-9 a.card:hover {
    background-color: var(--icon-bg);
    color: oklch(100% 0 0)
  }

  .info-blocks.-info-blocks-9 a.card:hover .icon {
    box-shadow: 0 0 0 0.05rem oklch(100% 0 0)
  }

  .info-blocks.-info-blocks-9 .icon {
    border-radius: 50%;
    margin-bottom: 1.25rem;
    background-color: var(--icon-bg)
  }

  .info-blocks.-info-blocks-9 .number {
    border: 0;
    color: oklch(100% 0 0)
  }
}

@layer version {
  :where(.content-lists.-lists-1) .items {
    --columns: 1;
    --gap: 1.25rem;
    justify-items: center
  }

  :where(.content-lists.-lists-1) .item {
    width: 100%
  }

  :where(.content-lists.-lists-1) .card {
    border-radius: 0.2rem
  }

  :where(.content-lists.-lists-1) ul {
    list-style-type: "•⠀";
    margin-block-start: 0;
    margin-block-end: 0
  }

  :where(.content-lists.-lists-1) li a {
    font-weight: 700
  }
}

@layer version {
  :where(.content-lists.-lists-2) .items {
    --columns: 1;
    --gap: 1.25rem;
    justify-items: center
  }

  :where(.content-lists.-lists-2) .item {
    width: 100%
  }

  :where(.content-lists.-lists-2) .card {
    border-radius: 0.2rem
  }

  :where(.content-lists.-lists-2) ul {
    list-style-type: "•⠀";
    margin-block-start: 0;
    margin-block-end: 0
  }

  :where(.content-lists.-lists-2) li a {
    font-weight: 700
  }

  :where(.content-lists.-lists-2) ul {
    list-style-type: none;
    padding-inline-start: 0
  }
}

@layer version {
  .content-lists.-lists-3 {
    --gap: 0
  }

  .content-lists.-lists-3 .ui-grid:not(.items) {
    grid-template-areas: "description" "items"
  }

  .content-lists.-lists-3 .ui-grid:not(.items) .description {
    grid-area: description
  }

  .content-lists.-lists-3 .ui-grid:not(.items) .items {
    grid-area: items;
    --gap: 2.5rem
  }

  .content-lists.-lists-3 .ui-grid:not(.items) .item {
    display: flex;
    color: var(--color, var(--color-black));
    font-weight: 600;
    font-size: 1rem
  }

  .content-lists.-lists-3 .ui-grid:not(.items) .icon {
    --height: 2.5rem;
    --width: 2.5rem;
    display: flex;
    overflow: hidden;
    width: 100%;
    max-width: var(--width);
    height: var(--height);
    justify-content: center;
    align-items: center;
    color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .content-lists.-lists-3 .ui-grid:not(.items) .icon svg {
    fill: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .content-lists.-lists-3 .ui-grid:not(.items) .number {
    display: flex;
    width: clamp(2.25rem, 4.1666666667vw, 2.5rem);
    height: clamp(2.25rem, 4.1666666667vw, 2.5rem);
    padding: 0.4rem;
    border: 0.1rem solid currentColor;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: clamp(1.25rem, 2.6666666667vw, 1.6rem);
    line-height: 1;
    vertical-align: middle
  }

  .content-lists.-lists-3 .ui-grid:not(.items) .content {
    margin-left: 1rem
  }

  .content-lists.-lists-3 .item {
    align-items: flex-start
  }
}

@layer version {
  .content-lists.-lists-4 {
    --gap: 0
  }

  .content-lists.-lists-4 .ui-grid:not(.items) {
    grid-template-areas: "description" "items"
  }

  .content-lists.-lists-4 .ui-grid:not(.items) .description {
    grid-area: description
  }

  .content-lists.-lists-4 .ui-grid:not(.items) .items {
    grid-area: items;
    --gap: 2.5rem
  }

  .content-lists.-lists-4 .ui-grid:not(.items) .item {
    display: flex;
    color: var(--color, var(--color-black));
    font-weight: 600;
    font-size: 1rem
  }

  .content-lists.-lists-4 .ui-grid:not(.items) .icon {
    --height: 2.5rem;
    --width: 2.5rem;
    display: flex;
    overflow: hidden;
    width: 100%;
    max-width: var(--width);
    height: var(--height);
    justify-content: center;
    align-items: center;
    color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .content-lists.-lists-4 .ui-grid:not(.items) .icon svg {
    fill: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .content-lists.-lists-4 .ui-grid:not(.items) .number {
    display: flex;
    width: clamp(2.25rem, 4.1666666667vw, 2.5rem);
    height: clamp(2.25rem, 4.1666666667vw, 2.5rem);
    padding: 0.4rem;
    border: 0.1rem solid currentColor;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: clamp(1.25rem, 2.6666666667vw, 1.6rem);
    line-height: 1;
    vertical-align: middle
  }

  .content-lists.-lists-4 .ui-grid:not(.items) .content {
    margin-left: 1rem
  }

  .content-lists.-lists-4 .description {
    display: flex;
    align-items: center
  }

  .content-lists.-lists-4 .description .title._talign-left {
    margin-left: 0
  }

  .content-lists.-lists-4 .item {
    align-items: center
  }
}

@layer version {
  :where(.content-lists.-lists-5) {
    --icon-size: 4rem;
    --icon-space: 3rem;
    --icon-padding: 0.4rem;
    --icon-bg: var(--color-highlight, oklch(71.39% 0.136 225.77));
    --item-bg: var(--color-primary, oklch(34.66% 0.127 259.3));
    --image-bg-hover: var(--color-primary, oklch(34.66% 0.127 259.3));
    --item-bg-hover: var(--color-highlight, oklch(71.39% 0.136 225.77));
    --icon-size: 1.6rem;
    --icon-space: 1.6rem
  }

  :where(.content-lists.-lists-5) .items {
    --columns: 1;
    --gap: 1.25rem;
    justify-items: center
  }

  :where(.content-lists.-lists-5) .item {
    width: 100%
  }

  :where(.content-lists.-lists-5) .card {
    border-radius: 0.2rem
  }

  :where(.content-lists.-lists-5) ul {
    list-style-type: "•⠀";
    margin-block-start: 0;
    margin-block-end: 0
  }

  :where(.content-lists.-lists-5) li a {
    font-weight: 700
  }

  :where(.content-lists.-lists-5) .items {
    --columns: 1;
    --gap: 1.25rem;
    justify-items: center;
    align-items: center
  }

  :where(.content-lists.-lists-5) .icon {
    display: flex;
    width: var(--icon-space);
    height: var(--icon-space);
    grid-area: icon;
    justify-content: center;
    align-items: center;
    color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  :where(.content-lists.-lists-5) .icon svg {
    fill: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  :where(.content-lists.-lists-5) .icon img {
    width: auto;
    max-width: calc(var(--icon-size));
    max-height: calc(var(--icon-size))
  }

  :where(.content-lists.-lists-5) .number {
    display: flex;
    width: clamp(2.25rem, 4.1666666667vw, 2.5rem);
    height: clamp(2.25rem, 4.1666666667vw, 2.5rem);
    padding: 0.4rem;
    border: 0.1rem solid currentColor;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: clamp(1.25rem, 2.6666666667vw, 1.6rem);
    line-height: 1;
    vertical-align: middle
  }

  :where(.content-lists.-lists-5) .item {
    width: 100%;
    max-width: 27.5rem;
    height: 100%;
    min-height: 8.75rem;
    grid-template-columns: var(--icon-space) 1fr;
    grid-template-areas: "icon name";
    grid-column-gap: 1rem;
    align-items: center;
    color: oklch(0% 0 0);
    font-size: 1rem;
    line-height: 1.2
  }

  :where(.content-lists.-lists-5) .item:not(.card) {
    display: grid
  }

  :where(.content-lists.-lists-5) .card .icon {
    margin-bottom: 1.25rem
  }

  :where(.content-lists.-lists-5) .icon:has(.number) {
    border: 0.1rem solid currentColor;
    border-radius: 50%
  }

  :where(.content-lists.-lists-5) .number {
    padding: 0;
    border: 0;
    font-size: clamp(1rem, 1.8333333333vw, 1.1rem)
  }

  :where(.content-lists.-lists-5) .item {
    min-height: auto;
    align-items: flex-start;
    font-size: 0.9rem;
    line-height: 1.5
  }

  :where(.content-lists.-lists-5) .item:has(.number) {
    --icon-size: 2.5rem;
    --icon-space: 2.5rem
  }
}

@layer version {
  .generic-banner.-generic-banner-01 {
    background-image: var(--banner-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: var(--util-padding, var(--util-padding-bottom, 2.5rem))
  }

  .generic-banner.-generic-banner-01:not([class*=-padding]) {
    padding-top: 2.5rem
  }

  .generic-banner.-generic-banner-01 .ui-columns {
    display: revert;
    width: revert;
    margin: revert
  }

  .generic-banner.-generic-banner-01 .ui-columns .column {
    padding: revert
  }

  .generic-banner.-generic-banner-01 .button-container {
    grid-area: 1/3/3/4;
    flex-direction: column;
    place-items: center
  }

  .generic-banner.-generic-banner-01 .title {
    padding-top: 0;
    grid-area: 1/1/2/2
  }

  .generic-banner.-generic-banner-01 .text {
    margin: 1.25rem auto 0 0;
    grid-area: 2/1/3/2
  }
}

@layer version {
  .generic-banner.-generic-banner-02 {
    background-image: var(--banner-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: var(--util-padding, var(--util-padding-bottom, 2.5rem));
    display: flex;
    min-height: 15rem;
    place-items: center
  }

  .generic-banner.-generic-banner-02:not([class*=-padding]) {
    padding-top: 2.5rem
  }

  .generic-banner.-generic-banner-02 .ui-columns {
    display: revert;
    width: revert;
    margin: revert
  }

  .generic-banner.-generic-banner-02 .ui-columns .column {
    padding: revert
  }

  .generic-banner.-generic-banner-02 .button-container {
    grid-area: 1/3/3/4;
    flex-direction: column;
    place-items: center
  }

  .generic-banner.-generic-banner-02 .text {
    margin: 0;
    grid-area: 1/1/3/2
  }

  .generic-banner.-generic-banner-02 .container {
    width: 100%
  }

  .generic-banner.-generic-banner-02 .text {
    font-weight: 700;
    font-size: 1.2rem
  }

  .generic-banner.-generic-banner-02[class*=_has-padding] {
    min-height: initial
  }
}

@layer version {
  .generic-banner.-generic-banner-03 {
    background-image: var(--banner-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: var(--util-padding, var(--util-padding-bottom, 2.5rem))
  }

  .generic-banner.-generic-banner-03:not([class*=-padding]) {
    padding-top: 2.5rem
  }

  .generic-banner.-generic-banner-03 .ui-columns {
    display: revert;
    width: revert;
    margin: revert
  }

  .generic-banner.-generic-banner-03 .ui-columns .column {
    padding: revert
  }

  .generic-banner.-generic-banner-03 .button-container {
    grid-area: 1/3/3/4;
    flex-direction: column;
    place-items: center
  }

  .generic-banner.-generic-banner-03 .text {
    margin: 0;
    grid-area: 1/1/3/2
  }

  .generic-banner.-generic-banner-03 .text {
    font-weight: 600;
    font-size: clamp(1.3rem, 3.6666666667vw, 2.2rem);
    line-height: 1.1363636364
  }

  .generic-banner.-generic-banner-03 .text p {
    margin: 0
  }

  .generic-banner.-generic-banner-03 .button-container .ui-button {
    margin-bottom: 1rem
  }

  .generic-banner.-generic-banner-03 .button-container p {
    margin: 0 0 auto;
    font-size: 0.7rem
  }

  .generic-banner.-generic-banner-03:not([class*=_talign]) .column {
    text-align: center
  }
}

@layer version {
  .generic-banner.-generic-banner-04 {
    background-image: var(--banner-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: var(--util-padding, var(--util-padding-bottom, 2.5rem))
  }

  .generic-banner.-generic-banner-04:not([class*=-padding]) {
    padding-top: 2.5rem
  }

  .generic-banner.-generic-banner-04 img {
    display: inline-block;
    vertical-align: text-bottom
  }

  .generic-banner.-generic-banner-04 .title {
    margin-bottom: 2rem;
    font-size: 1.3rem
  }

  .generic-banner.-generic-banner-04:not(:has(.-image)) .column {
    display: flex;
    min-height: 20rem;
    justify-content: center;
    align-items: center
  }

  .generic-banner.-generic-banner-04:not(:has(.-image)) .column .title {
    margin-top: 0
  }

  .generic-banner.-generic-banner-04:not(:has(.-image)) .column .title~.text {
    margin-top: 0;
    margin-bottom: 0
  }

  .generic-banner.-generic-banner-04 .column {
    flex-direction: column
  }

  .generic-banner.-generic-banner-04 .column .title {
    margin-top: 2.5rem
  }

  .generic-banner.-generic-banner-04 .column .text {
    margin: 2.5rem 1.25rem
  }

  .generic-banner.-generic-banner-04:not([class*=_talign]) .column {
    text-align: center
  }
}

@layer version {
  .generic-banner.-generic-banner-05 {
    background-image: var(--banner-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: var(--util-padding, var(--util-padding-bottom, 2.5rem))
  }

  .generic-banner.-generic-banner-05:not([class*=-padding]) {
    padding-top: 2.5rem
  }

  .generic-banner.-generic-banner-05:not([class*=_talign]) {
    text-align: center
  }

  .generic-banner.-generic-banner-05:not(:has(.text)) .ui-button {
    margin-top: 0
  }
}

@layer version {
  .generic-banner.-generic-banner-06 {
    background-image: var(--banner-image);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: var(--util-padding, var(--util-padding-bottom, 2.5rem));
    --color: oklch(100% 0 0);
    background-color: var(--util-bg, var(--color-dark-gray, oklch(44.95% 0 0)));
    color: var(--util-color, var(--color));
    line-height: 1.1363636364;
    text-align: center;
    font-size: clamp(1.5rem, calc(1.5rem + (0.0311111111 * (100vw - 37.5rem))), 2.2rem)
  }

  .generic-banner.-generic-banner-06:not([class*=-padding]) {
    padding-top: 2.5rem
  }

  .generic-banner.-generic-banner-06.-fz-md {
    font-size: clamp(1.4rem, calc(1.4rem + (0.0222222222 * (100vw - 37.5rem))), 1.9rem)
  }

  .generic-banner.-generic-banner-06.-fz-sm {
    font-size: clamp(1.1rem, calc(1.1rem + (0.0088888889 * (100vw - 37.5rem))), 1.3rem)
  }

  .generic-banner.-generic-banner-06._no-bg,
  .generic-banner.-generic-banner-06[class*=_bg-light] {
    --color: oklch(0% 0 0)
  }
}

@layer version {}

@layer version {
  .generic-banner.-cc-01 .title {
    font-size: 1.3rem
  }

  .generic-banner.-cc-01 .title:not(.-underlined) {
    margin-bottom: 1.25rem
  }

  .generic-banner.-cc-01 .cards {
    display: flex;
    gap: 1.25rem 0.25rem;
    flex-wrap: wrap;
    justify-content: center
  }
}

@layer version {
  .generic-banner.-cc-02 .title {
    font-size: 1.3rem
  }

  .generic-banner.-cc-02 .title:not(.-underlined) {
    margin-bottom: 1.25rem
  }

  .generic-banner.-cc-02 .cards {
    display: flex;
    gap: 1.25rem 0.25rem;
    flex-wrap: wrap;
    justify-content: center
  }

  .generic-banner.-cc-02 img {
    display: block
  }

  .generic-banner.-cc-02 .button-container {
    justify-content: center
  }
}

@layer version {
  .generic-banner.-cc-03 .title {
    font-size: 1.3rem
  }

  .generic-banner.-cc-03 .title:not(.-underlined) {
    margin-bottom: 1.25rem
  }

  .generic-banner.-cc-03 .cards {
    display: flex;
    gap: 1.25rem 0.25rem;
    flex-wrap: wrap;
    justify-content: center
  }

  .generic-banner.-cc-03 img {
    display: block
  }

  .generic-banner.-cc-03 .button-container {
    justify-content: center
  }

  .generic-banner.-cc-03 .ui-button {
    margin-top: 0
  }
}

@layer stripes {

  :where(.ui-narrative .contact-form-widget.-contact-9 .form-container),
  :where(.ui-narrative .contact-form-widget.-contact-10 .form-container) {
    max-width: 37.5rem;
    padding: 0
  }

  :where(.ui-narrative .contact-form-widget.-contact-9) .ui-form,
  :where(.ui-narrative .contact-form-widget.-contact-10) .ui-form {
    font-size: 0.9rem
  }

  :where(.ui-narrative .contact-form-widget.-contact-9) .ui-form .field,
  :where(.ui-narrative .contact-form-widget.-contact-9) .ui-form fieldset,
  :where(.ui-narrative .contact-form-widget.-contact-10) .ui-form .field,
  :where(.ui-narrative .contact-form-widget.-contact-10) .ui-form fieldset {
    margin-bottom: 1.5rem
  }

  :where(.ui-narrative .contact-form-widget.-contact-9) .ui-form fieldset,
  :where(.ui-narrative .contact-form-widget.-contact-10) .ui-form fieldset {
    padding-block: 0
  }
}

@layer stripes {
  :where(.ui-form) [class*=heading] {
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: oklch(0% 0 0);
    text-align: var(--headings--text-align, center)
  }

  :where(.ui-form) [class*=heading]:first-child {
    margin-top: 0
  }

  :where(.ui-form._talign-left-headings) {
    --headings--text-align: left
  }
}

@layer stripes {
  :where(.ui-form)>.field .label {
    font-weight: 700
  }

  :where(.ui-form) fieldset .field {
    margin-bottom: 0.5rem
  }

  :where(.ui-form) fieldset .field:last-child {
    margin-bottom: 0
  }

  :where(.ui-form) fieldset .label a {
    font-weight: 700
  }

  :where(.ui-form) fieldset .field:has([type=checkbox]),
  :where(.ui-form) fieldset .field:has([type=radio]) {
    position: relative;
    padding-left: 1.1rem
  }

  :where(.ui-form) fieldset .field:has([type=checkbox]) input,
  :where(.ui-form) fieldset .field:has([type=radio]) input {
    position: absolute;
    top: 0.4em;
    left: 0
  }
}

@layer version {
  .contact-form-widget .ordered-list.-numberless .item {
    align-items: flex-start
  }

  .contact-form-widget .ordered-list.-numberless .icon {
    margin-top: 0.35em
  }
}

@layer version {
  :where(.contact-form-widget.-contact-10) {
    --form-spacing: 0
  }
}

@layer version {}

@layer version {
  :where(.contact-form-widget.-contact-5[style*="--banner-image:"]) .-description {
    --background: none
  }

  :where(.contact-form-widget.-contact-5[style*="--banner-image:"]) .-description.-no-bg {
    --background: none !important
  }
}

@layer version {
  :where(.ui-widget.-contact-7) .form-container {
    background-color: var(--color-light, oklch(100% 0 0))
  }
}

@layer stripes {
  :where(.ui-gallery) .card {
    --border-radius: 0.5rem;
    border-radius: var(--border-radius)
  }

  :where(.ui-gallery) .card img {
    border-top-left-radius: var(--border-radius, 0.5rem);
    border-top-right-radius: var(--border-radius, 0.5rem)
  }

  :where(.ui-gallery:has(.ui-cards)) .ui-cards {
    padding-block: 2.5rem
  }

  :where(.ui-gallery:has(.ui-cards))>.button-container .ui-button {
    margin-top: 0
  }

  :where(.ui-gallery:has(.ui-cards)):not(:has(.description)) .title {
    margin-bottom: 0
  }

  :where(.ui-gallery:has(.ui-cards)):not(:has(.description)) .title.-underlined {
    margin-bottom: 1.25rem
  }

  :where(.ui-gallery:has(.ui-cards)):not(:has(> .button-container)) {
    padding-bottom: 0
  }
}

@layer stripes {
  :where(.ui-gallery) .description {
    max-width: 45rem;
    font-size: 0.9rem;
    text-align: center;
    margin-inline: auto
  }
}

@layer stripes {
  :where(.ui-gallery) .image img {
    width: auto;
    max-width: min(var(--image-max-width, 100%), 100%);
    margin-inline: auto
  }

  :where(.ui-gallery) .text {
    --color: var(--util-color-item, var(--color-primary, oklch(34.66% 0.127 259.3)));
    color: var(--color);
    text-align: center
  }

  :where(.ui-gallery) .text strong {
    display: block;
    width: 100%
  }

  :where(.ui-gallery) .text a {
    color: currentColor
  }

  :where(.ui-gallery) .text p {
    --color: oklch(0% 0 0)
  }

  :where(.ui-gallery):not(:has(.ui-cards)) .text,
  :where(.ui-gallery):not(:has(.ui-cards)) p {
    color: var(--util-color, var(--color))
  }

  :where(.ui-gallery) .ui-swipeable {
    --item-width: 15rem
  }

  :where(.ui-gallery) .ui-swipeable:not(.-tns-loaded) .items {
    overflow: scroll;
    scrollbar-width: none
  }

  :where(.ui-gallery) .ui-swipeable:not(.-tns-loaded) .items ::-webkit-scrollbar {
    display: none
  }

  :where(.ui-gallery) .ui-swipeable:not(.-tns-loaded) .item {
    min-width: var(--item-width);
    padding-right: 2.5rem
  }

  :where(.ui-gallery) .ui-swipeable .item {
    margin: 0;
    align-items: flex-start
  }

  :where(.ui-gallery) .ui-swipeable .item[aria-hidden=true] a {
    display: none
  }

  :where(.ui-gallery) .tns-nav {
    margin-top: 2.5rem
  }

  :where(.ui-gallery) .tns-nav button {
    color: var(--util-color, var(--color-primary))
  }

  :where(.ui-gallery) .tns-controls button {
    left: 0
  }

  :where(.ui-gallery) .tns-controls button[data-controls=next] {
    right: 0;
    left: auto
  }

  :where(.ui-gallery) .tns-controls button::before {
    width: 2rem;
    height: 2rem
  }
}

@layer version {
  :where(.ui-gallery.-gallery-1) {
    --image-max-width: 12.5rem
  }

  :where(.ui-gallery.-gallery-1) a:hover {
    text-decoration: none
  }

  :where(.ui-gallery.-gallery-1) a:hover .text strong {
    text-decoration: underline
  }

  :where(.ui-gallery.-gallery-1) .text {
    padding-top: 1rem;
    font-size: 0.9rem
  }

  :where(.ui-gallery.-gallery-1) .text p {
    margin-top: 0.5rem
  }

  :where(.ui-gallery.-gallery-1) .tns-nav {
    margin-top: 2.5rem
  }
}

@layer version {
  :where(.ui-gallery.-gallery-2) {
    --image-width: 15rem;
    --image-max-width: var(--image-width)
  }

  :where(.ui-gallery.-gallery-2) .tns-controls button {
    transform: translateX(-50%)
  }

  :where(.ui-gallery.-gallery-2) .tns-controls button[data-controls=next] {
    transform: translateX(50%)
  }

  :where(.ui-gallery.-gallery-2) .ui-swipeable>.container {
    overflow: visible
  }

  :where(.ui-gallery.-gallery-2) .tns-ovh {
    overflow: hidden
  }

  :where(.ui-gallery.-gallery-2) .ui-swipeable {
    --item-width: 20rem
  }

  :where(.ui-gallery.-gallery-2) .ui-swipeable>.container {
    max-width: 55rem
  }

  :where(.ui-gallery.-gallery-2) .card {
    max-width: var(--max-width, var(--item-width));
    padding: 0;
    margin-inline: 1.75rem
  }

  :where(.ui-gallery.-gallery-2) .image img {
    width: 100%;
    object-fit: cover
  }

  :where(.ui-gallery.-gallery-2) .text {
    padding: 1.25rem;
    font-size: 1rem;
    line-height: 1.6;
    text-align: left
  }

  :where(.ui-gallery.-gallery-2) .text p {
    display: none
  }

  :where(.ui-gallery.-gallery-2) .text .button-container {
    width: 100%;
    margin-top: 0.75rem
  }
}

@layer version {
  :where(.ui-gallery.-gallery-3) {
    --item-width: 17.5rem;
    --image-max-width: var(--item-width)
  }

  :where(.ui-gallery.-gallery-3) .item {
    align-items: flex-start
  }

  :where(.ui-gallery.-gallery-3) .description {
    margin-bottom: 2.5rem
  }

  :where(.ui-gallery.-gallery-3) .text {
    margin-block: 1.25rem
  }

  :where(.ui-gallery.-gallery-3) .ui-button {
    margin-top: 0
  }

  :where(.ui-gallery.-gallery-3) a:hover {
    text-decoration: none
  }
}

@layer version {
  :where(.ui-gallery.-gallery-4) {
    padding-inline: 0;
    --image-width: 17.5rem;
    --image-max-width: var(--image-width)
  }

  :where(.ui-gallery.-gallery-4) .tns-controls button {
    transform: translateX(-50%)
  }

  :where(.ui-gallery.-gallery-4) .tns-controls button[data-controls=next] {
    transform: translateX(50%)
  }

  :where(.ui-gallery.-gallery-4) .ui-swipeable>.container {
    overflow: visible
  }

  :where(.ui-gallery.-gallery-4) .tns-ovh {
    overflow: hidden
  }

  :where(.ui-gallery.-gallery-4)>.container {
    max-width: 100%
  }

  :where(.ui-gallery.-gallery-4)>.title,
  :where(.ui-gallery.-gallery-4)>.button-container,
  :where(.ui-gallery.-gallery-4)>.container>.description,
  :where(.ui-gallery.-gallery-4)>.description {
    width: min(100% - 2.5rem, 60rem);
    margin-inline: auto
  }

  :where(.ui-gallery.-gallery-4) .ui-swipeable {
    overflow: hidden;
    max-width: 57.5rem;
    margin-inline: auto
  }

  :where(.ui-gallery.-gallery-4) .ui-swipeable .items:not(.tns-vertical),
  :where(.ui-gallery.-gallery-4) .ui-swipeable .tns-ovh {
    overflow: visible
  }

  :where(.ui-gallery.-gallery-4) .ui-swipeable>.container {
    width: 57.5rem;
    max-width: calc(100% - 2.5rem)
  }

  :where(.ui-gallery.-gallery-4) .card {
    width: 100%;
    max-width: 17.5rem;
    padding: 0
  }

  :where(.ui-gallery.-gallery-4) .image {
    background-color: var(--color-light-gray, oklch(85.37% 0.001 197.14))
  }

  :where(.ui-gallery.-gallery-4) .text {
    padding: 1.25rem;
    font-size: 1rem
  }

  :where(.ui-gallery.-gallery-4) .ui-swipeable {
    --item-width: 20rem
  }
}

@layer version {
  :where(.ui-gallery.-gallery-5) {
    --image-max-width: 17.5rem
  }

  :where(.ui-gallery.-gallery-5) a:hover {
    text-decoration: none
  }

  :where(.ui-gallery.-gallery-5) a:hover .text {
    text-decoration: underline
  }

  :where(.ui-gallery.-gallery-5) .text {
    margin-top: 1.25rem
  }

  :where(.ui-gallery.-gallery-5) .text strong {
    font-weight: 400
  }
}

@layer version {
  :where(.ui-gallery.-gallery-6) .items {
    --columns: 2;
    --gap: 1.25rem
  }

  :where(.ui-gallery.-gallery-6) img {
    aspect-ratio: 1/1;
    object-fit: contain
  }

  :where(.ui-gallery.-gallery-6) .item {
    margin: 0;
    text-align: center
  }
}

@layer stripes {
  :where(.ui-widget.our-team.-our-team-10)[style*="--banner-image:"] .item {
    background: oklch(100% 0 0)
  }
}

@layer stripes {
  :where(.ui-widget.our-team.-our-team-11)[style*="--banner-image:"] .card {
    background: oklch(100% 0 0)
  }
}

@layer stripes {
  :where(.ui-widget.our-team) .card {
    background-color: var(--color-light, oklch(100% 0 0))
  }

  :where(.ui-widget.our-team) .card:hover .text {
    color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  :where(.ui-widget.our-team) .description {
    color: initial
  }

  :where(.ui-widget.our-team) .text {
    color: initial
  }

  :where(.ui-widget.our-team) .social-media {
    display: flex;
    gap: 0.25rem;
    justify-content: center
  }

  :where(.ui-widget.our-team) .social-media img {
    width: 1.5rem;
    height: 1.5rem
  }
}

@layer version {

  .narrow-container .our-team.-our-team-5 img,
  .narrow-container .our-team.-our-team-6 img,
  .narrow-container .our-team.-our-team-7 img,
  .narrow-container .our-team.-our-team-8 img {
    margin: 0
  }
}

@layer version {
  .narrow-container :where(.our-team.-our-team-16) img {
    margin: 0
  }

  :where(.our-team.-our-team-16) .title {
    margin: 0 auto
  }

  :where(.our-team.-our-team-16) .title.-underlined {
    margin-bottom: 1.25rem
  }

  :where(.our-team.-our-team-16) .title.-left-line {
    width: calc(100% - 2.5rem);
    max-width: 57.5rem;
    margin-right: auto;
    margin-left: auto
  }

  :where(.our-team.-our-team-16) .container {
    max-width: 47.5rem;
    padding: 2.5rem 0 0
  }

  :where(.our-team.-our-team-16) .container .profile-link {
    color: initial;
    margin-block: 1rem
  }

  :where(.our-team.-our-team-16) .container .image {
    display: block;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    margin: 0 auto;
    background-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    mask-image: radial-gradient(oklch(100% 0 0), oklch(0% 0 0))
  }

  :where(.our-team.-our-team-16) .container img:not([src^="https://lawyers.justia.com/s/"]) {
    max-width: 10rem;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: scale(1)
  }

  :where(.our-team.-our-team-16) .container .items {
    overflow: hidden;
    border-radius: var(--general-border-radius, 0.15rem);
    box-shadow: 0 0 var(--shadow-size) 0 oklch(0% 0 0/0.1)
  }

  :where(.our-team.-our-team-16) .container .item:hover a {
    box-shadow: none
  }

  :where(.our-team.-our-team-16) .container .item:first-child {
    position: relative;
    padding-bottom: 0
  }

  :where(.our-team.-our-team-16) .container .item:first-child::after {
    position: absolute;
    bottom: 0;
    left: 1.25rem;
    display: block;
    width: calc(100% - 2.5rem);
    border-bottom: 0.05rem solid var(--color-gray, oklch(89.14% 0 0));
    content: ""
  }

  :where(.our-team.-our-team-16) .container .item:first-child+.item {
    padding-top: 0
  }

  :where(.our-team.-our-team-16) .container .card {
    padding: 1.25rem;
    text-align: center
  }

  :where(.our-team.-our-team-16) .container .card:has(a:not([target=_blank]):hover) img:not([src^="https://lawyers.justia.com/s/"]) {
    opacity: 0.9;
    transform: scale(1.03)
  }

  :where(.our-team.-our-team-16) .container a:hover {
    text-decoration: none
  }

  :where(.our-team.-our-team-16) .container .text {
    padding: revert
  }

  :where(.our-team.-our-team-16) .container .name {
    font-weight: 600;
    font-size: 1rem
  }

  :where(.our-team.-our-team-16) .container .position {
    font-size: 0.9rem
  }

  :where(.our-team.-our-team-16) .container .name,
  :where(.our-team.-our-team-16) .container .position {
    display: block
  }

  :where(.our-team.-our-team-16) .container .description {
    display: none;
    font-size: 0.9rem;
    margin-block: 1rem
  }

  :where(.our-team.-our-team-16) .container .social-media {
    justify-content: initial
  }
}

@layer version {
  :where(.our-team.-our-team-17) .items {
    display: flex;
    gap: 2.5rem;
    flex-direction: column;
    justify-content: center
  }

  :where(.our-team.-our-team-17) .item {
    width: 100%;
    max-width: 21.25rem;
    margin-inline: auto
  }

  :where(.our-team.-our-team-17) .card {
    padding: revert
  }

  :where(.our-team.-our-team-17) .text {
    font-size: 1rem;
    padding-block: 1.5rem
  }

  :where(.our-team.-our-team-17) .position {
    font-size: 0.9rem
  }
}

@layer version {
  .our-team.-our-team-18 .items {
    display: flex;
    gap: 2.5rem;
    flex-direction: column;
    justify-content: center;
    text-align: left
  }

  .our-team.-our-team-18 .image {
    width: 100%;
    height: auto
  }

  .our-team.-our-team-18 .image img {
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1/1
  }

  .our-team.-our-team-18 .item {
    max-width: 27.5rem;
    margin-inline: auto
  }

  .our-team.-our-team-18 .card {
    padding: revert;
    column-gap: clamp(1rem, calc(1rem + (0.1071428571 * (100vw - 46rem))), 2.5rem)
  }

  .our-team.-our-team-18 .name {
    font-size: 1rem
  }

  .our-team.-our-team-18 .text {
    padding: 1rem 0.5rem;
    align-items: start;
    font-size: 0.9rem;
    text-align: revert;
    transition: color 0.5s ease
  }

  .our-team.-our-team-18 .description {
    margin-top: 1rem
  }
}

@layer stripes {
  :where(.ui-widget.our-team.-our-team-19) .items {
    display: grid;
    grid-template-areas: "description" "image";
    row-gap: 2.5rem
  }

  :where(.ui-widget.our-team.-our-team-19) .item.-image {
    grid-area: image
  }

  :where(.ui-widget.our-team.-our-team-19) img {
    height: auto;
    object-fit: revert
  }

  :where(.ui-widget.our-team.-our-team-19) .button-container {
    margin-top: 1.25rem
  }
}

@layer stripes {
  :where(.ui-widget.our-team.-our-team-20) {
    background-color: var(--util-bg, var(--color-primary))
  }

  :where(.ui-widget.our-team.-our-team-20)>.container {
    overflow: hidden;
    border-radius: 0.5rem;
    background-color: oklch(100% 0 0)
  }

  :where(.ui-widget.our-team.-our-team-20) .items {
    display: grid;
    grid-template-areas: "image" "description"
  }

  :where(.ui-widget.our-team.-our-team-20) .item:last-child {
    padding: 1.25rem
  }

  :where(.ui-widget.our-team.-our-team-20) .button-container {
    margin-top: 2.5rem
  }
}

@layer version {
  .locations.-locations-1 .item {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    grid-gap: var(--gap, 2.5rem)
  }

  .locations.-locations-1 .item .name {
    display: block;
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .locations.-locations-1 .item .map a {
    color: var(--util-color, var(--color-highlight, oklch(71.39% 0.136 225.77)))
  }

  .locations.-locations-1 img {
    display: block;
    margin: 0
  }

  .locations.-locations-1 .items {
    --gap: 2.5rem;
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    grid-gap: var(--gap, 2.5rem)
  }

  .locations.-locations-1 .item {
    justify-items: baseline
  }
}

@layer version {
  .locations.-locations-2 .item {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    grid-gap: var(--gap, 2.5rem)
  }

  .locations.-locations-2 .item .name {
    display: block;
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .locations.-locations-2 .item .map a {
    color: var(--util-color, var(--color-highlight, oklch(71.39% 0.136 225.77)))
  }

  .locations.-locations-2 img {
    display: block;
    margin: 0
  }

  .locations.-locations-2 .item {
    --gap: 1.25rem;
    justify-items: center
  }

  .locations.-locations-2 .item .image {
    display: inline-block;
    text-align: center
  }
}

@layer version {
  .locations.-locations-3>.container {
    max-width: 55rem
  }

  .locations.-locations-3 .items {
    --gap: 2.5rem;
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    grid-gap: var(--gap, 2.5rem)
  }

  .locations.-locations-3 .items .card {
    --card-max-width: 17.5rem;
    display: block;
    max-width: var(--max-width, unset);
    border-radius: var(--border-radius, 0);
    margin: 0 auto;
    color: var(--util-color, oklch(0% 0 0));
    height: 100%;
    max-width: var(--card-max-width)
  }

  .locations.-locations-3 .items .card img {
    display: flex;
    margin: 0;
    line-height: 0
  }

  .locations.-locations-3 .items .card .text {
    display: flex;
    min-height: 2.5rem;
    padding: 0.5em 0.1em;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.8rem, calc(0.8rem + (0.0088888889 * (100vw - 37.5rem))), 1rem);
    line-height: 1.3
  }

  .locations.-locations-3 .items .card strong {
    font-weight: 600
  }

  .locations.-locations-3 .items .card:hover {
    --background-color: oklch(100% 0 0);
    --shadow-size: 2.5rem;
    --util-color: var(--color-highlight, oklch(71.39% 0.136 225.77));
    --background-color: oklch(100% 0 0);
    background-color: var(--background-color);
    box-shadow: 0 0 var(--shadow-size) 0 oklch(0% 0 0/0.1);
    text-decoration: none
  }

  .locations.-locations-3 .items .card:not(:hover) .text {
    --util-color: #000000
  }
}

@layer version {
  .locations.-locations-4 {
    display: revert;
    width: revert;
    margin-right: revert;
    margin-left: revert
  }

  .locations.-locations-4 .item .name {
    display: block;
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .locations.-locations-4 .item .map a {
    color: var(--util-color, var(--color-highlight, oklch(71.39% 0.136 225.77)))
  }

  .locations.-locations-4 .ui-swipeable .tns-controls {
    display: none
  }

  .locations.-locations-4 .ui-swipeable .tns-nav {
    margin-top: 1.5rem
  }

  .locations.-locations-4 .ui-swipeable .tns-nav button {
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .locations.-locations-4 .ui-swipeable .tns-controls,
  .locations.-locations-4 .ui-swipeable .tns-controls button {
    display: none
  }

  .locations.-locations-4 .ui-swipeable .tns-nav {
    display: flex
  }

  .locations.-locations-4 .ui-columns {
    width: revert;
    margin-right: revert;
    margin-left: revert
  }

  .locations.-locations-4 .column {
    padding: revert
  }

  .locations.-locations-4 .ui-swipeable .item {
    align-items: revert
  }

  .locations.-locations-4 .-images {
    display: none
  }

  .locations.-locations-4 .grid-cards {
    --columns: 3;
    --gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    grid-gap: var(--gap, 2.5rem)
  }

  .locations.-locations-4 .grid-cards .item {
    --background-color: oklch(100% 0 0);
    --border-radius: var(--general-border-radius, 0.15rem);
    display: block;
    overflow: hidden;
    height: clamp(15rem, calc(15rem + (0.4444444444 * (100vw - 37.5rem))), 25rem);
    border-radius: var(--border-radius);
    background-color: var(--background-color);
    --border-radius: 0.6rem
  }

  .locations.-locations-4 .grid-cards .item img {
    transition-property: opacity, transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    min-height: 100%;
    object-fit: cover
  }

  .locations.-locations-4 .grid-cards .item::after {
    position: relative;
    bottom: calc(0% + 2.5rem);
    display: block;
    opacity: 0;
    color: oklch(100% 0 0);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: capitalize;
    text-shadow: 0 0 0.5rem var(--color-primary, oklch(34.66% 0.127 259.3));
    content: attr(data-label);
    transition-property: opacity, transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out
  }

  .locations.-locations-4 .grid-cards .item:hover {
    text-decoration: none
  }

  .locations.-locations-4 .grid-cards .item:hover::after {
    opacity: 1;
    transform: translateY(-0.5rem)
  }

  .locations.-locations-4 .grid-cards .item:hover img {
    opacity: 0.8;
    transform: scale(1.03)
  }

  .locations.-locations-4 .grid-cards .item:nth-child(2) {
    margin-top: 2.5rem
  }

  .locations.-locations-4 .address {
    width: 100%
  }

  .locations.-locations-4 .-description {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    order: -1;
    justify-content: center
  }
}

@layer version {
  .locations.-locations-5 .items {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    grid-gap: var(--gap, 2.5rem)
  }

  .locations.-locations-5 .item {
    --shadow-size: 0.15rem;
    --background-color: oklch(100% 0 0);
    width: 100%;
    display: block;
    max-width: var(--max-width, unset);
    border-radius: var(--border-radius, 0);
    margin: 0 auto;
    color: var(--util-color, oklch(0% 0 0));
    height: 100%;
    --util-color: oklch(0% 0 0);
    padding: var(--padding, 1.25rem);
    background-color: var(--background-color, var(--color-light, oklch(100% 0 0)));
    box-shadow: 0 0 var(--shadow-size) 0 oklch(0% 0 0/0.1)
  }

  .locations.-locations-5 .item img {
    display: flex;
    margin: 0;
    line-height: 0
  }

  .locations.-locations-5 .item .text {
    display: flex;
    min-height: 2.5rem;
    padding: 0.5em 0.1em;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.8rem, calc(0.8rem + (0.0088888889 * (100vw - 37.5rem))), 1rem);
    line-height: 1.3
  }

  .locations.-locations-5 .item strong {
    font-weight: 600
  }

  .locations.-locations-5 .item .name {
    font-weight: 700
  }

  .locations.-locations-5 .item strong {
    font-weight: 700
  }
}

@layer version {
  .locations.-locations-6 .item {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    grid-gap: var(--gap, 2.5rem)
  }

  .locations.-locations-6 .item .name {
    display: block;
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .locations.-locations-6 .item .map a {
    color: var(--util-color, var(--color-highlight, oklch(71.39% 0.136 225.77)))
  }

  .locations.-locations-6 .image {
    display: none
  }
}

@layer version {
  .locations.-locations-7 .item .name {
    display: block;
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .locations.-locations-7 .item .map a {
    color: var(--util-color, var(--color-highlight, oklch(71.39% 0.136 225.77)))
  }

  .locations.-locations-7 .ui-swipeable .tns-controls {
    display: none
  }

  .locations.-locations-7 .ui-swipeable .tns-nav {
    margin-top: 1.5rem
  }

  .locations.-locations-7 .ui-swipeable .tns-nav button {
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .locations.-locations-7 .ui-swipeable .tns-controls,
  .locations.-locations-7 .ui-swipeable .tns-controls button {
    display: none
  }

  .locations.-locations-7 .ui-swipeable .tns-nav {
    display: flex
  }

  .locations.-locations-7>.container {
    max-width: 60rem
  }

  .locations.-locations-7 .item {
    align-items: flex-start
  }

  .locations.-locations-7 .ui-button:not(.-link) {
    margin-top: 1.5rem
  }

  .locations.-locations-7 .icon {
    display: block;
    overflow: visible;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.35rem;
    border: 0.1rem solid var(--color-highlight, oklch(71.39% 0.136 225.77));
    border-radius: 50%;
    margin-bottom: 1.25rem;
    fill: var(--locations-icon-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }
}

@layer version {
  .locations.-locations-8 {
    padding-bottom: 1.25rem;
    padding-inline: 0
  }

  .locations.-locations-8:has(.ui-swipeable + .button-container) {
    padding-bottom: 2.5rem
  }

  .locations.-locations-8:has(.ui-swipeable + .button-container) .ui-button {
    margin-top: 1.25rem
  }

  .locations.-locations-8>.title {
    margin-bottom: 0
  }

  .locations.-locations-8>.title+.items {
    --top-gap: 1.25rem
  }

  .locations.-locations-8:has(.title.-underlined) .items {
    --padding-top: 3.75rem
  }

  .locations.-locations-8 .items {
    --padding-top: calc(2.5rem + var(--top-gap, 0px));
    padding-top: var(--padding-top);
    padding-bottom: 1.25rem
  }

  .locations.-locations-8>.container {
    max-width: 60rem
  }

  .locations.-locations-8 .description {
    --shadow-size: 1rem;
    --max-width: 17.5rem;
    --padding: 0;
    display: block;
    max-width: var(--max-width, unset);
    border-radius: var(--border-radius, 0);
    margin: 0 auto;
    color: var(--util-color, oklch(0% 0 0));
    height: 100%;
    --util-color: oklch(0% 0 0);
    padding: var(--padding, 1.25rem);
    background-color: var(--background-color, var(--color-light, oklch(100% 0 0)));
    box-shadow: 0 0 var(--shadow-size) 0 oklch(0% 0 0/0.1);
    border-radius: var(--general-border-radius, 0.15rem);
    color: oklch(0% 0 0)
  }

  .locations.-locations-8 .description img {
    display: flex;
    margin: 0;
    line-height: 0
  }

  .locations.-locations-8 .description .text {
    display: flex;
    min-height: 2.5rem;
    padding: 0.5em 0.1em;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.8rem, calc(0.8rem + (0.0088888889 * (100vw - 37.5rem))), 1rem);
    line-height: 1.3
  }

  .locations.-locations-8 .description strong {
    font-weight: 600
  }

  .locations.-locations-8 .description .name {
    font-weight: 700
  }

  .locations.-locations-8 .description .name {
    font-weight: 600
  }

  .locations.-locations-8 .description img {
    width: 100%;
    margin: 0 auto
  }

  .locations.-locations-8 .address {
    padding: 1.25rem
  }

  .locations.-locations-8 .item {
    margin-right: 1.5rem;
    margin-left: 1.5rem
  }
}

@layer version {
  .locations.-locations-9 {
    padding-bottom: 1.25rem;
    padding-inline: 0
  }

  .locations.-locations-9 .ui-swipeable .tns-controls {
    display: none
  }

  .locations.-locations-9 .ui-swipeable .tns-nav {
    margin-top: 1.5rem
  }

  .locations.-locations-9 .ui-swipeable .tns-nav button {
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .locations.-locations-9 .ui-swipeable .tns-controls,
  .locations.-locations-9 .ui-swipeable .tns-controls button {
    display: none
  }

  .locations.-locations-9 .ui-swipeable .tns-nav {
    display: flex
  }

  .locations.-locations-9:has(.ui-swipeable + .button-container) {
    padding-bottom: 2.5rem
  }

  .locations.-locations-9:has(.ui-swipeable + .button-container) .ui-button {
    margin-top: 1.25rem
  }

  .locations.-locations-9>.title {
    margin-bottom: 0
  }

  .locations.-locations-9>.title+.items {
    --top-gap: 1.25rem
  }

  .locations.-locations-9:has(.title.-underlined) .items {
    --padding-top: 3.75rem
  }

  .locations.-locations-9 .items {
    --padding-top: calc(2.5rem + var(--top-gap, 0px));
    padding-top: var(--padding-top);
    padding-bottom: 1.25rem
  }

  .locations.-locations-9 img {
    display: block;
    margin: 0
  }

  .locations.-locations-9 .card {
    --shadow-size: 1rem;
    --max-width: 17.5rem;
    --padding: 1.25rem;
    display: block;
    max-width: var(--max-width, unset);
    border-radius: var(--border-radius, 0);
    margin: 0 auto;
    color: var(--util-color, oklch(0% 0 0));
    height: 100%;
    --util-color: oklch(0% 0 0);
    padding: var(--padding, 1.25rem);
    background-color: var(--background-color, var(--color-light, oklch(100% 0 0)));
    box-shadow: 0 0 var(--shadow-size) 0 oklch(0% 0 0/0.1);
    position: relative;
    overflow: hidden;
    width: 100%
  }

  .locations.-locations-9 .card img {
    display: flex;
    margin: 0;
    line-height: 0
  }

  .locations.-locations-9 .card .text {
    display: flex;
    min-height: 2.5rem;
    padding: 0.5em 0.1em;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.8rem, calc(0.8rem + (0.0088888889 * (100vw - 37.5rem))), 1rem);
    line-height: 1.3
  }

  .locations.-locations-9 .card strong {
    font-weight: 600
  }

  .locations.-locations-9 .card .name {
    font-weight: 700
  }

  .locations.-locations-9 .card .name {
    --util-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    display: flex;
    margin-bottom: 1.25rem;
    color: var(--util-color);
    font-weight: 600;
    line-height: 1.3;
    transition: color 0.3s ease-in-out
  }

  .locations.-locations-9 .card .name::before {
    position: relative;
    display: inline-block;
    width: 0.1rem;
    height: 1rem;
    margin: 0.2rem 0.5rem 0 0;
    background-color: var(--color-highlight, oklch(71.39% 0.136 225.77));
    content: ""
  }

  .locations.-locations-9 .card .description {
    position: relative;
    z-index: 1
  }

  .locations.-locations-9 .image {
    display: none
  }
}

@layer version {
  .locations.-locations-10 {
    padding-bottom: 1.25rem;
    padding-inline: 0
  }

  .locations.-locations-10:has(.ui-swipeable + .button-container) {
    padding-bottom: 2.5rem
  }

  .locations.-locations-10:has(.ui-swipeable + .button-container) .ui-button {
    margin-top: 1.25rem
  }

  .locations.-locations-10>.title {
    margin-bottom: 0
  }

  .locations.-locations-10>.title+.items {
    --top-gap: 1.25rem
  }

  .locations.-locations-10:has(.title.-underlined) .items {
    --padding-top: 3.75rem
  }

  .locations.-locations-10 .items {
    --padding-top: calc(2.5rem + var(--top-gap, 0px));
    padding-top: var(--padding-top);
    padding-bottom: 1.25rem
  }

  .locations.-locations-10 img {
    display: block;
    margin: 0
  }

  .locations.-locations-10 .ui-swipeable .tns-controls {
    display: none
  }

  .locations.-locations-10 .ui-swipeable .tns-nav {
    margin-top: 1.5rem
  }

  .locations.-locations-10 .ui-swipeable .tns-nav button {
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .locations.-locations-10 .ui-swipeable .tns-controls,
  .locations.-locations-10 .ui-swipeable .tns-controls button {
    display: none
  }

  .locations.-locations-10 .ui-swipeable .tns-nav {
    display: flex
  }

  .locations.-locations-10>.container {
    max-width: 60rem
  }

  .locations.-locations-10 .card {
    display: block;
    max-width: var(--max-width, unset);
    border-radius: var(--border-radius, 0);
    margin: 0 auto;
    color: var(--util-color, oklch(0% 0 0));
    height: 100%;
    --util-color: oklch(0% 0 0);
    padding: var(--padding, 1.25rem);
    background-color: var(--background-color, var(--color-light, oklch(100% 0 0)));
    box-shadow: 0 0 var(--shadow-size) 0 oklch(0% 0 0/0.1);
    --shadow-size: 1rem;
    --border-radius: 0.25rem;
    --max-width: 15rem;
    display: grid;
    grid-gap: 1.25rem;
    justify-items: center
  }

  .locations.-locations-10 .card img {
    display: flex;
    margin: 0;
    line-height: 0
  }

  .locations.-locations-10 .card .text {
    display: flex;
    min-height: 2.5rem;
    padding: 0.5em 0.1em;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.8rem, calc(0.8rem + (0.0088888889 * (100vw - 37.5rem))), 1rem);
    line-height: 1.3
  }

  .locations.-locations-10 .card strong {
    font-weight: 600
  }

  .locations.-locations-10 .card .name {
    font-weight: 700
  }

  .locations.-locations-10 .card .name {
    --util-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    display: flex;
    margin-bottom: 1.25rem;
    color: var(--util-color);
    font-weight: 600;
    line-height: 1.3;
    transition: color 0.3s ease-in-out
  }

  .locations.-locations-10 .card .name::before {
    position: relative;
    display: inline-block;
    width: 0.1rem;
    height: 1rem;
    margin: 0.2rem 0.5rem 0 0;
    background-color: var(--color-highlight, oklch(71.39% 0.136 225.77));
    content: ""
  }

  .locations.-locations-10 .image {
    width: 100%;
    max-width: 10rem
  }

  .locations.-locations-10 .image img {
    display: block;
    border-radius: var(--border-radius)
  }

  .locations.-locations-10 .description {
    width: 100%
  }

  .locations.-locations-10 .name {
    font-size: 1rem
  }

  .locations.-locations-10 .address {
    font-size: 0.9rem
  }
}

@layer version {
  .locations.-locations-11 {
    --icon-size: 1.6rem
  }

  .locations.-locations-11 .item {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    grid-gap: var(--gap, 2.5rem)
  }

  .locations.-locations-11 .item .name {
    display: block;
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .locations.-locations-11 .item .map a {
    color: var(--util-color, var(--color-highlight, oklch(71.39% 0.136 225.77)))
  }

  .locations.-locations-11 .image {
    display: none
  }

  .locations.-locations-11 table {
    max-width: 12rem
  }

  .locations.-locations-11 table td {
    display: table-cell;
    padding: 0 !important;
    border: 0 !important
  }

  .locations.-locations-11 .info-wrapper {
    display: grid;
    grid-template-columns: var(--icon-size) 1fr;
    grid-template-areas: "icon info";
    column-gap: 1rem
  }

  .locations.-locations-11 .icon {
    width: var(--icon-size);
    height: var(--icon-size);
    grid-area: icon;
    stroke: var(--color-highlight)
  }

  .locations.-locations-11 .address {
    grid-area: info
  }

  .locations.-locations-11 .item .name {
    margin-bottom: 0.6rem;
    color: var(--util-color, oklch(0% 0 0))
  }

  .locations.-locations-11 .-opening-hours {
    margin-top: 2.5rem
  }
}

@layer version {
  .-locations-12 .item {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    grid-gap: var(--gap, 2.5rem)
  }

  .-locations-12 .item .name {
    display: block;
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }

  .-locations-12 .item .map a {
    color: var(--util-color, var(--color-highlight, oklch(71.39% 0.136 225.77)))
  }

  .-locations-12 table {
    max-width: 12rem
  }

  .-locations-12 table td {
    display: table-cell;
    padding: 0 !important;
    border: 0 !important
  }

  .-locations-12 .items {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    grid-gap: var(--gap, 2.5rem);
    max-width: 47.5rem;
    margin: 0 auto
  }

  .-locations-12 .items .item {
    --gap: 1.25rem
  }

  .-locations-12 .items .item .name {
    margin-bottom: 0.6rem;
    color: var(--util-color, oklch(0% 0 0))
  }
}

@layer stripes {
  :where(.client-reviews[style*="--banner-image:"]) {
    --sripe-bg: none
  }
}

@layer version {}

@layer version {
  .ui-widget.-newsletter-6 .field {
    margin-bottom: revert
  }
}

@layer version {
  .ui-videos.-videos-1 .iframe-container {
    overflow: hidden;
    width: 100%;
    border-radius: var(--general-border-radius);
    margin-bottom: 2.5rem
  }

  .ui-videos.-videos-1 ul {
    padding: 0;
    margin: 0;
    list-style-type: none
  }

  .ui-videos.-videos-1 .thumbnail.-no-image {
    display: none
  }

  .ui-videos.-videos-1 .thumbnail img,
  .ui-videos.-videos-1 .thumbnail picture {
    display: block;
    pointer-events: none
  }

  .ui-videos.-videos-1 .modal-link * {
    pointer-events: none
  }

  .ui-videos.-videos-1 p:last-of-type {
    margin-bottom: 0
  }
}

@layer version {
  .ui-videos.-videos-2 {
    --shadow-color: #dbdbdb
  }

  .ui-videos.-videos-2 .iframe-container {
    overflow: hidden;
    width: 100%;
    border-radius: var(--general-border-radius);
    margin-bottom: 2.5rem
  }

  .ui-videos.-videos-2 ul {
    padding: 0;
    margin: 0;
    list-style-type: none
  }

  .ui-videos.-videos-2 .thumbnail.-no-image {
    display: none
  }

  .ui-videos.-videos-2 .thumbnail img,
  .ui-videos.-videos-2 .thumbnail picture {
    display: block;
    pointer-events: none
  }

  .ui-videos.-videos-2 .modal-link * {
    pointer-events: none
  }

  .ui-videos.-videos-2 .iframe-container {
    margin-bottom: 0
  }

  .ui-videos.-videos-2 li a {
    --color: currentColor;
    --color--active: var(--color-primary, oklch(34.66% 0.127 259.3));
    --color--hover: var(--color--active);
    display: flex;
    height: auto;
    padding: 1rem 1.5rem;
    align-items: center;
    color: var(--color);
    box-shadow: inset 0 -0.05rem var(--shadow-color);
    font-weight: 400;
    transition-property: box-shadow, background-color;
    transition-duration: 0.2s;
    transition-timing-function: ease
  }

  .ui-videos.-videos-2 li a:hover {
    color: var(--color--hover);
    text-decoration: none
  }

  .ui-videos.-videos-2 li a.-active,
  .ui-videos.-videos-2 li a[selected] {
    outline: 0;
    color: var(--color--active);
    box-shadow: 0 0 2.5rem 0 oklch(0% 0 0/0.1), inset 0 -0.05rem var(--shadow-color);
    font-weight: 700
  }

  .ui-videos.-videos-2._color-light {
    --shadow-color: rgba(219, 219, 219, 0.4)
  }

  .ui-videos.-videos-2._color-light li a {
    --color--hover: var(--color-light, oklch(100% 0 0));
    --color--active: var(--color-primary, oklch(34.66% 0.127 259.3))
  }

  .ui-videos.-videos-2._color-light li a:hover:not(.-active) {
    font-weight: 700
  }

  .ui-videos.-videos-2._color-light li a.-active,
  .ui-videos.-videos-2._color-light li a[selected] {
    background-color: var(--color-light, oklch(100% 0 0));
    box-shadow: none
  }

  .ui-narrative .ui-videos.-videos-2 li {
    margin-bottom: 0
  }

  .ui-videos.-videos-2 .items {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    gap: var(--gap, 2.5rem)
  }

  .ui-videos.-videos-2 .iframe-container,
  .ui-videos.-videos-2 .lazyframe::before {
    padding-top: initial;
    aspect-ratio: 11/8
  }

  .ui-videos.-videos-2 .lf-play-btn {
    position: absolute
  }
}

@layer version {
  .ui-videos.-videos-3 .iframe-container {
    overflow: hidden;
    width: 100%;
    border-radius: var(--general-border-radius);
    margin-bottom: 2.5rem
  }

  .ui-videos.-videos-3 ul {
    padding: 0;
    margin: 0;
    list-style-type: none
  }

  .ui-videos.-videos-3 .thumbnail.-no-image {
    display: none
  }

  .ui-videos.-videos-3 .thumbnail img,
  .ui-videos.-videos-3 .thumbnail picture {
    display: block;
    pointer-events: none
  }

  .ui-videos.-videos-3 .modal-link * {
    pointer-events: none
  }

  .ui-videos.-videos-3 .text {
    display: block;
    margin-top: 0.75em;
    font-weight: 600;
    text-align: center
  }

  .ui-videos.-videos-3 .ui-swipeable .items {
    margin-right: unset;
    margin-left: unset;
    flex-wrap: nowrap;
    align-items: start
  }

  .ui-videos.-videos-3 .ui-swipeable .item {
    flex-direction: column
  }

  .ui-videos.-videos-3 .ui-swipeable .lazyframe,
  .ui-videos.-videos-3 .ui-swipeable iframe {
    pointer-events: none
  }

  .ui-videos.-videos-3 .tns-controls {
    display: none
  }

  .ui-videos.-videos-3 .iframe-container,
  .ui-videos.-videos-3 .thumbnail-container {
    margin-bottom: 0
  }
}

@layer version {
  .ui-videos.-videos-4 .iframe-container {
    overflow: hidden;
    width: 100%;
    border-radius: var(--general-border-radius);
    margin-bottom: 2.5rem
  }

  .ui-videos.-videos-4 ul {
    padding: 0;
    margin: 0;
    list-style-type: none
  }

  .ui-videos.-videos-4 .thumbnail.-no-image {
    display: none
  }

  .ui-videos.-videos-4 .thumbnail img,
  .ui-videos.-videos-4 .thumbnail picture {
    display: block;
    pointer-events: none
  }

  .ui-videos.-videos-4 .modal-link * {
    pointer-events: none
  }

  .ui-videos.-videos-4 .ui-swipeable .tns-controls {
    --display: block
  }

  .ui-videos.-videos-4 .ui-swipeable .tns-controls,
  .ui-videos.-videos-4 .ui-swipeable .tns-controls button {
    display: block
  }

  .ui-videos.-videos-4 .ui-swipeable .tns-nav {
    display: none
  }

  .ui-videos.-videos-4 .iframe-container,
  .ui-videos.-videos-4 .thumbnail-container {
    overflow: hidden;
    max-width: 37.5rem;
    border-radius: var(--general-border-radius)
  }

  .ui-videos.-videos-4 .iframe-container {
    margin-bottom: 0
  }

  .ui-videos.-videos-4 .items {
    align-items: center
  }

  .ui-videos.-videos-4 .item.-current {
    z-index: 2
  }

  .ui-videos.-videos-4 .text {
    position: absolute;
    overflow: hidden;
    width: 0.05rem;
    height: 0.05rem;
    padding: 0;
    border: 0;
    margin: -0.05rem;
    clip: rect(0, 0, 0, 0)
  }

  .ui-videos.-videos-4 .ui-swipeable .lazyframe,
  .ui-videos.-videos-4 .ui-swipeable iframe {
    pointer-events: none
  }

  .ui-videos.-videos-4 .tns-outer {
    position: relative
  }

  .ui-videos.-videos-4 .item:not(.-current) {
    flex-direction: column;
    align-items: flex-start;
    transform: scale(0.7) translateX(100%);
    transform-origin: right;
    filter: brightness(0.5)
  }

  .ui-videos.-videos-4 .item.-current+.item {
    align-items: flex-end;
    transform: scale(0.7) translateX(-100%);
    transform-origin: left
  }
}

@layer version {
  .ui-videos.-videos-5 .iframe-container {
    overflow: hidden;
    width: 100%;
    border-radius: var(--general-border-radius);
    margin-bottom: 2.5rem
  }

  .ui-videos.-videos-5 ul {
    padding: 0;
    margin: 0;
    list-style-type: none
  }

  .ui-videos.-videos-5 .thumbnail.-no-image {
    display: none
  }

  .ui-videos.-videos-5 .thumbnail img,
  .ui-videos.-videos-5 .thumbnail picture {
    display: block;
    pointer-events: none
  }

  .ui-videos.-videos-5 .modal-link * {
    pointer-events: none
  }

  .ui-videos.-videos-5 .thumbnail {
    display: block;
    overflow: hidden;
    aspect-ratio: 16/9
  }

  .ui-videos.-videos-5 .thumbnail img,
  .ui-videos.-videos-5 .thumbnail picture {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
  }

  .ui-videos.-videos-5 .container {
    max-width: 47.5rem
  }

  .ui-videos.-videos-5 .items {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    gap: var(--gap, 2.5rem);
    --gap: 1.5rem
  }

  .ui-videos.-videos-5 .item {
    position: relative
  }

  .ui-videos.-videos-5 .item .iframe-container {
    margin-bottom: revert
  }

  .ui-videos.-videos-5 .item .lazyframe,
  .ui-videos.-videos-5 .item iframe {
    border-radius: var(--general-border-radius)
  }

  .ui-videos.-videos-5 .featured-video {
    display: none
  }

  .ui-videos.-videos-5 .featured-video .iframe-container {
    margin-bottom: 1.5rem
  }
}

@layer version {
  .ui-videos.-videos-6 .iframe-container {
    overflow: hidden;
    width: 100%;
    border-radius: var(--general-border-radius);
    margin-bottom: 2.5rem
  }

  .ui-videos.-videos-6 ul {
    padding: 0;
    margin: 0;
    list-style-type: none
  }

  .ui-videos.-videos-6 .thumbnail.-no-image {
    display: none
  }

  .ui-videos.-videos-6 .thumbnail img,
  .ui-videos.-videos-6 .thumbnail picture {
    display: block;
    pointer-events: none
  }

  .ui-videos.-videos-6 .modal-link * {
    pointer-events: none
  }

  .ui-videos.-videos-6 .thumbnail {
    display: block;
    overflow: hidden;
    aspect-ratio: 16/9
  }

  .ui-videos.-videos-6 .thumbnail img,
  .ui-videos.-videos-6 .thumbnail picture {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
  }

  .ui-videos.-videos-6 .featured-video .iframe-container {
    padding-top: 60%;
    border-radius: 0;
    margin: 0;
    aspect-ratio: 16/9
  }

  .ui-videos.-videos-6 .container>div:not(.button-container) {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    gap: var(--gap, 2.5rem)
  }

  .ui-videos.-videos-6 .items {
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    gap: var(--gap, 2.5rem);
    --gap: 1.5rem
  }

  .ui-videos.-videos-6 .lazyframe,
  .ui-videos.-videos-6 [class*=amphtml-element] {
    overflow: hidden
  }

  .ui-videos.-videos-6 .item {
    position: relative
  }

  .ui-videos.-videos-6 .item .iframe-container {
    margin-bottom: revert
  }

  .ui-videos.-videos-6 .featured-video {
    display: none
  }
}

@layer version {
  .ui-videos.-videos-7 .iframe-container {
    overflow: hidden;
    width: 100%;
    border-radius: var(--general-border-radius);
    margin-bottom: 2.5rem
  }

  .ui-videos.-videos-7 ul {
    padding: 0;
    margin: 0;
    list-style-type: none
  }

  .ui-videos.-videos-7 .thumbnail.-no-image {
    display: none
  }

  .ui-videos.-videos-7 .thumbnail img,
  .ui-videos.-videos-7 .thumbnail picture {
    display: block;
    pointer-events: none
  }

  .ui-videos.-videos-7 .modal-link * {
    pointer-events: none
  }

  .ui-videos.-videos-7 .container {
    max-width: 47.5rem;
    margin: 0 auto
  }

  .ui-videos.-videos-7 .iframe-container {
    margin-bottom: 0
  }
}

@layer version {
  .ui-videos.-videos-8 {
    --shadow-color: #dbdbdb
  }

  .ui-videos.-videos-8 .iframe-container {
    overflow: hidden;
    width: 100%;
    border-radius: var(--general-border-radius);
    margin-bottom: 2.5rem
  }

  .ui-videos.-videos-8 ul {
    padding: 0;
    margin: 0;
    list-style-type: none
  }

  .ui-videos.-videos-8 .thumbnail.-no-image {
    display: none
  }

  .ui-videos.-videos-8 .thumbnail img,
  .ui-videos.-videos-8 .thumbnail picture {
    display: block;
    pointer-events: none
  }

  .ui-videos.-videos-8 .modal-link * {
    pointer-events: none
  }

  .ui-videos.-videos-8 .iframe-container {
    margin-bottom: 0
  }

  .ui-videos.-videos-8 li a {
    --color: currentColor;
    --color--active: var(--color-primary, oklch(34.66% 0.127 259.3));
    --color--hover: var(--color--active);
    display: flex;
    height: auto;
    padding: 1rem 1.5rem;
    align-items: center;
    color: var(--color);
    box-shadow: inset 0 -0.05rem var(--shadow-color);
    font-weight: 400;
    transition-property: box-shadow, background-color;
    transition-duration: 0.2s;
    transition-timing-function: ease
  }

  .ui-videos.-videos-8 li a:hover {
    color: var(--color--hover);
    text-decoration: none
  }

  .ui-videos.-videos-8 li a.-active,
  .ui-videos.-videos-8 li a[selected] {
    outline: 0;
    color: var(--color--active);
    box-shadow: 0 0 2.5rem 0 oklch(0% 0 0/0.1), inset 0 -0.05rem var(--shadow-color);
    font-weight: 700
  }

  .ui-videos.-videos-8._color-light {
    --shadow-color: rgba(219, 219, 219, 0.4)
  }

  .ui-videos.-videos-8._color-light li a {
    --color--hover: var(--color-light, oklch(100% 0 0));
    --color--active: var(--color-primary, oklch(34.66% 0.127 259.3))
  }

  .ui-videos.-videos-8._color-light li a:hover:not(.-active) {
    font-weight: 700
  }

  .ui-videos.-videos-8._color-light li a.-active,
  .ui-videos.-videos-8._color-light li a[selected] {
    background-color: var(--color-light, oklch(100% 0 0));
    box-shadow: none
  }

  .ui-narrative .ui-videos.-videos-8 li {
    margin-bottom: 0
  }

  .ui-videos.-videos-8 .container {
    max-width: 47.5rem;
    margin: 0 auto
  }

  .ui-videos.-videos-8 .iframe-container,
  .ui-videos.-videos-8 .lazyframe::before {
    padding-top: initial;
    aspect-ratio: 11/8
  }

  .ui-videos.-videos-8 .lf-play-btn {
    position: absolute
  }

  .ui-videos.-videos-8 .featured-video {
    margin-bottom: 2.5rem
  }
}

@layer stripes {
  .ui-narrative .rss-columns .items {
    grid-template: revert;
    row-gap: 1.5em
  }

  .ui-narrative .rss-columns .items .item {
    padding: revert
  }
}

@layer version {
  .rss-columns.-rss-columns-1 .items {
    display: grid;
    padding: 0;
    margin: 0;
    grid-template-columns: 100%;
    gap: 2.5rem;
    list-style: none
  }

  .rss-columns.-rss-columns-1 .items .picture img {
    border-radius: var(--general-border-radius, 0.15rem);
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: text-bottom
  }

  .rss-columns.-rss-columns-1 .items .item>strong {
    display: block;
    margin-bottom: 1rem
  }

  .rss-columns.-rss-columns-1 .posttitle {
    display: inline-block;
    font-weight: 700;
    font-size: 1rem
  }

  .rss-columns.-rss-columns-1 .card .date {
    font-size: 0.8rem;
    text-transform: uppercase
  }

  .rss-columns.-rss-columns-1 .card .author {
    font-style: italic;
    font-size: 0.8rem
  }

  .rss-columns.-rss-columns-1 .card>p>* {
    display: block
  }

  .ui-narrative .rss-columns.-rss-columns-1 {
    max-width: 47.5rem
  }

  .ui-narrative .rss-columns.-rss-columns-1 .items {
    grid-template-columns: repeat(1, 1fr)
  }
}

@layer version {
  .rss-columns.-rss-columns-2 .items {
    display: grid;
    padding: 0;
    margin: 0;
    grid-template-columns: 100%;
    gap: 2.5rem;
    list-style: none
  }

  .rss-columns.-rss-columns-2 .items .picture img {
    border-radius: var(--general-border-radius, 0.15rem);
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: text-bottom
  }

  .rss-columns.-rss-columns-2 .items .item>strong {
    display: block;
    margin-bottom: 1rem
  }

  .rss-columns.-rss-columns-2 .posttitle {
    display: inline-block;
    font-weight: 700;
    font-size: 1rem
  }

  .rss-columns.-rss-columns-2 .card .date {
    font-size: 0.8rem;
    text-transform: uppercase
  }

  .rss-columns.-rss-columns-2 .card .author {
    font-style: italic;
    font-size: 0.8rem
  }

  .rss-columns.-rss-columns-2 .card>p>* {
    display: block
  }

  .rss-columns.-rss-columns-2 .item {
    display: block;
    max-width: var(--max-width, unset);
    border-radius: var(--border-radius, 0);
    margin: 0 auto;
    color: var(--util-color, oklch(0% 0 0));
    height: 100%;
    --shadow-size: 2.5rem;
    --util-color: var(--color-highlight, oklch(71.39% 0.136 225.77));
    --background-color: oklch(100% 0 0);
    background-color: var(--background-color);
    box-shadow: 0 0 var(--shadow-size) 0 oklch(0% 0 0/0.1);
    text-decoration: none;
    --util-color: oklch(0% 0 0);
    padding: 1.25rem
  }

  .rss-columns.-rss-columns-2 .item img {
    display: flex;
    margin: 0;
    line-height: 0
  }

  .rss-columns.-rss-columns-2 .item .text {
    display: flex;
    min-height: 2.5rem;
    padding: 0.5em 0.1em;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.8rem, calc(0.8rem + (0.0088888889 * (100vw - 37.5rem))), 1rem);
    line-height: 1.3
  }

  .rss-columns.-rss-columns-2 .item strong {
    font-weight: 600
  }
}

@layer version {
  .rss-columns.-rss-columns-3 .items {
    display: grid;
    padding: 0;
    margin: 0;
    grid-template-columns: 100%;
    gap: 2.5rem;
    list-style: none
  }

  .rss-columns.-rss-columns-3 .items .picture img {
    border-radius: var(--general-border-radius, 0.15rem);
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: text-bottom
  }

  .rss-columns.-rss-columns-3 .items .item>strong {
    display: block;
    margin-bottom: 1rem
  }

  .rss-columns.-rss-columns-3 .posttitle {
    display: inline-block;
    font-weight: 700;
    font-size: 1rem
  }

  .rss-columns.-rss-columns-3 .card .date {
    font-size: 0.8rem;
    text-transform: uppercase
  }

  .rss-columns.-rss-columns-3 .card .author {
    font-style: italic;
    font-size: 0.8rem
  }

  .rss-columns.-rss-columns-3 .card>p>* {
    display: block
  }

  .rss-columns.-rss-columns-3 .items {
    column-gap: 0.1rem
  }

  .rss-columns.-rss-columns-3 .item {
    padding: 1.25rem;
    background-color: var(--color-light-gray, oklch(85.37% 0.001 197.14));
    box-shadow: none
  }

  .rss-columns.-rss-columns-3 .item .posttitle {
    font-weight: 700;
    font-size: 1.1rem
  }

  .rss-columns.-rss-columns-3 .item .details * {
    display: block;
    font-style: revert;
    text-transform: revert
  }

  .rss-columns.-rss-columns-3 .item .ui-button.-link::after {
    content: " →"
  }

  .rss-columns.-rss-columns-3 p>*:not(:first-child) {
    margin-top: 1.5rem
  }
}

@layer version {
  .rss-columns.-rss-columns-4 .items {
    display: grid;
    padding: 0;
    margin: 0;
    grid-template-columns: 100%;
    gap: 2.5rem;
    list-style: none
  }

  .rss-columns.-rss-columns-4 .items .picture img {
    border-radius: var(--general-border-radius, 0.15rem);
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: text-bottom
  }

  .rss-columns.-rss-columns-4 .items .item>strong {
    display: block;
    margin-bottom: 1rem
  }

  .rss-columns.-rss-columns-4 .posttitle {
    display: inline-block;
    font-weight: 700;
    font-size: 1rem
  }

  .rss-columns.-rss-columns-4 .card .date {
    font-size: 0.8rem;
    text-transform: uppercase
  }

  .rss-columns.-rss-columns-4 .card .author {
    font-style: italic;
    font-size: 0.8rem
  }

  .rss-columns.-rss-columns-4 .card>p>* {
    display: block
  }

  .rss-columns.-rss-columns-4 .card>p {
    display: flex;
    flex-direction: column
  }

  .rss-columns.-rss-columns-4 .card .picture {
    order: 1
  }

  .rss-columns.-rss-columns-4 .card .details {
    display: block;
    order: 2
  }

  .rss-columns.-rss-columns-4 .card .author::before {
    display: inline-block;
    margin: 0 0.25rem;
    content: "|"
  }

  .rss-columns.-rss-columns-4 .card p>a:not(.picture) {
    order: 3
  }

  .rss-columns.-rss-columns-4 .card .description {
    order: 4
  }

  .rss-columns.-rss-columns-4 .card .description~* {
    order: 4
  }

  .rss-columns.-rss-columns-4 .card .date,
  .rss-columns.-rss-columns-4 .card .author {
    font-style: revert;
    font-size: 0.8rem;
    text-transform: uppercase
  }
}

@layer version {
  .rss-columns.-rss-5 .items {
    display: grid;
    padding: 0;
    margin: 0;
    grid-template-columns: 100%;
    gap: 2.5rem;
    list-style: none
  }

  .rss-columns.-rss-5 .items .picture img {
    border-radius: var(--general-border-radius, 0.15rem);
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: text-bottom
  }

  .rss-columns.-rss-5 .items .item>strong {
    display: block;
    margin-bottom: 1rem
  }

  .rss-columns.-rss-5 .posttitle {
    display: inline-block;
    font-weight: 700;
    font-size: 1rem
  }

  .rss-columns.-rss-5 .card .date {
    font-size: 0.8rem;
    text-transform: uppercase
  }

  .rss-columns.-rss-5 .card .author {
    font-style: italic;
    font-size: 0.8rem
  }

  .rss-columns.-rss-5 .card>p>* {
    display: block
  }

  .rss-columns.-rss-5 .items {
    display: block;
    max-width: 47.5rem;
    margin-inline: auto
  }

  .narrow-container .rss-columns.-rss-5 {
    margin-top: 2.5rem
  }

  .narrow-container .rss-columns.-rss-5 .title {
    margin-bottom: 0
  }

  .narrow-container .rss-columns.-rss-5 .title+.container {
    margin-top: 2.5rem
  }

  .rss-columns.-rss-5 .date {
    display: flex;
    width: 5rem;
    height: 5rem;
    padding: 0.5rem;
    border: 0.05rem solid var(--color-light-gray, oklch(85.37% 0.001 197.14));
    border-radius: 0.2rem;
    margin: 0 auto 1.25rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: oklch(100% 0 0)
  }

  .rss-columns.-rss-5 .date .number {
    color: var(--color-primary, oklch(34.66% 0.127 259.3));
    font-weight: 600;
    font-size: 1.9rem
  }

  .rss-columns.-rss-5 .date .month {
    color: oklch(0% 0 0);
    font-size: 0.8rem
  }

  .rss-columns.-rss-5 .items .item {
    padding-bottom: 1.25rem
  }

  .rss-columns.-rss-5 .item {
    border-bottom: 0.05rem solid var(--color-light-gray, oklch(85.37% 0.001 197.14))
  }
}

@layer version {
  .rss-columns.-rss-6 .items {
    display: grid;
    padding: 0;
    margin: 0;
    grid-template-columns: 100%;
    gap: 2.5rem;
    list-style: none
  }

  .rss-columns.-rss-6 .items .picture img {
    border-radius: var(--general-border-radius, 0.15rem);
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: text-bottom
  }

  .rss-columns.-rss-6 .items .item>strong {
    display: block;
    margin-bottom: 1rem
  }

  .rss-columns.-rss-6 .posttitle {
    display: inline-block;
    font-weight: 700;
    font-size: 1rem
  }

  .rss-columns.-rss-6 .card .date {
    font-size: 0.8rem;
    text-transform: uppercase
  }

  .rss-columns.-rss-6 .card .author {
    font-style: italic;
    font-size: 0.8rem
  }

  .rss-columns.-rss-6 .card>p>* {
    display: block
  }

  .rss-columns.-rss-6 .items {
    display: block;
    max-width: 47.5rem;
    margin-inline: auto
  }

  .rss-columns.-rss-6 .items .posttitle {
    font-weight: var(--posttitle-weight, 400)
  }

  .narrow-container .rss-columns.-rss-6 {
    margin-top: 2.5rem
  }

  .narrow-container .rss-columns.-rss-6 .title {
    margin-bottom: 0
  }

  .narrow-container .rss-columns.-rss-6 .title+.container {
    margin-top: 2.5rem
  }

  .rss-columns.-rss-6 .item a {
    display: flex;
    height: auto;
    padding: 1.0625em 1.5rem;
    align-items: center;
    color: currentColor;
    box-shadow: inset 0 -0.05rem var(--color-gray, oklch(89.14% 0 0));
    font-weight: 400;
    transition: box-shadow background-color ease
  }

  .rss-columns.-rss-6 .item a strong {
    font-weight: inherit
  }

  .rss-columns.-rss-6 .item a:hover {
    --posttitle-weight: 700;
    color: var(--color-primary, oklch(34.66% 0.127 259.3));
    box-shadow: 0 0 2.5rem 0 oklch(0% 0 0/0.1), inset 0 -0.05rem var(--color-gray, oklch(89.14% 0 0));
    text-decoration: none
  }
}

@layer version {
  .faqs.-faqs-1 {
    max-width: 47.5rem
  }

  .faqs.-faqs-1 .expandable-content>.content {
    margin-top: 0
  }
}

@layer version {
  .faqs.-faqs-2 {
    max-width: 47.5rem
  }

  .faqs.-faqs-2 .container>ul {
    color: var(--color-highlight, oklch(71.39% 0.136 225.77));
    font-weight: 700
  }

  .faqs.-faqs-2 section:not(:last-child) {
    margin: 0 auto 2.5rem
  }

  .faqs.-faqs-2 section+p {
    margin-top: 2.5rem
  }

  .faqs.-faqs-2 section .content+p {
    margin-top: 0.5rem
  }

  .faqs.-faqs-2 section[id*=tab] .content {
    margin: 0
  }

  .faqs.-faqs-2 .-link::after {
    content: none
  }
}

@layer version {
  .faqs.-faqs-3 .heading-4 {
    margin-bottom: 0.5rem;
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-weight: 700;
    font-size: 1rem
  }

  .faqs.-faqs-3 .items {
    --columns: 1;
    display: grid;
    padding: 0;
    margin: 0;
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: 2.5rem;
    list-style: none
  }
}

@layer version {
  .faqs.-faqs-4 {
    text-align: center
  }

  .faqs.-faqs-4 .heading-4 {
    margin-bottom: 0.5rem;
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)));
    font-weight: 700;
    font-size: 1rem
  }

  .faqs.-faqs-4 .content {
    max-width: 47.5rem;
    margin: 0 auto
  }

  .faqs.-faqs-4 .ui-button {
    margin-top: 1.25rem
  }

  .faqs.-faqs-4 .tns-nav button {
    color: var(--util-color, var(--color-primary, oklch(34.66% 0.127 259.3)))
  }
}

@layer version {

  .ui-processes.-processes-1 .icon,
  .ui-processes.-processes-1 .number {
    display: flex;
    justify-content: center;
    align-items: center
  }

  .ui-processes.-processes-1 .icon {
    width: clamp(2.5rem, 6.6666666667vw, 4rem);
    height: clamp(2.5rem, 6.6666666667vw, 4rem);
    padding: 0.4rem;
    margin-bottom: 1.25rem;
    background-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    color: oklch(100% 0 0);
    font-size: clamp(1rem, 2.8333333333vw, 1.7rem)
  }

  .ui-processes.-processes-1 .number {
    width: clamp(1.5rem, 3.5vw, 2.1rem);
    height: clamp(1.5rem, 3.5vw, 2.1rem);
    border: 0.1rem solid currentColor;
    border-radius: 50%;
    line-height: 1
  }

  .ui-processes.-processes-1 .itemtitle {
    display: block;
    margin-bottom: 0.25rem;
    line-height: 1.2
  }

  .ui-processes.-processes-1 .content {
    font-size: 0.9rem;
    line-height: 1.5
  }

  .ui-processes.-processes-1 .icon img {
    max-width: 2.1rem;
    max-height: 2.1rem
  }
}

@layer version {
  .ui-processes.-processes-2 {
    padding-bottom: 1.25rem;
    padding-inline: 0
  }

  .ui-processes.-processes-2 .icon,
  .ui-processes.-processes-2 .number {
    display: flex;
    justify-content: center;
    align-items: center
  }

  .ui-processes.-processes-2 .icon {
    width: clamp(2.5rem, 6.6666666667vw, 4rem);
    height: clamp(2.5rem, 6.6666666667vw, 4rem);
    padding: 0.4rem;
    margin-bottom: 1.25rem;
    background-color: var(--color-primary, oklch(34.66% 0.127 259.3));
    color: oklch(100% 0 0);
    font-size: clamp(1rem, 2.8333333333vw, 1.7rem)
  }

  .ui-processes.-processes-2 .number {
    width: clamp(1.5rem, 3.5vw, 2.1rem);
    height: clamp(1.5rem, 3.5vw, 2.1rem);
    border: 0.1rem solid currentColor;
    border-radius: 50%;
    line-height: 1
  }

  .ui-processes.-processes-2 .itemtitle {
    display: block;
    margin-bottom: 0.25rem;
    line-height: 1.2
  }

  .ui-processes.-processes-2 .content {
    font-size: 0.9rem;
    line-height: 1.5
  }

  .ui-processes.-processes-2 .ui-swipeable .tns-controls:not([style*=display]),
  .ui-processes.-processes-2 .ui-swipeable .tns-controls:not([style*=display]) button {
    display: block;
    --display: block
  }

  .ui-processes.-processes-2 .ui-swipeable .tns-nav {
    display: none
  }

  .ui-processes.-processes-2:has(.ui-swipeable + .button-container) {
    padding-bottom: 2.5rem
  }

  .ui-processes.-processes-2:has(.ui-swipeable + .button-container) .ui-button {
    margin-top: 1.25rem
  }

  .ui-processes.-processes-2>.title {
    margin-bottom: 0
  }

  .ui-processes.-processes-2>.title+.items {
    --top-gap: 1.25rem
  }

  .ui-processes.-processes-2:has(.title.-underlined) .items {
    --padding-top: 3.75rem
  }

  .ui-processes.-processes-2 .items {
    --padding-top: calc(2.5rem + var(--top-gap, 0px));
    padding-top: var(--padding-top);
    padding-bottom: 1.25rem
  }

  .ui-processes.-processes-2 .item {
    padding: 1.5rem 1.25rem;
    flex-direction: column;
    height: auto;
    justify-content: flex-start
  }

  .ui-processes.-processes-2 .itemtitle {
    text-align: center
  }

  .ui-processes.-processes-2 .icon {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    background-color: var(--color-highlight, oklch(71.39% 0.136 225.77))
  }

  .ui-processes.-processes-2 .icon img {
    max-width: 5rem;
    max-height: 5rem
  }

  .ui-processes.-processes-2 .number {
    border-width: 0;
    font-size: 3.6rem
  }
}

@layer stripes {
  :where(.main-footer [class*=footer-v][style*="--banner-image:"]) {
    --background: none
  }

  :where(.main-footer [class*=footer-v][style*="--banner-image:"]).-no-bg {
    --background: none !important
  }

  .main-footer {
    overflow: hidden;
    background-color: var(--footer-background, oklch(100% 0 0));
    color: var(--footer-color, oklch(0% 0 0));
    font-size: 0.9rem;
    text-align: center
  }

  .main-footer a {
    /* color: currentColor */
    text-decoration: underline;
  }

  .main-footer [class*=footer-v] {
    border-top: 0.05rem solid var(--color-gray, oklch(89.14% 0 0))
  }

  .main-footer [class*=footer-v]>.container {
    display: grid;
    max-width: 60rem;
    padding: 2.5rem 1.25rem 0;
    margin: 0 auto;
    grid-template-areas: var(--footer-layout)
  }

  .main-footer [class*=footer-v]>.container>*:not(:first-child) {
    margin-top: 2.5rem
  }

  .main-footer [class*=footer-v]>.container.-has-logo {
    padding-top: 0
  }

  .main-footer .logo {
    height: 5rem
  }

  .main-footer .container.-top,
  .main-footer .container.-bottom {
    margin-top: 2.5rem
  }

  .main-footer .container.-top {
    grid-area: top-c
  }

  .main-footer .container.-top [class*=heading] {
    color: var(--color-primary, oklch(34.66% 0.127 259.3))
  }

  .main-footer.-dark-bg .container.-top [class*=heading],
  .main-footer:has(.-dark-bg) .container.-top [class*=heading] {
    color: var(--footer-color, var(--color-light, oklch(100% 0 0)))
  }

  .main-footer .container.-bottom {
    grid-area: bottom-c
  }

  .main-footer .addresses {
    grid-area: addr
  }

  .main-footer .addresses [class*=heading] {
    color: currentColor;
    font-weight: 700;
    font-size: 1rem
  }

  .main-footer .addresses .address+.address {
    margin-top: 1.25rem
  }

  .main-footer .localities {
    margin-top: 2.5rem
  }

  .main-footer .localities .ui-button {
    margin-top: 0;
    color: var(--localities-expander-color, var(--color-highlight, oklch(71.39% 0.136 225.77)))
  }

  .main-footer .social-media {
    line-height: 1
  }

  .main-footer .social-media img {
    width: 2.25rem;
    height: 2.25rem
  }

  .main-footer .social-media a {
    display: inline-block;
    text-decoration: none
  }

  .main-footer .nav {
    grid-area: nav;
    font-size: 0.8rem
  }

  .main-footer .nav .list {
    padding: 0;
    margin: 0 auto;
    list-style-type: none
  }

  .main-footer .nav .item {
    display: block;
    margin: 0.5em 0
  }

  .main-footer .nav .item:first-child {
    margin-top: 0
  }

  .main-footer .nav .item:last-child {
    margin-bottom: 0
  }

  .main-footer .nav a {
    color: var(--color-highlight, oklch(71.39% 0.136 225.77));
    font-weight: 600
  }

  .main-footer.-dark-bg nav a,
  .main-footer:has(.-dark-bg) nav a {
    color: var(--footer-color, var(--color-light, oklch(100% 0 0)))
  }

  .main-footer .footertitle {
    grid-area: title
  }

  .main-footer .credits {
    white-space: nowrap
  }

  .main-footer .credits a {
    color: currentColor
  }

  .main-footer .credits span {
    font-weight: 700;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase
  }

  .main-footer .footerlocalities {
    grid-area: local
  }

  .main-footer .disclaimers-container {
    grid-area: dis-cont
  }

  .main-footer .disclaimer {
    margin-bottom: 1.25rem
  }

  .main-footer .disclaimer+.disclaimer {
    margin: 1.25rem 0 0
  }

  .main-footer .copyright {
    margin: 0;
    grid-area: ©
  }
}

@layer version {
  .footer-v1>.container {
    --footer-layout: "logo" "search" "top-c" "addr" "bottom-c" "local" "nav" "title" "dis-cont"
  }

  .footer-v1 .bottom-stripe {
    padding: 0 1.25rem;
    margin-top: 2.5rem;
    background-color: transparent;
    color: var(--footer-color, oklch(0% 0 0))
  }

  .footer-v1 .bottom-stripe .credits {
    padding: 0.76em 0.25rem;
    margin: 2.5rem -1.25rem 0 -1.25rem;
    background: var(--color-primary, oklch(34.66% 0.127 259.3));
    color: var(--color-light-gray, oklch(85.37% 0.001 197.14))
  }
}

@layer version {
  .footer-v2 .logo {
    height: 5.75rem;
    grid-template-rows: 1.25rem fit-content(var(--max-height)) auto
  }

  .footer-v2 .logo a {
    grid-row: 2/4
  }

  .footer-v2:not([class*=-logo-]) .logo img {
    max-height: 4.5rem
  }

  .footer-v2>.container {
    --footer-layout: "logo" "nav" "top-c" "bottom-c" "local" "title" "dis-cont" "social";
    padding: 0 1.25rem
  }

  .footer-v2>.container:not(.-has-logo) .nav {
    margin-bottom: 2.5rem
  }

  .footer-v2 .localities {
    margin-top: 0
  }

  .footer-v2 .disclaimer {
    margin-bottom: 2.5rem
  }

  .footer-v2 .disclaimer:last-child {
    margin-bottom: 0
  }

  .footer-v2 .social-media {
    grid-area: social
  }

  .footer-v2 .bottom-stripe {
    padding: 1.16667em clamp(0.25rem, 2.0833333333vw, 1.25rem)
  }
}

@layer version {
  .footer-v3>.container {
    --footer-layout: "logo" "top-c" "bottom-c" "local" "nav" "title" "dis-cont";
    padding-bottom: 0
  }

  .footer-v3 .bottom-stripe {
    padding: 1.72222em clamp(0.25rem, 2.0833333333vw, 1.25rem);
    background-color: var(--color-light-gray, oklch(85.37% 0.001 197.14));
    color: oklch(0% 0 0)
  }
}

@layer version {
  .footer-v4 .logo {
    height: 5.75rem;
    grid-template-rows: 1.25rem fit-content(var(--max-height)) auto
  }

  .footer-v4 .logo a {
    grid-row: 2/4
  }

  .footer-v4:not([class*=-logo-]) .logo img {
    max-height: 4.5rem
  }

  .footer-v4>.container {
    --footer-layout: "logo" "nav" "top-c" "bottom-c" "local" "title" "dis-cont" "social";
    padding: 0 1.25rem
  }

  .footer-v4>.container:not(.-has-logo) .nav {
    margin-bottom: 2.5rem
  }

  .footer-v4 .localities {
    margin-top: 0
  }

  .footer-v4 .disclaimer {
    margin-bottom: 2.5rem
  }

  .footer-v4 .disclaimer:last-child {
    margin-bottom: 0
  }

  .footer-v4 .social-media {
    grid-area: social
  }

  .footer-v4 .bottom-stripe {
    padding: 1.16667em clamp(0.25rem, 2.0833333333vw, 1.25rem)
  }

  .footer-v4>.container {
    --footer-layout: "logo" "nav" "top-c" "bottom-c" "social" "local" "title" "dis-cont"
  }

  .footer-v4>.container:not(.-has-logo) .social-media {
    margin-top: 0;
    margin-bottom: grid-unit(1)
  }

  .footer-v4 .bottom-stripe {
    background-color: oklch(0% 0 0/0.15);
    color: oklch(0% 0 0)
  }

  .-dark-bg .footer-v4 .bottom-stripe,
  .main-footer:has(.-dark-bg) .footer-v4 .bottom-stripe {
    background-color: oklch(100% 0 0/0.15);
    color: var(--color-light, oklch(100% 0 0))
  }
}

@layer version {
  .footer-v5>.container {
    --footer-layout: "logo" "search" "top-c" "addr" "bottom-c" "local" "nav" "title" "dis-cont"
  }

  .footer-v5 .bottom-stripe {
    padding: 0 1.25rem;
    margin-top: 2.5rem;
    background-color: transparent;
    color: var(--footer-color, oklch(0% 0 0))
  }

  .footer-v5 .bottom-stripe .credits {
    padding: 0.76em 0.25rem;
    margin: 2.5rem -1.25rem 0 -1.25rem;
    background: var(--color-primary, oklch(34.66% 0.127 259.3));
    color: var(--color-light-gray, oklch(85.37% 0.001 197.14))
  }

  .footer-v5 .logo {
    height: 7rem
  }

  .footer-v5:not([class*=-logo-]) .logo img {
    max-height: 4.5rem
  }

  .footer-v5>.container .container.-top {
    margin-top: 2.5rem
  }

  .footer-v5>.container.-has-search .logo {
    position: relative
  }

  .footer-v5>.container.-has-search .logo::after {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    width: 100vw;
    border-bottom: 0.05rem solid var(--color-gray, oklch(89.14% 0 0));
    transform: translateX(-50vw);
    content: ""
  }

  .footer-v5>.container:not(.-has-logo) .ui-search {
    margin-top: 0;
    margin-bottom: 2.5rem
  }
}

@layer version {
  .bottom-stripe {
    padding: 1.25rem clamp(0.25rem, calc(0.25rem + (0.0444444444 * (100vw - 37.5rem))), 1.25rem);
    margin: 2.5rem auto 0;
    background: var(--color-primary, oklch(34.66% 0.127 259.3));
    color: var(--color-light, oklch(100% 0 0));
    text-align: center
  }

  body.-has-chat .bottom-stripe {
    margin-bottom: 5rem
  }

  .bottom-stripe .credits {
    padding: 0;
    margin: 1.25rem 0 0;
    background-color: revert
  }
}

@layer base {}

@media screen and (min-width: 46.875em) {
  @layer stripes {
    .ui-widget[style*="--banner-image:"]:not(.-contact-5) {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer base {
    .ui-breadcrumbs {
      display: block;
      max-width: 60rem;
      padding: 0 1.25rem;
      margin: 0 auto
    }

    .ui-breadcrumbs>.list {
      width: 100%;
      padding: 1.036em 0;
      margin: 0;
      font-size: 0.7rem
    }

    .ui-breadcrumbs a {
      font-weight: 700
    }

    .ui-breadcrumbs a::after {
      display: inline-block;
      margin: 0 0.25rem;
      color: oklch(76.68% 0 0);
      font-weight: 400;
      font-size: 1rem;
      line-height: 0.9;
      vertical-align: baseline;
      transform: translateY(0);
      content: var(--breadcrumbs-sep, "›")
    }

    .ui-breadcrumbs a,
    .ui-breadcrumbs span {
      display: inline-block;
      text-indent: 0;
      text-decoration: none
    }

    .ui-breadcrumbs span {
      display: inline
    }
  }

  @layer legacy {
    .narrow-container {
      padding-top: 0;
      padding-bottom: 0
    }

    .-has-sidebar .narrow-container {
      display: grid;
      grid-template-columns: minmax(12.5rem, 4fr) minmax(15rem, 8fr);
      grid-template-areas: "sidebar content"
    }

    .narrow-container.-no-padding-top .ui-narrative {
      padding-top: 0
    }
  }

  @layer base {
    .ui-narrative .content {
      --resp-box-padding: 0.75rem
    }
  }

  @layer base {
    .expandable-content.-lvl1 {
      display: block
    }

    .expandable-content.-lvl1.-collapsed .expandable-content {
      display: none
    }
  }

  @layer base {
    .ui-form .field {
      margin-bottom: 1rem
    }
  }

  @layer base {
    .ui-form.-detailed fieldset._grid-two-columns {
      display: grid;
      grid-template-columns: 1fr 1fr
    }

    .ui-form.-detailed fieldset._grid-three-columns {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr
    }
  }

  @layer base {

    .narrow-container.submit-review-page .contact-form-widget:not([class*=-contact-]) .form-container .field[for*=Email],
    .narrow-container.submit-review-page .contact-form-widget:not([class*=-contact-]) .form-container .field[for*=Phone] {
      float: left;
      width: calc(50% - 0.5rem);
      margin-right: 1rem
    }

    .narrow-container.submit-review-page .contact-form-widget:not([class*=-contact-]) .form-container .field[for*=Phone] {
      margin-right: 0
    }
  }

  @layer stripes {
    :where(.top-numbers[style*="--banner-image:"]) {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer stripes {
    .top-numbers {
      display: none
    }
  }

  @layer stripes {
    :where(.main-head) {
      display: grid;
      width: 100%;
      height: 5rem;
      padding: 0 1.25rem;
      /* grid-template-columns: 1fr 1.25rem 1fr; */
      grid-template-columns: 1fr 16rem 1fr;
      grid-template-areas: "head-left . head-right"
    }
  }

  @layer stripes {
    :where(.main-head .logo) {
      padding: 0;
      grid-template-columns: fit-content(var(--max-width)) 1fr 1fr
    }

    :where(.main-head .logo) img {
      object-position: left center
    }

    :where(.main-head .logo) a {
      grid-area: ml
    }
  }

  @layer stripes {
    :where(.main-header > .container.-has-search .content) {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "cta search"
    }
  }

  @layer stripes {
    :where(.main-header .cta) {
      display: flex;
      grid-area: head-right;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-end;
      align-content: flex-end;
      line-height: 1.3;
      text-align: right
    }

    :where(.main-header .cta) a {
      color: currentColor
    }

    :where(.main-header .cta) a:hover {
      text-decoration: none
    }
  }

  @layer stripes {
    :where(.cta-wrapper) {
      display: flex;
      grid-area: head-right;
      justify-content: flex-end;
      align-items: center
    }

    :where(.cta-wrapper) .cta {
      align-items: flex-start
    }

    :where(.cta-wrapper) .cta:has(+ .cta) {
      --padding-right: clamp(1.25rem, 4.1666666667vw, 2.5rem);
      --border-right: 0.1rem solid var(--color-light-gray, oklch(85.37% 0.001 197.14));
      padding-right: var(--padding-right);
      border-right: var(--border-right)
    }

    :where(.cta-wrapper) .cta+.cta {
      margin-left: clamp(1.25rem, 4.1666666667vw, 2.5rem)
    }
  }

  @layer stripes {
    :is(.main-header .cta[class*=_color-] .line) {
      color: currentColor
    }
  }

  @layer stripes {
    .main-header>.container[style*="--banner-image:"] {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer stripes {
    :where(.main-header) {
      position: sticky;
      top: 0;
      left: 0;
      width: 100%
    }
  }

  @layer version {
    body.-header-over-banner:not(.-scrolled) .main-header:has(.container.-header-3) {
      background-color: transparent
    }
  }

  @layer version {
    :where(.main-header .container.-header-4) .logo {
      padding: 0;
      grid-template-columns: 1fr fit-content(var(--max-width)) 1fr
    }

    :where(.main-header .container.-header-4) .logo img {
      object-position: center center
    }
  }

  @layer version {
    :where(.main-header .container.-header-4) {
      margin-bottom: 5rem
    }
  }

  @layer version {
    :where(.main-header .container.-header-7) .logo {
      padding: 0;
      grid-template-columns: 1fr fit-content(var(--max-width)) 1fr
    }

    :where(.main-header .container.-header-7) .logo img {
      object-position: center center
    }
  }

  @layer version {
    :where(.-header-11) .cta-wrapper {
      grid-gap: 0.5rem;
      flex-wrap: wrap;
      align-content: center
    }
  }

  @layer version {
    .-x-tiny {
      max-height: 5.76923rem;
      aspect-ratio: 6.5
    }
  }

  @layer version {
    .-tiny {
      max-height: 30rem;
      aspect-ratio: 1.25
    }
  }

  @layer version {
    .-small {
      max-height: 37.5rem;
      aspect-ratio: 1
    }
  }

  @layer version {
    .-normal {
      max-height: 15rem;
      aspect-ratio: 4.3333333333
    }
  }

  @layer version {
    .-large {
      max-height: 20rem;
      aspect-ratio: 3.25
    }
  }

  @layer version {
    .-x-large {
      max-height: 27.5rem;
      aspect-ratio: 2.3636363636
    }
  }

  @layer version {
    .-x2-large {
      max-height: 32.5rem;
      aspect-ratio: 2
    }
  }

  @layer stripes {
    .banner-tagline {
      padding: 1.75rem 1.25rem;
      grid-template-areas: "tl tc tr" "ml mc mr" "bl bc br"
    }

    .banner:not(.-tagline-top-center,
      .-tagline-middle,
      .-tagline-bottom-center) .banner-tagline {
      grid-template-columns: minmax(auto, 66.66%) 1fr minmax(auto, 66.66%)
    }

    .-tiny .banner-tagline,
    .-normal .banner-tagline {
      padding: clamp(0.85rem, calc(0.85rem + (0.0236363636 * (100vw - 37.5rem))), 1.5rem) 1.25rem
    }
  }

  @layer stripes {
    .-tagline-top-left .banner-tagline .container {
      grid-area: tl
    }

    .-tagline-top-center .banner-tagline .container {
      grid-area: tc
    }

    .-tagline-top-right .banner-tagline .container {
      grid-area: tr
    }

    .-tagline-middle-left .banner-tagline .container {
      grid-area: ml
    }

    .-tagline-middle .banner-tagline .container {
      grid-area: mc
    }

    .-tagline-middle-right .banner-tagline .container {
      grid-area: mr
    }

    .-tagline-bottom-left .banner-tagline .container {
      grid-area: bl
    }

    .-tagline-bottom-center .banner-tagline .container {
      grid-area: bc
    }

    .-tagline-bottom-right .banner-tagline .container {
      grid-area: br
    }

    .banner[class*=-left] .banner-tagline .container {
      margin-left: 0;
      align-items: start;
      text-align: left
    }

    .banner[class*=-right] .banner-tagline .container {
      margin-right: 0;
      align-items: end;
      text-align: right
    }

    .banner[class*=-tagline-top] .banner-tagline .container {
      justify-content: start
    }

    .-tagline-middle-left .banner-tagline .container,
    .-tagline-middle .banner-tagline .container,
    .-tagline-middle-right .banner-tagline .container {
      justify-content: center
    }

    .-tagline-bottom-left .banner-tagline .container,
    .-tagline-bottom-center .banner-tagline .container,
    .-tagline-bottom-right .banner-tagline .container {
      justify-content: end
    }
  }

  @layer stripes {
    .-x2-large .banner-tagline {
      padding-top: 4.25rem
    }
  }

  @layer stripes {
    .banner-tagline .text {
      font-size: calc(var(--banner-fz-lvl2, 40) / 1300 * 100vw)
    }
  }

  @layer stripes {
    :is(.-normal, .-tiny) .banner-tagline .line {
      font-size: 0.75em
    }
  }

  @layer stripes {
    .banner-tagline .line.-line-2 {
      display: block
    }
  }

  @layer stripes {
    .-left-line .banner-tagline .text {
      position: relative;
      padding-left: 0.75em;
      text-align: left
    }

    .-left-line .banner-tagline .text::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 0.15em;
      height: 100%;
      background-color: var(--color-highlight, oklch(71.39% 0.136 225.77));
      content: ""
    }
  }

  @layer stripes {
    .banner-tagline .ui-button {
      margin-top: clamp(0.85rem, calc(0.85rem + (0.0236363636 * (100vw - 37.5rem))), 1.5rem)
    }
  }

  @layer stripes {
    .banner-tagline .button-container {
      display: block
    }

    .banner-tagline .button-container:has(p) .ui-button {
      margin-top: clamp(0.25rem, calc(0.25rem + (0.0555555556 * (100vw - 37.5rem))), 1.5rem)
    }
  }

  @layer stripes {
    .-header-over-banner .banner-tagline {
      padding-top: 6.75rem
    }
  }

  @layer stripes {
    .main-banner[style^=" -- "] .banner-container {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer stripes {
    .-header-over-banner .banner-container {
      margin-top: -5rem
    }
  }

  @layer version {
    .main-banner:has(.-video-1) .banner-tagline {
      grid-template-columns: minmax(auto, 50%) minmax(auto, 50%);
      grid-template-areas: "tl tr" "ml mr" "bl br";
      gap: 0 clamp(1.25rem, 6.6666666667vw, 2.5rem)
    }

    .main-banner:has(.-video-1) .banner.-tagline-top-center .container,
    .main-banner:has(.-video-1) .banner.-tagline-middle .container,
    .main-banner:has(.-video-1) .banner.-tagline-bottom-center .container {
      grid-area: ml
    }

    .main-banner:has(.-video-1) .thumbnail-container {
      grid-row: tr/tb;
      align-self: center
    }
  }

  @layer version {
    .main-banner:has(.-video-2) .play-button {
      margin-top: 1.5rem
    }
  }

  @layer version {
    .main-banner:has(.-video-3) .play-button {
      margin-top: 1.5rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-1 .attorney-card[style*="--banner-image:"] {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer version {
    .attorney-card.-attorney-card-1>.container {
      display: grid;
      grid-template-columns: 1fr 1.4fr
    }

    .attorney-card.-attorney-card-1 .address .name,
    .attorney-card.-attorney-card-1 [class*=heading]:not(.heading-1) {
      font-size: 1.2rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-1 .information {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-block: 0.75rem;
      padding-inline: 1.25rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-1 .social-media {
      flex-direction: column
    }

    .attorney-card.-attorney-card-1 .social-media img {
      max-width: 1rem
    }

    .attorney-card.-attorney-card-1 .social-media .icon-type {
      display: inline-block
    }
  }

  @layer version {
    .attorney-card.-attorney-card-1 .image img {
      width: 100%;
      object-fit: cover
    }
  }

  @layer version {
    .attorney-card.-attorney-card-2 .attorney-card[style*="--banner-image:"] {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer version {
    .attorney-card.-attorney-card-2>.container {
      display: grid;
      grid-template-columns: 1fr 1.4fr
    }

    .attorney-card.-attorney-card-2 .address .name,
    .attorney-card.-attorney-card-2 [class*=heading]:not(.heading-1) {
      font-size: 1.2rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-2 .information {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-block: 0.75rem;
      padding-inline: 1.25rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-2 .social-media {
      flex-direction: column
    }

    .attorney-card.-attorney-card-2 .social-media img {
      max-width: 1rem
    }

    .attorney-card.-attorney-card-2 .social-media .icon-type {
      display: inline-block
    }
  }

  @layer version {
    .attorney-card.-attorney-card-2>.background {
      left: 0;
      width: 100%;
      transform: none
    }
  }

  @layer version {
    .-header-over-banner .attorney-card.-attorney-card-2>.background {
      height: 10rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-2 {
      max-width: unset
    }

    .attorney-card.-attorney-card-2::before {
      left: 0;
      width: 100%;
      transform: none
    }

    .attorney-card.-attorney-card-2 .image {
      max-width: 17.5rem;
      max-height: 17.5rem
    }

    .-header-over-banner .attorney-card.-attorney-card-2 {
      margin-top: -5rem
    }

    .-header-over-banner .attorney-card.-attorney-card-2::before {
      height: 10rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-3 .attorney-card[style*="--banner-image:"] {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer version {
    .attorney-card.-attorney-card-3>.container {
      display: grid;
      grid-template-columns: 1fr 1.4fr
    }

    .attorney-card.-attorney-card-3 .address .name,
    .attorney-card.-attorney-card-3 [class*=heading]:not(.heading-1) {
      font-size: 1.2rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-3 .information {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-block: 0.75rem;
      padding-inline: 1.25rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-3 .social-media {
      flex-direction: column
    }

    .attorney-card.-attorney-card-3 .social-media img {
      max-width: 1rem
    }

    .attorney-card.-attorney-card-3 .social-media .icon-type {
      display: inline-block
    }
  }

  @layer version {
    .attorney-card.-attorney-card-3>.container {
      grid-template-columns: 1fr 1fr
    }

    .attorney-card.-attorney-card-3 .image {
      max-width: unset
    }
  }

  @layer version {
    .attorney-card.-attorney-card-4 .attorney-card[style*="--banner-image:"] {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer version {
    .attorney-card.-attorney-card-4>.container {
      display: grid;
      grid-template-columns: 1fr 1.4fr
    }

    .attorney-card.-attorney-card-4 .address .name,
    .attorney-card.-attorney-card-4 [class*=heading]:not(.heading-1) {
      font-size: 1.2rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-4 .information {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-block: 0.75rem;
      padding-inline: 1.25rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-4 .social-media {
      flex-direction: column
    }

    .attorney-card.-attorney-card-4 .social-media img {
      max-width: 1rem
    }

    .attorney-card.-attorney-card-4 .social-media .icon-type {
      display: inline-block
    }
  }

  @layer version {
    .attorney-card.-attorney-card-4>.container {
      grid-template-columns: 1fr
    }

    .attorney-card.-attorney-card-4 .information>.container {
      display: grid;
      grid-template-columns: 2fr 2fr 1fr;
      grid-template-areas: "core core links" "contact jurisdictions jurisdictions";
      grid-column-gap: 1.25rem
    }

    .attorney-card.-attorney-card-4 .social-media {
      display: flex;
      flex-flow: row
    }

    .attorney-card.-attorney-card-4 .social-media img {
      max-width: 1.65rem
    }
  }

  @layer version {
    .-header-over-banner .attorney-card.-attorney-card-4 {
      padding-top: 5rem;
      margin-top: -5rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-5 .attorney-card[style*="--banner-image:"] {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer version {
    .attorney-card.-attorney-card-5>.container {
      display: grid;
      grid-template-columns: 1fr 1.4fr
    }

    .attorney-card.-attorney-card-5 .address .name,
    .attorney-card.-attorney-card-5 [class*=heading]:not(.heading-1) {
      font-size: 1.2rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-5 .information {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-block: 0.75rem;
      padding-inline: 1.25rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-5 .social-media {
      flex-direction: column
    }

    .attorney-card.-attorney-card-5 .social-media img {
      max-width: 1rem
    }

    .attorney-card.-attorney-card-5 .social-media .icon-type {
      display: inline-block
    }
  }

  @layer version {
    .attorney-card.-attorney-card-5>.container {
      grid-template-columns: 1fr
    }

    .attorney-card.-attorney-card-5 .information>.container {
      display: grid;
      grid-template-columns: 2fr 2fr 1fr;
      grid-template-areas: "core core links" "contact jurisdictions jurisdictions";
      grid-column-gap: 1.25rem
    }

    .attorney-card.-attorney-card-5 .social-media {
      display: flex;
      flex-flow: row
    }

    .attorney-card.-attorney-card-5 .social-media img {
      max-width: 1.65rem
    }
  }

  @layer version {
    .-header-over-banner .attorney-card.-attorney-card-5 {
      padding-top: 5rem;
      margin-top: -5rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-6 .attorney-card[style*="--banner-image:"] {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer version {
    .attorney-card.-attorney-card-6>.container {
      display: grid;
      grid-template-columns: 1fr 1.4fr
    }

    .attorney-card.-attorney-card-6 .address .name,
    .attorney-card.-attorney-card-6 [class*=heading]:not(.heading-1) {
      font-size: 1.2rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-6 .information {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-block: 0.75rem;
      padding-inline: 1.25rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-6 {
      --padding: 2.5rem 0
    }

    .attorney-card.-attorney-card-6 .information {
      padding-left: 0;
      padding-block: 0
    }

    .attorney-card.-attorney-card-6>.container {
      gap: 2.5rem;
      padding-inline: 1.25rem
    }
  }

  @layer stripes {
    :where(.ui-widget.-badges) .item {
      height: 7.5rem
    }
  }

  @layer version {
    .ui-widget.-settlements-1.-with-shadow {
      --padding: 5rem
    }
  }

  @layer version {
    .ui-widget.-settlements-1:not(.-has-arrows) .tns-nav {
      display: none
    }
  }

  @layer version {
    .ui-widget.-settlements-2:not(.-has-arrows) .tns-nav {
      display: none
    }
  }

  @layer version {
    .ui-widget.-settlements-2 {
      --padding: 2.5rem
    }
  }

  @layer version {
    .case-results.-results-4 {
      --list-item-spacing: 2.5rem
    }
  }

  @layer version {
    .case-results.-results-5 {
      --columns: 2
    }
  }

  @layer version {
    .ui-widget.-settlements-6 {
      --column-gap: 2.5rem;
      padding-block: 5rem
    }

    .ui-widget.-settlements-6 .ui-columns {
      gap: var(--column-gap);
      flex-direction: column-reverse
    }

    .ui-widget.-settlements-6 .items {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: var(--item-gap) 1.25rem
    }

    .ui-widget.-settlements-6 .column.-image {
      text-align: center
    }
  }

  @layer version {
    .ui-widget.-settlements-7:not(.-has-arrows) .tns-nav {
      display: none
    }
  }

  @layer version {
    .ui-widget.-settlements-8 {
      --padding: 5rem
    }
  }

  @layer version {
    .ui-widget.-settlements-9 {
      --column-gap: 2.5rem;
      padding-block: 5rem
    }

    .ui-widget.-settlements-9 .ui-columns {
      gap: var(--column-gap);
      flex-direction: column-reverse
    }

    .ui-widget.-settlements-9 .items {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: var(--item-gap) 1.25rem
    }

    .ui-widget.-settlements-9 .column.-image {
      text-align: center
    }
  }

  @layer version {
    .ui-widget.-settlements-9 {
      --column-gap: 1.25rem
    }

    .ui-widget.-settlements-9>.container {
      padding: 2.5rem;
      border-radius: var(--general-border-radius, 0.15rem);
      background-color: var(--color-light, oklch(100% 0 0))
    }

    .ui-widget.-settlements-9 .column.-image {
      display: block;
      max-width: 17.5rem
    }
  }

  @layer version {
    .ui-widget.-settlements-10.-with-shadow {
      --padding: 5rem
    }
  }

  @layer version {
    .ui-widget.-settlements-10:not(.-has-arrows) .tns-nav {
      display: none
    }
  }

  @layer version {
    .ui-widget.-settlements-11:not(.-has-arrows) .tns-nav {
      display: none
    }
  }

  @layer version {
    .ui-widget.-settlements-11 {
      --padding: 2.5rem
    }
  }

  @layer version {

    .ui-widget.-settlements-11 .items .item .container,
    .ui-widget.-settlements-2.-with-separator .items .item .container {
      text-align: left
    }
  }

  @layer version {
    .ui-widget.-settlements-12.-with-shadow {
      --padding: 5rem
    }
  }

  @layer version {
    .ui-widget.-settlements-12:not(.-has-arrows) .tns-nav {
      display: none
    }
  }

  @layer version {
    .ui-widget.-settlements-12 {
      --padding: 0.5rem
    }
  }

  @layer version {
    .ui-widget.-settlements-13.-with-shadow {
      --padding: 5rem
    }
  }

  @layer version {
    .ui-widget.-settlements-13:not(.-has-arrows) .tns-nav {
      display: none
    }
  }

  @layer version {
    .ui-widget.-settlements-13 {
      --padding: 0.5rem;
      --container-padding: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-14:not(.-has-arrows) .tns-nav {
      display: none
    }
  }

  @layer version {
    .ui-widget.-settlements-15:not(.-has-arrows) .tns-nav {
      display: none
    }
  }

  @layer version {
    .info-blocks.-info-blocks-01:not([class*=-padding]) {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
    }
  }

  @layer version {
    .info-blocks.-info-blocks-02 {
      --columns: 2;
      --gap: 2.5rem
    }
  }

  @layer version {
    .info-blocks.-info-blocks-03 .items {
      --vertical-gap: 2.5rem
    }
  }

  @layer version {
    .info-blocks.-info-blocks-03 .items:has(.item:only-child) .item {
      max-width: 17.5rem
    }
  }

  @layer version {
    .info-blocks.-info-blocks-03 .items:has(.item:nth-child(3):last-child) {
      justify-content: initial
    }
  }

  @layer version {
    .info-blocks.-info-blocks-03 .items:has(.item:nth-child(4)) {
      justify-content: initial
    }
  }

  @layer version {
    .info-blocks.-info-blocks-03 .item {
      max-width: 47.8260869565%
    }
  }

  @layer version {
    .info-blocks.-info-blocks-4 {
      --grid-columns: 2
    }

    .info-blocks.-info-blocks-4 .items {
      gap: 2.5rem
    }
  }

  @layer version {
    .info-blocks.-info-blocks-5 {
      --grid-columns: 2
    }

    .info-blocks.-info-blocks-5 .items {
      gap: 2.5rem
    }
  }

  @layer version {
    .info-blocks.-info-blocks-7 {
      --columns: 2
    }
  }

  @layer version {
    .info-blocks.-info-blocks-8 .items {
      --columns: 2;
      --gap: 2.5rem;
      grid-auto-rows: 1fr
    }
  }

  @layer version {
    .info-blocks.-info-blocks-9 .items {
      --columns: 2;
      --gap: 2.5rem;
      grid-auto-rows: 1fr
    }
  }

  @layer version {
    .info-blocks.-info-blocks-9 {
      --icon-size: 3rem
    }

    .info-blocks.-info-blocks-9 .card {
      padding: 2.5rem
    }

    .info-blocks.-info-blocks-9 .icon {
      background-color: var(--icon-bg)
    }
  }

  @layer version {
    :where(.content-lists.-lists-1) .items {
      --columns: 2;
      --gap: 2.5rem;
      grid-auto-rows: 1fr
    }
  }

  @layer version {
    :where(.content-lists.-lists-2) .items {
      --columns: 2;
      --gap: 2.5rem;
      grid-auto-rows: 1fr
    }
  }

  @layer version {
    .content-lists.-lists-3 {
      --columns: 3;
      --gap: 2.5rem
    }

    .content-lists.-lists-3 .ui-grid:not(.items) {
      grid-template-areas: "description items items"
    }

    .content-lists.-lists-3 .ui-grid:not(.items) .items {
      --columns: 0
    }
  }

  @layer version {
    .content-lists.-lists-4 {
      --columns: 3;
      --gap: 2.5rem
    }

    .content-lists.-lists-4 .ui-grid:not(.items) {
      grid-template-areas: "description items items"
    }

    .content-lists.-lists-4 .ui-grid:not(.items) .items {
      --columns: 0
    }
  }

  @layer version {
    :where(.content-lists.-lists-5) .items {
      --columns: 2;
      --gap: 2.5rem;
      grid-auto-rows: 1fr
    }
  }

  @layer version {
    .generic-banner.-generic-banner-01:not([class*=-padding]) {
      padding-top: 5rem
    }
  }

  @layer version {
    .generic-banner.-generic-banner-01 {
      padding-bottom: var(--util-padding, var(--util-padding-bottom, 5rem))
    }
  }

  @layer version {
    .generic-banner.-generic-banner-02:not([class*=-padding]) {
      padding-top: 5rem
    }
  }

  @layer version {
    .generic-banner.-generic-banner-02 {
      padding-bottom: var(--util-padding, var(--util-padding-bottom, 5rem))
    }
  }

  @layer version {
    .generic-banner.-generic-banner-03:not([class*=-padding]) {
      padding-top: 5rem
    }
  }

  @layer version {
    .generic-banner.-generic-banner-03 {
      padding-bottom: var(--util-padding, var(--util-padding-bottom, 5rem))
    }
  }

  @layer version {
    .generic-banner.-generic-banner-04:not([class*=-padding]) {
      padding-top: 5rem
    }
  }

  @layer version {
    .generic-banner.-generic-banner-04 {
      padding-bottom: var(--util-padding, var(--util-padding-bottom, 5rem))
    }
  }

  @layer version {
    .generic-banner.-generic-banner-04:not(:has(.-image)) .column {
      margin-left: 50%
    }
  }

  @layer version {
    .generic-banner.-generic-banner-05:not([class*=-padding]) {
      padding-top: 5rem
    }
  }

  @layer version {
    .generic-banner.-generic-banner-05 {
      padding-bottom: var(--util-padding, var(--util-padding-bottom, 5rem))
    }
  }

  @layer version {
    .generic-banner.-generic-banner-06:not([class*=-padding]) {
      padding-top: 5rem
    }
  }

  @layer version {
    .generic-banner.-generic-banner-06 {
      padding-bottom: var(--util-padding, var(--util-padding-bottom, 5rem))
    }
  }

  @layer version {
    .generic-banner.-generic-banner-06 {
      padding-bottom: 2.5rem
    }

    .generic-banner.-generic-banner-06:not([class*=-padding]) {
      padding-top: 2.5rem
    }
  }

  @layer version {
    .ui-widget.-generic-banner-7 .title {
      max-width: 47.5rem
    }

    .ui-widget.-generic-banner-7 .text {
      max-width: 47.5rem;
      margin-inline: auto
    }

    .ui-widget.-generic-banner-7 h2,
    .ui-widget.-generic-banner-7 h3,
    .ui-widget.-generic-banner-7 h4,
    .ui-widget.-generic-banner-7 [class*=heading],
    .ui-widget.-generic-banner-7 p {
      margin-top: 2.5rem
    }

    .ui-widget.-generic-banner-7 h2+p,
    .ui-widget.-generic-banner-7 h3+p,
    .ui-widget.-generic-banner-7 h4+p,
    .ui-widget.-generic-banner-7 [class*=heading]+p {
      margin-top: 0
    }

    .ui-widget.-generic-banner-7 ul {
      column-gap: 4.5rem
    }
  }

  @layer version {
    :where(.contact-form-widget.-contact-10) .form-container {
      max-width: 46rem
    }

    :where(.contact-form-widget.-contact-10) .ui-form>.field,
    :where(.contact-form-widget.-contact-10) fieldset {
      display: grid;
      margin-bottom: 1rem;
      grid-template-columns: 3fr 7fr;
      gap: 1rem
    }

    :where(.contact-form-widget.-contact-10) .field .label {
      margin-top: 0.65rem
    }

    :where(.contact-form-widget.-contact-10) .field .label,
    :where(.contact-form-widget.-contact-10) fieldset>strong {
      text-align: right
    }

    :where(.contact-form-widget.-contact-10) fieldset .label {
      text-align: left
    }

    :where(.contact-form-widget.-contact-10) fieldset .visually-hidden+.field {
      grid-column-start: 2
    }
  }

  @layer version {
    :where(.contact-form-widget.-contact-5[style*="--banner-image:"]) .-description {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer stripes {
    :where(.ui-gallery:has(.ui-cards)):not(:has(> .button-container)) {
      padding-bottom: 2.5rem
    }
  }

  @layer stripes {
    :where(.ui-gallery) .description {
      font-size: 1rem
    }
  }

  @layer version {
    :where(.ui-gallery.-gallery-2) .tns-controls {
      --display: block
    }
  }

  @layer version {
    :where(.ui-gallery.-gallery-2) .text p {
      display: block;
      width: 100%;
      margin-top: 0.75rem;
      margin-bottom: 0
    }
  }

  @layer version {
    :where(.ui-gallery.-gallery-4) .tns-controls {
      --display: block
    }
  }

  @layer version {
    :where(.ui-gallery.-gallery-6) .items {
      --columns: 3;
      --gap: 2.5rem
    }
  }

  @layer version {
    :where(.our-team.-our-team-16) .container .description {
      display: revert
    }

    :where(.our-team.-our-team-16) .container .profile-link {
      margin-block: revert
    }

    :where(.our-team.-our-team-16) .container .card {
      display: flex;
      padding: 2.5rem;
      gap: 2.5rem;
      text-align: initial
    }

    :where(.our-team.-our-team-16) .container img {
      height: auto;
      aspect-ratio: 1/1
    }

    :where(.our-team.-our-team-16) .container .items .item:first-child::after {
      left: 2.5rem;
      width: calc(100% - 5rem)
    }

    :where(.our-team.-our-team-16) .container .text {
      width: calc(100% - (10rem + 2.5rem));
      align-items: initial;
      text-align: left
    }
  }

  @layer version {
    :where(.our-team.-our-team-17) .items {
      flex-direction: revert
    }

    :where(.our-team.-our-team-17) .item {
      margin-inline: revert
    }
  }

  @layer version {
    .our-team.-our-team-18 .image {
      max-width: 50%;
      flex: 0 0 12.5rem
    }

    .our-team.-our-team-18 .item {
      max-width: 27.5rem
    }

    .our-team.-our-team-18 .card {
      display: flex;
      flex-direction: row
    }

    .our-team.-our-team-18 .text {
      padding-left: revert
    }
  }

  @layer stripes {
    :where(.ui-widget.our-team.-our-team-19) .items {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "description image";
      column-gap: 2.5rem
    }

    :where(.ui-widget.our-team.-our-team-19) .button-container {
      margin-top: 2.5rem
    }

    :where(.ui-widget.our-team.-our-team-19) .item {
      align-content: center
    }
  }

  @layer stripes {
    :where(.ui-widget.our-team.-our-team-20) {
      --grid-columns: 2
    }

    :where(.ui-widget.our-team.-our-team-20) .items {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "image" "description";
      row-gap: 0
    }

    :where(.ui-widget.our-team.-our-team-20) .item:last-child {
      padding: 2.5rem;
      align-content: center
    }
  }

  @layer version {
    .locations.-locations-1 img {
      margin: 0 auto
    }
  }

  @layer version {
    .locations.-locations-1 .items {
      --columns: 2
    }

    .locations.-locations-1 .items img {
      margin-top: 0.5rem
    }
  }

  @layer version {
    .locations.-locations-2 img {
      margin: 0 auto
    }
  }

  @layer version {
    .locations.-locations-2 .item {
      --gap: 2.5rem;
      --columns: 2
    }

    .locations.-locations-2 .item img {
      margin-top: 0.5rem
    }
  }

  @layer version {
    .locations.-locations-3 .items .card {
      width: 100%
    }
  }

  @layer version {
    .locations.-locations-3 .items .card .text {
      min-height: 5rem;
      padding: 0.5rem 1.25rem
    }
  }

  @layer version {
    .locations.-locations-3 .items {
      --columns: 2
    }
  }

  @layer version {
    .locations.-locations-4 .ui-columns {
      --columns: 1;
      display: grid;
      grid-template-columns: repeat(var(--columns, 1), 1fr);
      grid-gap: var(--gap, 2.5rem)
    }

    .locations.-locations-4 .-description {
      margin-bottom: 2.5rem
    }

    .locations.-locations-4 .-images {
      display: block
    }

    .locations.-locations-4:has(.tns-nav) {
      --gap: 0
    }
  }

  @layer version {
    .locations.-locations-5 .items {
      --columns: 2
    }
  }

  @layer version {
    .locations.-locations-5 .item {
      width: 100%
    }
  }

  @layer version {
    .locations.-locations-5 .item .text {
      min-height: 5rem;
      padding: 0.5rem 1.25rem
    }
  }

  @layer version {
    .locations.-locations-5 .item {
      --padding: 2.5rem
    }
  }

  @layer version {
    .locations.-locations-6 .description {
      display: flex;
      padding: 2.5rem;
      padding-left: 0;
      flex-direction: column;
      justify-content: center
    }

    .locations.-locations-6 .image {
      display: block;
      overflow: hidden
    }

    .locations.-locations-6 .image img {
      min-width: 100%;
      min-height: 100%;
      object-fit: cover
    }
  }

  @layer version {
    .locations.-locations-6 {
      padding: 0
    }

    .locations.-locations-6>.container {
      max-width: calc(65rem)
    }

    .locations.-locations-6 .item {
      --columns: 2;
      --gap: 2.5rem
    }
  }

  @layer version {
    .locations.-locations-7 .description {
      width: 100%
    }
  }

  @layer version {
    .locations.-locations-8:has(.ui-swipeable + .button-container) {
      padding-bottom: 5rem
    }
  }

  @layer version {
    .locations.-locations-8 {
      padding-bottom: 3.75rem
    }

    .locations.-locations-8 .items {
      padding-bottom: 1.25rem
    }
  }

  @layer version {
    .locations.-locations-8 .description {
      width: 100%
    }
  }

  @layer version {
    .locations.-locations-8 .description .text {
      min-height: 5rem;
      padding: 0.5rem 1.25rem
    }
  }

  @layer version {
    .locations.-locations-8 .description {
      --padding: 2.5rem
    }
  }

  @layer version {
    .locations.-locations-8 .description {
      --padding: 0
    }
  }

  @layer version {
    .locations.-locations-9:has(.ui-swipeable + .button-container) {
      padding-bottom: 5rem
    }
  }

  @layer version {
    .locations.-locations-9 {
      padding-bottom: 3.75rem
    }

    .locations.-locations-9 .items {
      padding-bottom: 1.25rem
    }
  }

  @layer version {
    .locations.-locations-9 img {
      margin: 0 auto
    }
  }

  @layer version {
    .locations.-locations-9 .card {
      width: 100%
    }
  }

  @layer version {
    .locations.-locations-9 .card .text {
      min-height: 5rem;
      padding: 0.5rem 1.25rem
    }
  }

  @layer version {
    .locations.-locations-9 .card {
      --padding: 2.5rem
    }
  }

  @layer version {
    .locations.-locations-9 .card {
      --padding: 2.5rem;
      transition-property: background-color, color;
      transition-duration: 0.3s;
      transition-timing-function: ease-in-out
    }

    .locations.-locations-9 .card:hover {
      --background-color: var(--color-primary, oklch(34.66% 0.127 259.3));
      --util-color: oklch(100% 0 0)
    }

    .locations.-locations-9 .card:hover .image {
      opacity: 1
    }

    .locations.-locations-9 .card:hover .name {
      --util-color: oklch(100% 0 0)
    }

    .locations.-locations-9 .image {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: block;
      opacity: 0;
      overflow: hidden;
      width: 100%;
      height: 100%;
      pointer-events: none;
      transition: opacity 0.3s ease-in-out
    }

    .locations.-locations-9 .image img {
      width: 100%;
      height: 100%
    }
  }

  @layer version {
    .locations.-locations-10:has(.ui-swipeable + .button-container) {
      padding-bottom: 5rem
    }
  }

  @layer version {
    .locations.-locations-10 {
      padding-bottom: 3.75rem
    }

    .locations.-locations-10 .items {
      padding-bottom: 1.25rem
    }
  }

  @layer version {
    .locations.-locations-10 img {
      margin: 0 auto
    }
  }

  @layer version {
    .locations.-locations-10 .card {
      width: 100%
    }
  }

  @layer version {
    .locations.-locations-10 .card .text {
      min-height: 5rem;
      padding: 0.5rem 1.25rem
    }
  }

  @layer version {
    .locations.-locations-10 .card {
      --padding: 2.5rem
    }
  }

  @layer version {
    .locations.-locations-11 .description {
      display: flex;
      padding: 2.5rem;
      padding-left: 0;
      flex-direction: column;
      justify-content: center
    }

    .locations.-locations-11 .image {
      display: block;
      overflow: hidden
    }

    .locations.-locations-11 .image img {
      min-width: 100%;
      min-height: 100%;
      object-fit: cover
    }
  }

  @layer version {
    .locations.-locations-11 {
      padding: 0
    }

    .locations.-locations-11 .item {
      --columns: 2;
      --gap: 2.5rem
    }
  }

  @layer version {
    .-locations-12 {
      --gap: 2.5rem
    }

    .-locations-12 .item {
      --columns: 2;
      --gap: 2.5rem
    }
  }

  @layer version {
    .ui-widget.-newsletter-6 {
      --background: var(--banner-image, var(--newsletter-background))
    }

    .ui-widget.-newsletter-6:not([style*="--banner-image:"]) {
      background-image: var(--background);
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto 100%
    }
  }

  @layer version {
    .ui-videos.-videos-1 .thumbnail.-no-image {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      text-indent: -499.95rem
    }
  }

  @layer version {
    .ui-videos.-videos-1 .iframe-container {
      margin-bottom: 0
    }
  }

  @layer version {
    .ui-videos.-videos-2 .thumbnail.-no-image {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      text-indent: -499.95rem
    }
  }

  @layer version {
    .ui-videos.-videos-2 li a {
      min-height: 5rem;
      padding: 1.75rem 1rem
    }
  }

  @layer version {
    .ui-videos.-videos-2 .items {
      --columns: 2
    }

    .ui-videos.-videos-2 .items li a {
      padding-left: 3.5rem
    }

    .ui-videos.-videos-2 .items li a.-active {
      position: relative
    }

    .ui-videos.-videos-2 .items li a.-active::before {
      position: absolute;
      top: calc(50% - 0.75em);
      left: 1.75rem;
      color: var(--color-highlight, oklch(71.39% 0.136 225.77));
      font-size: 1.2rem;
      line-height: 1;
      content: "‹"
    }
  }

  @layer version {

    .ui-videos.-videos-2 .iframe-container,
    .ui-videos.-videos-2 .lazyframe::before {
      margin-bottom: 0
    }
  }

  @layer version {
    .ui-videos.-videos-3 .thumbnail.-no-image {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      text-indent: -499.95rem
    }
  }

  @layer version {
    .ui-videos.-videos-4 .thumbnail.-no-image {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      text-indent: -499.95rem
    }
  }

  .ui-videos.-videos-4 .tns-inner {
    width: calc(100% - 5rem);
    margin: 0 auto !important
  }

  @layer version {
    .ui-videos.-videos-5 .thumbnail.-no-image {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      text-indent: -499.95rem
    }
  }

  @layer version {
    .ui-videos.-videos-5 .items {
      --columns: 2
    }
  }

  @layer version {

    .ui-videos.-videos-5 .item .lazyframe,
    .ui-videos.-videos-5 .item iframe {
      pointer-events: none
    }
  }

  @layer version {
    .ui-videos.-videos-5 .featured-video {
      display: block
    }
  }

  @layer version {
    .ui-videos.-videos-6 .thumbnail.-no-image {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      text-indent: -499.95rem
    }
  }

  @layer version {
    .ui-videos.-videos-6 .container>div:not(.button-container) {
      --columns: 2
    }
  }

  @layer version {
    .ui-videos.-videos-6 .items {
      --columns: 2;
      --gap: 2.5rem
    }
  }

  @layer version {

    .ui-videos.-videos-6 .item .lazyframe,
    .ui-videos.-videos-6 .item iframe {
      pointer-events: none
    }
  }

  @layer version {
    .ui-videos.-videos-6 .featured-video {
      display: block
    }
  }

  @layer version {
    .ui-videos.-videos-7 .thumbnail.-no-image {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      text-indent: -499.95rem
    }
  }

  @layer version {
    .ui-videos.-videos-8 .thumbnail.-no-image {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: block;
      overflow: hidden;
      width: 100%;
      height: 100%;
      text-indent: -499.95rem
    }
  }

  @layer version {
    .ui-videos.-videos-8 li a {
      min-height: 5rem;
      padding: 1.75rem 1rem
    }
  }

  @layer version {
    .ui-videos.-videos-8 li a {
      padding-inline: 1.5rem
    }
  }

  @layer version {
    .rss-columns.-rss-columns-1 .items {
      grid-template-columns: repeat(2, 1fr)
    }
  }

  @layer version {
    .rss-columns.-rss-columns-2 .items {
      grid-template-columns: repeat(2, 1fr)
    }
  }

  @layer version {
    .rss-columns.-rss-columns-2 .item {
      width: 100%
    }
  }

  @layer version {
    .rss-columns.-rss-columns-2 .item .text {
      min-height: 5rem;
      padding: 0.5rem 1.25rem
    }
  }

  @layer version {
    .rss-columns.-rss-columns-2 .item {
      padding: 2.5rem
    }
  }

  @layer version {
    .rss-columns.-rss-columns-3 .items {
      grid-template-columns: repeat(2, 1fr)
    }
  }

  @layer version {
    .rss-columns.-rss-columns-3 .item {
      padding: 2.5rem
    }
  }

  @layer version {
    .rss-columns.-rss-columns-4 .items {
      grid-template-columns: repeat(2, 1fr)
    }
  }

  @layer version {
    .rss-columns.-rss-5 .items {
      grid-template-columns: repeat(2, 1fr)
    }
  }

  @layer version {
    .rss-columns.-rss-5 .item {
      margin-bottom: 2.5rem
    }

    .rss-columns.-rss-5 .items .item {
      padding-bottom: 2.5rem
    }

    .rss-columns.-rss-5 .card {
      display: grid;
      grid-template-columns: 5rem 1fr;
      grid-template-areas: "date other";
      grid-row-gap: 0.5rem;
      grid-column-gap: 2.5rem
    }

    .rss-columns.-rss-5 .card p {
      grid-area: other
    }

    .rss-columns.-rss-5 .date {
      grid-area: date
    }

    .rss-columns.-rss-5 .ui-button {
      margin-top: 0
    }
  }

  @layer version {
    .rss-columns.-rss-6 .item a {
      position: relative;
      min-height: 5rem;
      padding-right: calc(1.5rem + 1rem);
      padding-block: 1rem
    }

    .rss-columns.-rss-6 .item a::after {
      position: absolute;
      top: calc(50% - 0.1em);
      right: 1.5rem;
      opacity: 0;
      color: var(--color-highlight, oklch(71.39% 0.136 225.77));
      font-size: 2rem;
      line-height: 1;
      transform: translateY(-50%);
      content: "›";
      transition: opacity 0.2s ease
    }

    .rss-columns.-rss-6 .item a:hover::after {
      opacity: 1
    }
  }

  @layer version {
    .faqs.-faqs-3 .items {
      --columns: 2
    }
  }

  @layer version {
    .ui-processes.-processes-1 {
      --columns: 2
    }
  }

  @layer version {
    .ui-processes.-processes-2:has(.ui-swipeable + .button-container) {
      padding-bottom: 5rem
    }
  }

  @layer version {
    .ui-processes.-processes-2 {
      padding-bottom: 3.75rem
    }

    .ui-processes.-processes-2 .items {
      padding-bottom: 1.25rem
    }
  }

  @layer version {
    .ui-processes.-processes-2 .item {
      padding: 2.5rem
    }
  }

  @layer stripes {
    :where(.main-footer [class*=footer-v][style*="--banner-image:"]) {
      --background: var(--background-image, var(--banner-image));
      align-content: start;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer stripes {
    .main-footer .footerlocalities.-social-1 .column:first-child {
      width: 5rem
    }

    .main-footer .footerlocalities.-social-1 .column:first-child+.column {
      width: calc(100% - 5rem)
    }

    .main-footer .footerlocalities.-social-2 .column:first-child {
      width: 7.5rem
    }

    .main-footer .footerlocalities.-social-2 .column:first-child+.column {
      width: calc(100% - 7.5rem)
    }

    .main-footer .footerlocalities.-social-3 .column:first-child {
      width: 10rem
    }

    .main-footer .footerlocalities.-social-3 .column:first-child+.column {
      width: calc(100% - 10rem)
    }

    .main-footer .footerlocalities.-social-4 .column:first-child {
      width: 12.5rem
    }

    .main-footer .footerlocalities.-social-4 .column:first-child+.column {
      width: calc(100% - 12.5rem)
    }

    .main-footer .footerlocalities.-social-5 .column:first-child {
      width: 15rem
    }

    .main-footer .footerlocalities.-social-5 .column:first-child+.column {
      width: calc(100% - 15rem)
    }
  }

  @layer stripes {
    .main-footer {
      text-align: left
    }

    .main-footer [class*=footer-v]>.container {
      padding-top: 0
    }

    .main-footer .logo {
      margin-top: 0
    }

    .main-footer .addresses {
      margin-top: 0.65rem
    }

    .main-footer .addresses .address {
      margin-top: 1.25rem
    }

    .main-footer .nav {
      display: flex;
      height: 2.5rem;
      justify-content: center;
      align-items: center
    }

    .main-footer .nav .list {
      margin: 0
    }

    .main-footer .nav .item {
      display: inline-block;
      margin: 0.625rem
    }

    .main-footer .nav .item:last-child {
      margin-right: 0
    }

    .main-footer .nav .item:first-child {
      margin-left: 0
    }

    .main-footer .expandable-content.-collapsed {
      display: inline
    }

    .main-footer .expander {
      display: none
    }

    .main-footer .localities {
      margin-top: 0
    }

    .main-footer .disclaimers-container {
      margin-bottom: 0.25rem
    }
  }

  @layer version {
    .footer-v1>.container {
      --footer-layout: "logo" "nav" "search" "top-c" "addr" "bottom-c" "local" "title" "dis-cont"
    }

    .footer-v1>.container>*:not(:first-child, .footerlocalities, .-bottom) {
      margin-top: 1.25rem
    }
  }

  @layer version {
    .footer-v1 .bottom-stripe {
      margin-bottom: 2.5rem;
      text-align: left
    }

    .footer-v1 .bottom-stripe .credits {
      padding: 0;
      margin: 1.25rem 0 0;
      background: none;
      color: currentColor
    }
  }

  @layer version {
    .footer-v2>.container {
      padding-bottom: 0;
      text-align: center
    }
  }

  @layer version {
    .footer-v2 .credits {
      font-size: 0.9rem
    }

    .footer-v2 .nav {
      height: 2.5rem
    }
  }

  @layer version {
    .footer-v3>.container {
      --footer-layout: "logo" "nav" "top-c" "bottom-c" "local" "title" "dis-cont"
    }

    .footer-v3>.container:not(.-has-logo) .nav {
      margin-bottom: 2.5rem
    }
  }

  @layer version {
    .footer-v4>.container {
      padding-bottom: 0;
      text-align: center
    }
  }

  @layer version {
    .footer-v4 .credits {
      font-size: 0.9rem
    }

    .footer-v4 .nav {
      height: 2.5rem
    }
  }

  @layer version {
    .footer-v5>.container {
      --footer-layout: "logo" "nav" "search" "top-c" "addr" "bottom-c" "local" "title" "dis-cont"
    }

    .footer-v5>.container>*:not(:first-child, .footerlocalities, .-bottom) {
      margin-top: 1.25rem
    }
  }

  @layer version {
    .footer-v5 .bottom-stripe {
      margin-bottom: 2.5rem;
      text-align: left
    }

    .footer-v5 .bottom-stripe .credits {
      padding: 0;
      margin: 1.25rem 0 0;
      background: none;
      color: currentColor
    }
  }

  @layer version {
    .footer-v5>.container:not(.-has-logo) .ui-search {
      margin-bottom: 0
    }
  }

  @layer version {
    .bottom-stripe .credits {
      font-size: 0.9rem
    }
  }
}

@media screen and (min-width: 25em) {
  @layer base {
    .ui-search.ui-widget .ui-form {
      width: 30rem
    }
  }
}

@media screen and (max-width: 24.9375em) {
  @layer base {
    .main-footer .ui-search .ui-form {
      width: auto
    }
  }
}

@media screen and (max-width: 46.8125em) {
  @layer stripes {
    .top-numbers.-sticky {
      position: fixed;
      top: 0
    }
  }

  @layer stripes {
    .main-header:has(.-sticky)>.container {
      margin-top: 5rem
    }

    .main-header:has(.-sticky)>.container~.container {
      margin-top: 0
    }
  }

  @layer stripes {
    :where(.cta-wrapper) {
      display: none
    }
  }

  @layer stripes {
    .main-head:has(.-flags) {
      grid-template-areas: "head-left" "flags"
    }

    .main-header .cta:has(.-flags),
    .main-header .cta-wrapper:has(.-flags) {
      display: flex;
      width: 100%;
      grid-area: flags
    }
  }

  @layer stripes {
    :where(.main-header .cta:has(.-flags)) {
      padding: 0.5rem
    }

    :where(.main-header .cta:has(.-flags)) .line:not(.-flags) {
      display: none
    }

    :where(.main-header .cta:has(.-flags)) .line.-flags {
      width: 100%;
      flex-wrap: wrap;
      justify-content: center
    }
  }

  @layer stripes {
    :where(.-has-search .cta) {
      display: none
    }
  }

  @layer stripes {
    .banner-tagline {
      color: var(--util-color, var(--banner-text-color-lvl1, var(--banner-text-color, oklch(100% 0 0))))
    }
  }

  @layer version {
    .main-banner:has(.-video-1) .banner-tagline .container {
      flex-direction: initial
    }
  }

  @layer version {
    .attorney-card.-attorney-card-1 .social-media .icon-type {
      position: absolute;
      overflow: hidden;
      width: 0.05rem;
      height: 0.05rem;
      padding: 0;
      border: 0;
      margin: -0.05rem;
      clip: rect(0, 0, 0, 0)
    }
  }

  @layer version {
    .attorney-card.-attorney-card-2 .social-media .icon-type {
      position: absolute;
      overflow: hidden;
      width: 0.05rem;
      height: 0.05rem;
      padding: 0;
      border: 0;
      margin: -0.05rem;
      clip: rect(0, 0, 0, 0)
    }
  }

  @layer version {
    .attorney-card.-attorney-card-3 .social-media .icon-type {
      position: absolute;
      overflow: hidden;
      width: 0.05rem;
      height: 0.05rem;
      padding: 0;
      border: 0;
      margin: -0.05rem;
      clip: rect(0, 0, 0, 0)
    }
  }

  @layer version {
    .attorney-card.-attorney-card-4 .social-media .icon-type {
      position: absolute;
      overflow: hidden;
      width: 0.05rem;
      height: 0.05rem;
      padding: 0;
      border: 0;
      margin: -0.05rem;
      clip: rect(0, 0, 0, 0)
    }
  }

  @layer version {
    .attorney-card.-attorney-card-5 .social-media .icon-type {
      position: absolute;
      overflow: hidden;
      width: 0.05rem;
      height: 0.05rem;
      padding: 0;
      border: 0;
      margin: -0.05rem;
      clip: rect(0, 0, 0, 0)
    }
  }

  @layer version {
    .attorney-card.-attorney-card-6 .social-media .icon-type {
      position: absolute;
      overflow: hidden;
      width: 0.05rem;
      height: 0.05rem;
      padding: 0;
      border: 0;
      margin: -0.05rem;
      clip: rect(0, 0, 0, 0)
    }
  }

  @layer version {
    .attorney-card.-attorney-card-6 .image {
      margin-bottom: 1.5rem
    }
  }

  @layer version {
    .ui-widget.-settlements-1.-with-shadow {
      --container-padding: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-1.-box:has(.tns-nav):not(.-has-arrows) {
      --padding-bottom: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-1:not(.-has-arrows):has(.tns-nav) {
      --container-bottom-padding: 0.75rem
    }
  }

  @layer version {
    .ui-widget.-settlements-2:not(.-has-arrows):has(.tns-nav) {
      --container-bottom-padding: 0.75rem
    }
  }

  @layer version {
    .ui-widget.-settlements-2:has(.tns-nav):not(.-has-arrows) {
      --container-bottom-padding: var(--container-padding)
    }

    .ui-widget.-settlements-2:has(.tns-nav):not(.-has-arrows) .item:not(.-fixed) {
      --container-bottom-padding: calc((var(--container-padding) / 2) + 2.5rem)
    }
  }

  @layer version {
    .ui-widget.-settlements-2 {
      padding-inline: 0
    }
  }

  @layer version {
    .ui-widget.-settlements-6 .column.-image {
      display: none
    }

    .ui-widget.-settlements-6 .item+.item {
      margin-top: var(--item-gap)
    }
  }

  @layer version {
    .ui-widget.-settlements-7.-box:has(.tns-nav):not(.-has-arrows) {
      --padding-bottom: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-7:not(.-has-arrows):has(.tns-nav) {
      --container-bottom-padding: 0.75rem
    }
  }

  @layer version {
    .ui-widget.-settlements-8:not(.-has-arrows):has(.tns-nav) {
      --container-bottom-padding: var(--container-padding)
    }
  }

  @layer version {
    .ui-widget.-settlements-9 .column.-image {
      display: none
    }

    .ui-widget.-settlements-9 .item+.item {
      margin-top: var(--item-gap)
    }
  }

  @layer version {
    .ui-widget.-settlements-10.-with-shadow {
      --container-padding: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-10:not(.-has-arrows):has(.tns-nav) {
      --container-bottom-padding: 0.75rem
    }
  }

  @layer version {
    .ui-widget.-settlements-11:not(.-has-arrows):has(.tns-nav) {
      --container-bottom-padding: 0.75rem
    }
  }

  @layer version {
    .ui-widget.-settlements-11:has(.tns-nav):not(.-has-arrows) {
      --container-bottom-padding: var(--container-padding)
    }

    .ui-widget.-settlements-11:has(.tns-nav):not(.-has-arrows) .item:not(.-fixed) {
      --container-bottom-padding: calc((var(--container-padding) / 2) + 2.5rem)
    }
  }

  @layer version {
    .ui-widget.-settlements-11 {
      padding-inline: 0
    }
  }

  @layer version {

    .ui-widget.-settlements-11,
    .ui-widget.-settlements-2.-with-separator {
      --container-padding: 1.25rem;
      --container-top-padding: var(--container-padding);
      --container-bottom-padding: var(--container-padding)
    }
  }

  @layer version {
    .ui-widget.-settlements-12.-with-shadow {
      --container-padding: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-12.-box:has(.tns-nav):not(.-has-arrows) {
      --padding-bottom: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-12:not(.-has-arrows):has(.tns-nav) {
      --container-bottom-padding: 0.75rem
    }
  }

  @layer version {
    .ui-widget.-settlements-13.-with-shadow {
      --container-padding: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-13.-box:has(.tns-nav):not(.-has-arrows) {
      --padding-bottom: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-13:not(.-has-arrows):has(.tns-nav) {
      --container-bottom-padding: 0.75rem
    }
  }

  @layer version {
    .ui-widget.-settlements-14.-box:has(.tns-nav):not(.-has-arrows) {
      --padding-bottom: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-14:not(.-has-arrows):has(.tns-nav) {
      --container-bottom-padding: 0.75rem
    }
  }

  @layer version {
    .ui-widget.-settlements-14 {
      --padding: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-15.-box:has(.tns-nav):not(.-has-arrows) {
      --padding-bottom: 1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-15:not(.-has-arrows):has(.tns-nav) {
      --container-bottom-padding: 0.75rem
    }
  }

  @layer version {
    .ui-widget.-settlements-15 {
      --padding: 1.25rem
    }
  }

  @layer version {
    .our-team.-our-team-18 .card {
      box-shadow: revert
    }

    .our-team.-our-team-18 .image img {
      width: 100%
    }
  }

  @layer version {
    .rss-columns.-rss-columns-1 .items .item:nth-child(n+2) {
      display: none
    }
  }

  @layer version {
    .rss-columns.-rss-columns-2 .items .item:nth-child(n+2) {
      display: none
    }
  }

  @layer version {
    .rss-columns.-rss-columns-3 .items .item:nth-child(n+2) {
      display: none
    }
  }

  @layer version {
    .rss-columns.-rss-columns-4 .items .item:nth-child(n+2) {
      display: none
    }
  }

  @layer version {
    .rss-columns.-rss-5 .items .item:nth-child(n+2) {
      display: none
    }
  }

  @layer version {
    .faqs.-faqs-3 .item:nth-child(n+2) {
      display: none
    }
  }

  @layer version {
    .ui-processes.-processes-2 .card {
      margin-right: calc(1.25rem + 2.0833333333dvw);
      margin-left: calc(1.25rem + 2.0833333333dvw)
    }

    .ui-processes.-processes-2 .tns-controls button {
      left: calc(1.25rem + 2.0833333333dvw);
      transform: translateX(-50%)
    }

    .ui-processes.-processes-2 .tns-controls button[data-controls=next] {
      right: calc(1.25rem + 2.0833333333dvw);
      left: auto;
      transform: translateX(50%)
    }
  }

  @layer stripes {
    .main-footer .credits {
      font-size: 0.8rem
    }
  }

  @layer base {
    :root {
      --chat-max-height: calc(100dvh - 5rem)
    }
  }
}

@media (min-width: 34.375em) {
  @layer stripes {
    .top-numbers {
      font-size: 1rem
    }
  }

  @layer version {
    .top-numbers.-two-buttons .button-container {
      column-gap: 2.5rem
    }
  }
}

@media screen and (min-width: 57.5em) {
  @layer version {
    :where(.main-header:has(.container.-header-4)) {
      background-color: transparent
    }

    :where(.main-header:has(.container.-header-4))[style*="--banner-image:"] {
      align-content: normal;
      background-image: var(--background);
      background-position: center center;
      background-size: cover
    }
  }

  @layer version {
    :where(.main-header .container.-header-4) .logo {
      grid-template-columns: fit-content(var(--max-width)) 1fr 1fr
    }

    :where(.main-header .container.-header-4) .logo a {
      grid-area: ml
    }

    :where(.main-header .container.-header-4) .logo img {
      object-position: left center
    }
  }

  @layer version {
    :where(.main-header .container.-header-4) {
      display: grid;
      max-width: 60rem;
      padding-right: 1.25rem;
      margin: 0 auto;
      grid-template-columns: 40% 60%;
      grid-template-areas: "head navigation";
      align-items: center
    }

    :where(.main-header .container.-header-4) :where(nav .list.level-1) {
      display: flex;
      overflow: visible;
      justify-content: end
    }

    :where(.main-header .container.-header-4) :where(nav .list.level-1)>li {
      display: inline-block;
      padding: 0 0.5rem
    }

    :where(.main-header .container.-header-4) :where(nav .list.level-1)>li>a {
      width: auto;
      padding: 0
    }

    :where(.main-header .container.-header-4) :where(nav .list.level-1)>li.contactus {
      padding-left: 0.5rem;
      background: transparent
    }

    :where(.main-header .container.-header-4) :where(nav .list.level-1)>li.contactus a {
      padding: 0 1.25rem;
      background-color: var(--button-color, var(--color-accent, oklch(58.55% 0.223 29.08)))
    }

    :where(.main-header .container.-header-4) :where(nav .list.level-1)>li:not(.contactus):hover {
      background-color: transparent
    }

    :where(.main-header .container.-header-4) :where(nav .list.level-1)>li:not(.contactus):hover>a {
      color: var(--topnav-color, var(--color-light, oklch(100% 0 0)));
      text-decoration: underline
    }

    :where(.main-header .container.-header-4) :where(nav li.contactus a) {
      border-radius: var(--button-border-radius, 0.15rem)
    }

    :where(.main-header .container.-header-4) :where(nav ul:not(.level-1)) {
      left: 50%;
      border: 0;
      border-radius: var(--general-border-radius, 0.15rem);
      box-shadow: none;
      transform: translateX(-50%)
    }

    :where(.main-header .container.-header-4) :where(nav ul:not(.level-1))::before {
      z-index: -1;
      top: -0.15rem;
      left: calc(50% - 0.75rem);
      width: 1.5rem;
      height: 1.5rem;
      background-color: var(--topnav-background, var(--color-primary, oklch(34.66% 0.127 259.3)));
      transform: rotate(45deg)
    }

    :where(.main-header .container.-header-4) :where(nav ul:not(.level-1)) li:hover {
      border-left: 0;
      margin-left: 0
    }

    :where(.main-header .container.-header-4) :where(nav ul:not(.level-1)) li:hover a {
      background-color: var(--color-highlight, oklch(71.39% 0.136 225.77));
      color: var(--color-light, oklch(100% 0 0))
    }

    .-scrolled :where(.main-header .container.-header-4) :where(nav ul:not(.level-1)) {
      box-shadow: 0 0.05rem 0.15rem 0 oklch(0% 0 0/0.15)
    }

    :where(.main-header .container.-header-4) nav {
      padding: 0;
      background: none
    }

    :where(.main-header .container.-header-4) nav .morebtn {
      padding: 0;
      background-color: unset;
      box-shadow: none
    }

    :where(.main-header .container.-header-4) nav .morebtn>a {
      width: 1.8rem;
      height: 2.5rem;
      padding: 0 0 0 0.75rem;
      color: transparent
    }

    :where(.main-header .container.-header-4) nav .morebtn>a::before {
      top: 50%;
      left: auto;
      background-color: var(--topnav-color, var(--color-light, oklch(100% 0 0)));
      box-shadow: 0 0.35rem 0 var(--topnav-color, var(--color-light, oklch(100% 0 0))), 0 0.7rem 0 var(--topnav-color, var(--color-light, oklch(100% 0 0)));
      text-indent: -499.95rem;
      transform: translateY(calc(50% - 0.5rem))
    }

    :where(.main-header .container.-header-4) nav .morebtn ul {
      right: -1.25rem;
      left: auto;
      text-align: right;
      transform: none
    }

    :where(.main-header .container.-header-4) nav .morebtn ul::before {
      left: calc(100% - 2.5rem)
    }

    :where(.main-header .container.-header-4) nav .morebtn:hover>a {
      color: transparent
    }
  }

  @layer version {
    :where(.main-header .container.-header-4) {
      margin-bottom: -5rem
    }
  }

  @layer version {
    :where(.main-header .container.-header-7) .logo {
      grid-template-columns: fit-content(var(--max-width)) 1fr 1fr
    }

    :where(.main-header .container.-header-7) .logo a {
      grid-area: ml
    }

    :where(.main-header .container.-header-7) .logo img {
      object-position: left center
    }
  }

  @layer version {
    :where(.main-header .container.-header-7) {
      display: grid;
      max-width: 60rem;
      padding-right: 1.25rem;
      margin: 0 auto;
      grid-template-columns: 40% 60%;
      grid-template-areas: "head navigation";
      align-items: center
    }

    :where(.main-header .container.-header-7) :where(nav .list.level-1) {
      display: flex;
      overflow: visible;
      justify-content: end
    }

    :where(.main-header .container.-header-7) :where(nav .list.level-1)>li {
      display: inline-block;
      padding: 0 0.5rem
    }

    :where(.main-header .container.-header-7) :where(nav .list.level-1)>li>a {
      width: auto;
      padding: 0
    }

    :where(.main-header .container.-header-7) :where(nav .list.level-1)>li.contactus {
      padding-left: 0.5rem;
      background: transparent
    }

    :where(.main-header .container.-header-7) :where(nav .list.level-1)>li.contactus a {
      padding: 0 1.25rem;
      background-color: var(--button-color, var(--color-accent, oklch(58.55% 0.223 29.08)))
    }

    :where(.main-header .container.-header-7) :where(nav .list.level-1)>li:not(.contactus):hover {
      background-color: transparent
    }

    :where(.main-header .container.-header-7) :where(nav .list.level-1)>li:not(.contactus):hover>a {
      color: var(--topnav-color, var(--color-light, oklch(100% 0 0)));
      text-decoration: underline
    }

    :where(.main-header .container.-header-7) :where(nav li.contactus a) {
      border-radius: var(--button-border-radius, 0.15rem)
    }

    :where(.main-header .container.-header-7) :where(nav ul:not(.level-1)) {
      left: 50%;
      border: 0;
      border-radius: var(--general-border-radius, 0.15rem);
      box-shadow: none;
      transform: translateX(-50%)
    }

    :where(.main-header .container.-header-7) :where(nav ul:not(.level-1))::before {
      z-index: -1;
      top: -0.15rem;
      left: calc(50% - 0.75rem);
      width: 1.5rem;
      height: 1.5rem;
      background-color: var(--topnav-background, var(--color-primary, oklch(34.66% 0.127 259.3)));
      transform: rotate(45deg)
    }

    :where(.main-header .container.-header-7) :where(nav ul:not(.level-1)) li:hover {
      border-left: 0;
      margin-left: 0
    }

    :where(.main-header .container.-header-7) :where(nav ul:not(.level-1)) li:hover a {
      background-color: var(--color-highlight, oklch(71.39% 0.136 225.77));
      color: var(--color-light, oklch(100% 0 0))
    }

    .-scrolled :where(.main-header .container.-header-7) :where(nav ul:not(.level-1)) {
      box-shadow: 0 0.05rem 0.15rem 0 oklch(0% 0 0/0.15)
    }

    :where(.main-header .container.-header-7) nav {
      padding: 0;
      background: none
    }

    :where(.main-header .container.-header-7) nav .morebtn {
      padding: 0;
      background-color: unset;
      box-shadow: none
    }

    :where(.main-header .container.-header-7) nav .morebtn>a {
      width: 1.8rem;
      height: 2.5rem;
      padding: 0 0 0 0.75rem;
      color: transparent
    }

    :where(.main-header .container.-header-7) nav .morebtn>a::before {
      top: 50%;
      left: auto;
      background-color: var(--topnav-color, var(--color-light, oklch(100% 0 0)));
      box-shadow: 0 0.35rem 0 var(--topnav-color, var(--color-light, oklch(100% 0 0))), 0 0.7rem 0 var(--topnav-color, var(--color-light, oklch(100% 0 0)));
      text-indent: -499.95rem;
      transform: translateY(calc(50% - 0.5rem))
    }

    :where(.main-header .container.-header-7) nav .morebtn ul {
      right: -1.25rem;
      left: auto;
      text-align: right;
      transform: none
    }

    :where(.main-header .container.-header-7) nav .morebtn ul::before {
      left: calc(100% - 2.5rem)
    }

    :where(.main-header .container.-header-7) nav .morebtn:hover>a {
      color: transparent
    }
  }

  @layer version {
    :where(.main-header .container.-header-7) .morebtn:hover ul a {
      color: var(--color-primary, oklch(34.66% 0.127 259.3))
    }

    :where(.main-header .container.-header-7) :where(nav ul:not(.level-1)) {
      background-color: var(--color-light-gray, oklch(85.37% 0.001 197.14))
    }

    :where(.main-header .container.-header-7) :where(nav ul:not(.level-1))::before {
      background-color: var(--color-light-gray, oklch(85.37% 0.001 197.14))
    }

    :where(.main-header .container.-header-7) :where(nav ul:not(.level-1)) li a {
      color: var(--color-primary, oklch(34.66% 0.127 259.3))
    }

    :where(.main-header .container.-header-7) :where(nav ul:not(.level-1)) li:hover a {
      background-color: transparent;
      color: var(--color-primary, oklch(34.66% 0.127 259.3));
      text-decoration: underline
    }
  }

  @layer version {
    :where(.-header-11) .cta-wrapper {
      grid-gap: 0;
      flex-wrap: nowrap
    }
  }

  @layer stripes {
    .-x2-large .banner-tagline {
      padding-top: 6.75rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-1 .information>.container {
      display: grid;
      grid-template-columns: 7fr 5fr;
      grid-template-areas: "core core" "contact links" "jurisdictions jurisdictions";
      grid-column-gap: 2.5rem;
      line-height: 1.4
    }
  }

  @layer version {
    .attorney-card.-attorney-card-1 .contact .address {
      font-size: 1rem
    }

    .attorney-card.-attorney-card-1 .social-media {
      display: flex;
      flex-direction: column
    }
  }

  @layer version {
    .attorney-card.-attorney-card-2 .information>.container {
      display: grid;
      grid-template-columns: 7fr 5fr;
      grid-template-areas: "core core" "contact links" "jurisdictions jurisdictions";
      grid-column-gap: 2.5rem;
      line-height: 1.4
    }
  }

  @layer version {
    .attorney-card.-attorney-card-2>.container {
      grid-template-columns: 1fr 2.26fr
    }
  }

  @layer version {
    .attorney-card.-attorney-card-3 .information>.container {
      display: grid;
      grid-template-columns: 7fr 5fr;
      grid-template-areas: "core core" "contact links" "jurisdictions jurisdictions";
      grid-column-gap: 2.5rem;
      line-height: 1.4
    }
  }

  @layer version {
    .attorney-card.-attorney-card-3 .information {
      padding: 1.5rem 2.5rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-4 .information>.container {
      display: grid;
      grid-template-columns: 7fr 5fr;
      grid-template-areas: "core core" "contact links" "jurisdictions jurisdictions";
      grid-column-gap: 2.5rem;
      line-height: 1.4
    }
  }

  @layer version {
    .attorney-card.-attorney-card-4 .information>.container {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "core contact" "core links" "core jurisdictions";
      column-gap: 1.25rem
    }
  }

  @layer version {
    .attorney-card.-attorney-card-5 .information>.container {
      display: grid;
      grid-template-columns: 7fr 5fr;
      grid-template-areas: "core core" "contact links" "jurisdictions jurisdictions";
      grid-column-gap: 2.5rem;
      line-height: 1.4
    }
  }

  @layer version {
    .attorney-card.-attorney-card-5 .information>.container {
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "core contact" "core links" "core jurisdictions";
      column-gap: 1.25rem
    }
  }

  @layer version {
    .case-results.-results-5 {
      --columns: 3
    }
  }

  @layer version {
    .ui-widget.-settlements-6 {
      --column-gap: 0
    }

    .ui-widget.-settlements-6 .ui-columns {
      flex-direction: row
    }

    .ui-widget.-settlements-6 .column.-image {
      display: flex;
      justify-content: center;
      align-items: center
    }

    .ui-widget.-settlements-6 img {
      --shadow-size: 1rem
    }

    .ui-widget.-settlements-6 .column.-results {
      width: var(--results-column-width)
    }
  }

  @layer version {
    .ui-widget.-settlements-6 .column.-image {
      width: calc(100% - var(--results-column-width))
    }
  }

  @layer version {
    .ui-widget.-settlements-8 .item {
      padding-inline: 2.5rem
    }
  }

  @layer version {
    .ui-widget.-settlements-9 {
      --column-gap: 0
    }

    .ui-widget.-settlements-9 .ui-columns {
      flex-direction: row
    }

    .ui-widget.-settlements-9 .column.-image {
      display: flex;
      justify-content: center;
      align-items: center
    }

    .ui-widget.-settlements-9 img {
      --shadow-size: 1rem
    }

    .ui-widget.-settlements-9 .column.-results {
      width: var(--results-column-width)
    }
  }

  @layer version {
    .ui-widget.-settlements-9 {
      --column-gap: 2.5rem;
      --results-column-width: 100%
    }

    .ui-widget.-settlements-9 .ui-columns {
      flex-direction: row-reverse;
      flex-wrap: nowrap
    }

    .ui-widget.-settlements-9 .items {
      gap: 2.5rem
    }

    .ui-widget.-settlements-9 .item {
      height: 7.5rem
    }

    .ui-widget.-settlements-9 .item>.container {
      display: flex;
      min-height: 100%;
      flex-direction: column;
      justify-content: center;
      align-items: center
    }
  }

  @layer version {
    .info-blocks.-info-blocks-02 {
      --columns: 3
    }
  }

  @layer version {
    .info-blocks.-info-blocks-03 .items:has(.item:nth-child(3):last-child) {
      flex-wrap: initial
    }
  }

  @layer version {
    .info-blocks.-info-blocks-03 .items:has(.item:nth-child(4)) .item {
      max-width: 30.4347826087%
    }
  }

  @layer version {
    .info-blocks.-info-blocks-03 .item {
      max-width: 17.5rem
    }
  }

  @layer version {
    .info-blocks.-info-blocks-4 {
      --grid-columns: 3
    }
  }

  @layer version {
    .info-blocks.-info-blocks-5 {
      --grid-columns: 3
    }
  }

  @layer version {
    .info-blocks.-info-blocks-7 {
      --columns: 3
    }
  }

  @layer version {
    .info-blocks.-info-blocks-8 {
      --icon-space: 4rem
    }
  }

  @layer version {
    .info-blocks.-info-blocks-9 {
      --icon-space: 4rem
    }
  }

  @layer version {
    .info-blocks.-info-blocks-9 .card {
      display: grid
    }

    .info-blocks.-info-blocks-9 .card .icon {
      margin-bottom: 0
    }
  }

  @layer version {
    :where(.content-lists.-lists-1) .items:has(.item:nth-child(3)) {
      --columns: 3
    }
  }

  @layer version {
    :where(.content-lists.-lists-2) .items:has(.item:nth-child(3)) {
      --columns: 3
    }
  }

  @layer version {
    .content-lists.-lists-3 {
      --columns: 3
    }

    .content-lists.-lists-3 .ui-grid:not(.items) .items {
      --columns: 2
    }
  }

  @layer version {
    .content-lists.-lists-4 {
      --columns: 2
    }

    .content-lists.-lists-4 .ui-grid:not(.items) {
      grid-template-areas: "description items"
    }

    .content-lists.-lists-4 .items {
      --columns: 1
    }
  }

  @layer version {
    :where(.content-lists.-lists-5) .card {
      --icon-space: 4rem;
      display: grid
    }

    :where(.content-lists.-lists-5) .card .icon {
      margin-bottom: 0
    }
  }

  @layer version {
    .generic-banner.-generic-banner-01 .column {
      display: grid;
      grid-template-rows: auto 1fr;
      grid-template-columns: 1fr min(16.66%, 5rem) 10.5rem;
      align-items: center
    }

    .generic-banner.-generic-banner-01 .ui-button {
      min-width: 10rem;
      margin: auto
    }

    .generic-banner.-generic-banner-01 .title {
      margin: auto auto 1.25rem 0;
      text-align: left
    }

    .generic-banner.-generic-banner-01 .title.-underlined::after {
      left: 0;
      transform: none
    }
  }

  @layer version {
    .generic-banner.-generic-banner-02 .column {
      display: grid;
      grid-template-rows: auto 1fr;
      grid-template-columns: 1fr min(16.66%, 5rem) 10.5rem;
      align-items: center
    }

    .generic-banner.-generic-banner-02 .ui-button {
      min-width: 10rem;
      margin: auto
    }

    .generic-banner.-generic-banner-02 .title {
      margin: auto auto 1.25rem 0;
      text-align: left
    }

    .generic-banner.-generic-banner-02 .title.-underlined::after {
      left: 0;
      transform: none
    }
  }

  @layer version {
    .generic-banner.-generic-banner-03 .column {
      display: grid;
      grid-template-rows: auto 1fr;
      grid-template-columns: 1fr min(16.66%, 5rem) 10.5rem;
      align-items: center
    }

    .generic-banner.-generic-banner-03 .ui-button {
      min-width: 10rem;
      margin: auto
    }

    .generic-banner.-generic-banner-03 .title {
      margin: auto auto 1.25rem 0;
      text-align: left
    }

    .generic-banner.-generic-banner-03 .title.-underlined::after {
      left: 0;
      transform: none
    }
  }

  @layer version {
    .generic-banner.-generic-banner-03:not([class*=_talign]) .text {
      text-align: left
    }
  }

  @layer version {
    .generic-banner.-generic-banner-04 .column {
      width: 50%
    }

    .generic-banner.-generic-banner-04 .column:not(.image) {
      display: flex;
      flex-direction: column;
      justify-content: center
    }

    .generic-banner.-generic-banner-04 .column .title {
      margin-top: 0
    }

    .generic-banner.-generic-banner-04 .column .title~.text {
      margin-top: 0;
      margin-bottom: 0
    }
  }

  @layer version {
    .generic-banner.-cc-02 .title {
      margin: 0
    }

    .generic-banner.-cc-02 .title:not(.-underlined) {
      margin-bottom: 0
    }

    .generic-banner.-cc-02 .column {
      display: flex;
      gap: 2.5rem;
      justify-content: center;
      align-items: center
    }
  }

  @layer version {
    .generic-banner.-cc-03 .title {
      margin: 0
    }

    .generic-banner.-cc-03 .title:not(.-underlined) {
      margin-bottom: 0
    }

    .generic-banner.-cc-03 .column {
      display: flex;
      gap: 2.5rem;
      justify-content: center;
      align-items: center
    }
  }

  @layer version {
    :where(.ui-gallery.-gallery-2) .text {
      padding: 2.5rem
    }
  }

  @layer version {
    :where(.ui-gallery.-gallery-6) .items:has(:nth-child(8n)) {
      --columns: 4
    }
  }

  @layer version {
    .our-team.-our-team-18 .items {
      flex-direction: revert
    }

    .our-team.-our-team-18 .item {
      width: 50%;
      margin-inline: revert
    }
  }

  @layer version {
    .locations.-locations-3 .items {
      --columns: 3
    }
  }

  @layer version {
    .locations.-locations-4 .ui-columns {
      --gap: 2.5rem;
      --columns: 2
    }

    .locations.-locations-4 .-description {
      order: initial
    }
  }

  @layer version {
    .locations.-locations-5 .items {
      --columns: 3
    }
  }

  @layer version {
    .locations.-locations-6 .description {
      padding: 5rem;
      padding-left: 2.5rem
    }
  }

  @layer version {
    .locations.-locations-10 .card {
      grid-template-columns: 1fr 1.2fr
    }
  }

  @layer version {
    .locations.-locations-11 .description {
      padding: 5rem;
      padding-left: 2.5rem
    }
  }

  @layer version {
    .ui-videos.-videos-5 .items {
      --columns: 4
    }
  }

  @layer version {
    .rss-columns.-rss-columns-1 .items {
      grid-template-columns: repeat(3, 1fr)
    }
  }

  @layer version {
    .rss-columns.-rss-columns-2 .items {
      grid-template-columns: repeat(3, 1fr)
    }
  }

  @layer version {
    .rss-columns.-rss-columns-3 .items {
      grid-template-columns: repeat(3, 1fr)
    }
  }

  @layer version {
    .rss-columns.-rss-columns-4 .items {
      grid-template-columns: repeat(3, 1fr)
    }
  }

  @layer version {
    .rss-columns.-rss-5 .items {
      grid-template-columns: repeat(3, 1fr)
    }
  }

  @layer version {
    .faqs.-faqs-3 .items {
      --columns: 3
    }
  }

  @layer version {
    .ui-processes.-processes-1 .item {
      display: grid;
      padding: 2.5rem;
      grid-template-columns: min-content 1fr;
      grid-template-areas: "icon title" "icon content";
      grid-column-gap: 1rem;
      align-content: baseline
    }

    .ui-processes.-processes-1 .icon {
      margin-bottom: 0;
      grid-area: icon
    }

    .ui-processes.-processes-1 .itemtitle {
      grid-area: title
    }

    .ui-processes.-processes-1 .content {
      grid-area: content
    }
  }

  @layer stripes {
    .main-footer [class*=footer-v]>.container {
      grid-template-columns: 1fr 17rem
    }
  }

  @layer version {
    .footer-v1>.container {
      --footer-layout: "logo logo" "nav nav" "top-c top-c" "addr addr" "bottom-c bottom-c" "local local" "title title" "dis-cont dis-cont"
    }
  }

  @layer version {
    body.-has-chat .footer-v1 .bottom-stripe {
      margin-bottom: 6.25rem
    }

    .footer-v1 .bottom-stripe .credits {
      margin-top: 0;
      text-align: right
    }
  }

  @layer version {
    .footer-v2>.container {
      grid-template-columns: revert
    }
  }

  @layer version {
    .footer-v3>.container {
      grid-template-columns: revert
    }
  }

  @layer version {
    .footer-v4>.container {
      grid-template-columns: revert
    }
  }

  @layer version {
    .footer-v4>.container {
      grid-template-columns: revert
    }
  }

  @layer version {
    .footer-v5>.container {
      --footer-layout: "logo logo" "nav nav" "top-c top-c" "addr addr" "bottom-c bottom-c" "local local" "title title" "dis-cont dis-cont"
    }
  }

  @layer version {
    body.-has-chat .footer-v5 .bottom-stripe {
      margin-bottom: 6.25rem
    }

    .footer-v5 .bottom-stripe .credits {
      margin-top: 0;
      text-align: right
    }
  }

  @layer version {
    .footer-v5>.container.-has-search {
      --footer-layout: "logo logo" "nav search" "top-c top-c" "addr addr" "bottom-c bottom-c" "local local" "title title" "dis-cont dis-cont"
    }

    .footer-v5>.container.-has-search .logo {
      margin-bottom: 1.25rem
    }

    .footer-v5>.container.-has-search .nav {
      justify-content: revert
    }

    .footer-v5>.container.-has-search:not(.-has-logo) {
      padding-top: 1.25rem
    }
  }

  @layer version {
    body.-has-chat .bottom-stripe {
      margin-bottom: 6.25rem
    }

    .bottom-stripe>.container {
      display: grid;
      max-width: 57.5rem;
      margin: 0 auto;
      grid-template-columns: 1fr 1fr;
      grid-gap: 1rem
    }

    .bottom-stripe .copyright {
      text-align: left
    }

    .bottom-stripe .credits {
      margin: 0;
      text-align: right
    }

    .bottom-stripe .copyright,
    .bottom-stripe .credits {
      grid-area: revert
    }
  }
}

@media screen and (max-width: 57.4375em) {
  @layer version {
    :where(.-header-11) .cta {
      --padding-right: 0;
      --border-right: 0
    }

    :where(.-header-11) .cta+.cta {
      padding-top: 0;
      margin-left: 0
    }
  }

  @layer version {
    .rss-columns.-rss-columns-1 .items .item:nth-child(n+3) {
      display: none
    }
  }

  @layer version {
    .rss-columns.-rss-columns-2 .items .item:nth-child(n+3) {
      display: none
    }
  }

  @layer version {
    .rss-columns.-rss-columns-3 .items .item:nth-child(n+3) {
      display: none
    }
  }

  @layer version {
    .rss-columns.-rss-columns-4 .items .item:nth-child(n+3) {
      display: none
    }
  }

  @layer version {
    .rss-columns.-rss-5 .items .item:nth-child(n+3) {
      display: none
    }
  }

  @layer version {
    .faqs.-faqs-3 .item:nth-child(n+3) {
      display: none
    }
  }
}

@media screen and (min-width: 81.25em) {
  @layer stripes {
    .banner-tagline .text {
      font-size: calc(var(--banner-fz-lvl2, 40) * 0.05rem)
    }
  }
}

@media screen and (max-width: 74.9375em) {
  @layer stripes {
    :where(.ui-widget.-badges):has(.-fixed) {
      padding-top: initial
    }
  }

  @layer stripes {
    :where(.ui-widget.-badges) .item.-fixed {
      height: initial
    }
  }

  @layer version {
    .ui-widget.-badges-3 .item.-fixed {
      height: initial
    }
  }

  @layer version {
    .ui-widget.-settlements-2 .item.-fixed {
      margin-right: 0;
      margin-left: 0
    }
  }

  @layer version {
    .ui-widget.-settlements-11 .item.-fixed {
      margin-right: 0;
      margin-left: 0
    }
  }

  @layer version {

    .ui-widget.-settlements-11 .item.-fixed,
    .ui-widget.-settlements-2.-with-separator .item.-fixed {
      --container-padding: 1.25rem;
      --container-top-padding: var(--container-padding);
      --container-bottom-padding: var(--container-padding)
    }
  }

  @layer version {
    .locations.-locations-1 .item {
      --gap: 1.25rem;
      --columns: 1
    }
  }
}

@media screen and (min-width: 75em) {
  @layer version {
    .ui-widget.-settlements-1.-with-separator .tns-slide-active+.tns-slide-active::before {
      --left: -1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-2 .item.-fixed {
      --container-padding: 0
    }
  }

  @layer version {
    .ui-widget.-settlements-2.-with-separator .tns-slide-active+.tns-slide-active::before {
      --left: -1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-7.-with-separator .tns-slide-active+.tns-slide-active::before {
      --left: -1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-8.-with-separator .tns-slide-active+.tns-slide-active::before {
      --left: -1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-10.-with-separator .tns-slide-active+.tns-slide-active::before {
      --left: -1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-11 .item.-fixed {
      --container-padding: 0
    }
  }

  @layer version {
    .ui-widget.-settlements-11.-with-separator .tns-slide-active+.tns-slide-active::before {
      --left: -1.25rem
    }
  }

  @layer version {

    .ui-widget.-settlements-11 .item.-fixed,
    .ui-widget.-settlements-2.-with-separator .item.-fixed {
      height: 100%
    }

    .ui-widget.-settlements-11 .item.-fixed::after,
    .ui-widget.-settlements-2.-with-separator .item.-fixed::after {
      top: 50%;
      right: -0.625rem;
      width: auto;
      height: calc(100% - 5rem);
      border-bottom: 0;
      border-left: 0.1rem solid oklch(0% 0 0/0.2);
      transform: translateY(-50%)
    }
  }

  @layer version {
    .ui-widget.-settlements-12.-with-separator .tns-slide-active+.tns-slide-active::before {
      --left: -1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-13.-with-separator .tns-slide-active+.tns-slide-active::before {
      --left: -1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-14.-with-separator .tns-slide-active+.tns-slide-active::before {
      --left: -1.25rem
    }
  }

  @layer version {
    .ui-widget.-settlements-15.-with-separator .tns-slide-active+.tns-slide-active::before {
      --left: -1.25rem
    }
  }

  @layer version {
    .info-blocks.-info-blocks-03 .items:has(.item:nth-child(4)) {
      --item-min-height: 3.75rem
    }

    .info-blocks.-info-blocks-03 .items:has(.item:nth-child(4)) .item {
      max-width: 21.7391304348%
    }
  }

  @layer version {
    .generic-banner.-generic-banner-01 {
      background-size: auto
    }
  }

  @layer version {
    .generic-banner.-generic-banner-02 {
      background-size: auto
    }
  }

  @layer version {
    .generic-banner.-generic-banner-03 {
      background-size: auto
    }
  }

  @layer version {
    .generic-banner.-generic-banner-04 {
      background-size: auto
    }
  }

  @layer version {
    .generic-banner.-generic-banner-04 {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 100%
    }
  }

  @layer version {
    .generic-banner.-generic-banner-05 {
      background-size: auto
    }
  }

  @layer version {
    .generic-banner.-generic-banner-06 {
      background-size: auto
    }
  }

  @layer version {
    :where(.ui-widget.-contact-3) {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 100%
    }
  }

  @layer version {
    :where(.ui-widget.-contact-7) {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 100%
    }
  }

  @layer version {
    :where(.ui-gallery.-gallery-6) .items:has(:nth-child(12n)) {
      --columns: 6
    }
  }

  @layer stripes {
    :where(.ui-widget.our-team.-our-team-20) .items {
      grid-template-columns: 27.5rem 1fr
    }
  }

  @layer version {
    .locations.-locations-3 .items {
      --gap: 2.5rem
    }
  }

  @layer version {
    .locations.-locations-4 .ui-swipeable:has(.tns-outer) {
      width: calc(100% + 2.5rem);
      margin-left: -1.25rem
    }
  }

  @layer version {
    .locations.-locations-5 {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 100%
    }
  }

  @layer version {
    .locations.-locations-8 .address {
      padding: 2.5rem
    }
  }

  @layer version {
    :where(.ui-widget.-reviews-15) {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 100%
    }
  }

  @layer version {
    .faqs.-faqs-3 .items {
      --columns: 3
    }
  }

  @layer stripes {
    .main-footer .logo {
      justify-self: flex-start
    }

    .main-footer [class*=footer-v]>.container {
      column-gap: 1.25rem
    }

    .main-footer [class*=footer-v]>.container.-has-logo {
      grid-template-columns: 1fr 1fr 17rem
    }

    .main-footer [class*=footer-v]>.container.-has-logo .nav {
      height: auto;
      justify-content: flex-end
    }
  }

  @layer version {
    .footer-v1>.container.-has-logo {
      --footer-layout: "logo nav nav" "top-c top-c top-c" "addr addr addr" "bottom-c bottom-c bottom-c" "local local local" "title title title" "dis-cont dis-cont dis-cont"
    }

    .footer-v1>.container.-has-logo:not(.-has-search) .nav {
      margin-top: 0
    }
  }

  @layer version {
    .footer-v1 .container.-has-logo .logo {
      grid-template-columns: fit-content(var(--max-width)) 1fr 1fr
    }

    .footer-v1 .container.-has-logo .logo a {
      grid-area: ml
    }

    .footer-v1 .container.-has-logo .logo img {
      object-position: left center
    }

    .footer-v1 .container.-has-logo .nav {
      margin-top: 0
    }
  }

  @layer version {
    .footer-v2>.container .logo {
      justify-self: revert
    }

    .footer-v2>.container.-has-logo .nav {
      justify-content: center
    }
  }

  @layer version {
    .footer-v3>.container {
      padding-bottom: 0
    }

    .footer-v3>.container .logo img {
      object-position: left
    }

    .footer-v3>.container.-has-logo {
      --footer-layout: "logo nav nav" "top-c top-c top-c" "bottom-c bottom-c bottom-c" "local local local" "title title title" "dis-cont dis-cont dis-cont"
    }

    .footer-v3>.container.-has-logo .nav {
      margin-top: 0
    }
  }

  @layer version {
    .footer-v4>.container .logo {
      justify-self: revert
    }

    .footer-v4>.container.-has-logo .nav {
      justify-content: center
    }
  }

  @layer version {
    .footer-v5>.container.-has-logo {
      --footer-layout: "logo nav nav" "top-c top-c top-c" "addr addr addr" "bottom-c bottom-c bottom-c" "local local local" "title title title" "dis-cont dis-cont dis-cont"
    }

    .footer-v5>.container.-has-logo:not(.-has-search) .nav {
      margin-top: 0
    }
  }

  @layer version {
    .footer-v5>.container.-has-search {
      --footer-layout: "logo logo logo" "nav nav search" "top-c top-c top-c" "addr addr addr" "bottom-c bottom-c bottom-c" "local local local" "title title title" "dis-cont dis-cont dis-cont"
    }

    .footer-v5>.container.-has-search .logo {
      justify-self: revert
    }

    .footer-v5>.container.-has-search .nav {
      justify-content: revert
    }
  }
}

@media screen and (min-width: 37.5em) {
  @layer version {
    :where(.ui-gallery.-gallery-2) .ui-swipeable {
      --item-width: 47.5rem
    }

    :where(.ui-gallery.-gallery-2) .card {
      --max-width: var(--item-width);
      display: grid;
      grid-template-columns: 3fr 6.5fr
    }

    :where(.ui-gallery.-gallery-2) .card img {
      height: 100%;
      border-top-right-radius: 0;
      border-bottom-left-radius: var(--border-radius, 0.5rem)
    }
  }
}

@media (--level-2--min) {
  @layer version {
    :where(.ui-gallery.-gallery-4) .card {
      width: calc(100% - 3.75rem)
    }
  }
}

@media screen and (min-width: 28.125em) {
  @layer version {
    .locations.-locations-10 .card {
      grid-template-columns: 1fr 1.75fr;
      --max-width: 27.5rem;
      --padding: 1.25rem
    }
  }
}

@media screen and (min-width: 37.5em) {
  @layer version {
    .footer-v2 .logo img {
      max-width: 27.5rem
    }
  }

  @layer version {
    .footer-v4 .logo img {
      max-width: 27.5rem
    }
  }

  @layer version {
    .footer-v5 .logo img {
      max-width: 27.5rem
    }
  }
}
.header__search{
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.header__search form{
  width: 100%;
  position: relative;
}
.header__search_input{
  position: relative;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  padding: 10px;
  border: 2px solid #022f86;
  border-radius: 5px;
}
.header__search_button{
  position: absolute;
  top: 0;
  width: 45px;
  height: 45px;
  right: 0px;
  color: #dc1f18;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.header__search_button .dashicons.dashicons-search{
  font-size: 28px;
  width: 28px;
  height: 28px;
}
@media screen and (max-width: 749px) {

  .header__search form{
    margin: 20px;
  }

}